Mọi màn hình bạn sử dụng đều do ai đó thiết kế: màn hình chính của ứng dụng ngân hàng, hộp tìm kiếm, trang cài đặt. Thiết kế giao diện người dùng là nguyên tắc quyết định cách sắp xếp các màn hình đó, từng điều khiển trông như thế nào và cách nó phản hồi khi bạn chạm vào.
Một nhà thiết kế giao diện người dùng làm việc với một vài khối xây dựng. Bố cục và khoảng cách nhóm các thứ liên quan với nhau. Hệ thống phân cấp trực quan làm nổi bật hành động quan trọng nhất. Kiểu chữ và màu sắc mang ý nghĩa và thương hiệu. Các thành phần như nút bấm, đầu vào, thẻ và menu đều được thiết kế một lần và tái sử dụng nên sản phẩm mang lại cảm giác nhất quán.
Mỗi thành phần cũng có trạng thái. Một nút có trạng thái mặc định, di chuột, nhấn, tập trung, tắt và tải và mỗi nút cần có một thiết kế. Loại bỏ các trạng thái là một trong những lý do phổ biến nhất khiến thiết kế trông có vẻ hoàn thiện trong mô hình nhưng lại có cảm giác bị hỏng trong sản phẩm thật.
Tương tác và chuyển động cũng là một phần của giao diện người dùng. Những phản hồi nhỏ, thường được gọi là tương tác vi mô, xác nhận rằng thao tác nhấn đã hoạt động, hiển thị tiến trình hoặc giải thích điều gì đó đã diễn ra ở đâu. Họ phải nhanh chóng và có mục đích, đồng thời tôn trọng cài đặt hệ thống để giảm chuyển động.
Hầu hết thiết kế giao diện người dùng ngày nay đều diễn ra trong Figma, với Penpot, Sketch và Lunacy là các lựa chọn thay thế phổ biến. Đối với các giao diện cần phản ứng với dữ liệu thực và đầu vào trong ứng dụng đã hoàn thiện, các nhà thiết kế cũng sử dụng các công cụ tương tác. ExodeUI mà chúng tôi tạo ra là một: nó lưu trữ các trạng thái, vật lý mùa xuân và các sự kiện trong một tệp mở chạy trong React, Vue, Svelte, Angular, Solid, React Native, SwiftUI và Flutter.