Cách đơn giản nhất để thấy sự khác biệt là thanh toán. UX quyết định có bao nhiêu bước, những gì được yêu cầu trong mỗi bước, điều gì xảy ra khi thẻ bị từ chối và liệu khách có thể mua mà không cần có tài khoản hay không. Giao diện người dùng quyết định từng bước trông như thế nào: trường biểu mẫu, kiểu nút, màu thông báo lỗi và hình ảnh động nhỏ khi thanh toán thành công.
Thiết kế UX bắt đầu trước khi có bất kỳ màn hình nào. Nó bao gồm nghiên cứu người dùng, phỏng vấn, bản đồ hành trình, kiến trúc thông tin, wireframe và kiểm tra khả năng sử dụng. Đầu ra thường là một quy trình hoặc một nguyên mẫu hơn là một thiết kế hình ảnh hoàn chỉnh. Thành công được đo lường bằng kết quả: hoàn thành nhiệm vụ, sai sót, thời gian hoàn thành và liệu mọi người có quay lại hay không.
Thiết kế giao diện người dùng biến cấu trúc đó thành một giao diện. Nó bao gồm phân cấp trực quan, khoảng cách, kiểu chữ, màu sắc, biểu tượng, thành phần và cách mỗi thành phần hoạt động ở mọi trạng thái: mặc định, di chuột, nhấn, tắt, tải và lỗi. Chuyển động cũng là một phần của giao diện người dùng. Một nút phản hồi khi được nhấn hoặc một tờ giấy theo ngón tay của bạn sẽ cho mọi người biết sản phẩm đã nghe thấy họ.
Hai người phụ thuộc vào nhau. Một luồng rõ ràng với các nút khó hiểu vẫn không thành công và màn hình bóng bẩy phía trên một luồng khó hiểu vẫn không thành công. Đó là lý do tại sao hầu hết các nhóm coi UI là một phần của UX chứ không phải là một lĩnh vực riêng biệt và tại sao nhiều quảng cáo việc làm lại yêu cầu cả hai.
Nếu bạn đang quyết định học gì trước, hãy bắt đầu với những điều cơ bản về UX (hiểu người dùng và nhiệm vụ), sau đó học các kỹ năng UI trong một công cụ thiết kế như Figma hoặc Penpot. Tiếp theo là thiết kế tương tác và chuyển động và đó là lúc các công cụ như ExodeUI do chúng tôi tạo ra sẽ phù hợp.