Design for UX

Dialogs là phần giao diện overlay trên giao diện chính, yêu cầu người dùng thực hiện hành động để công việc được tiếp tục. Trong đó Alert/Confirmation dialog là dạng ta thường gặp nhất. Hãy xem khi thiết kế về chúng thì cần lưu ý những gì nhé.

1. UI là gì? UI (User interface) là cách mà con người giao tiếp với máy tính. UI bao gồm các thiết bị hỗ trợ input (chuột, bàn phím, joystick,...), thiết bị hỗ trợ output (màn hình, loa, máy in,...) và môi trường xảy ra input, output (phần mềm,...). 2. Có những dạng UI nào? Hiện tại, có 3 cách chính để con người có thể giao tiếp với máy tính: CLI (Command-Line Interface): Giao tiếp qua dòng lệnh máy tính. GUI (Graphical User Interface): Giao tiếp qua môi trường đồ hoạ. NUI (Natural User Interface): Giao tiếp tự nhiên. Ví dụ, với nhu cần cần công cụ để tính toán của con người, ta có thể thiết kế 3 loại giao diện khác nhau như sau: CLI (Command-Line Interface) CLI (Command-Line Interface): Đây là loại giao diện thuở sơ khai (ví dụ: hệ điều hành MS-DOS), con người phải học ngôn ngữ của máy tính để giao tiếp với chúng. Ưu điểm: Tốn ít tài nguyên (phù hợp với các thiết bị cấu...

Mô hình AIDA (Attention-Interest-Desire-Action) là một khái niệm phổ biến trong tiếp thị và quảng cáo (marketing/advertising). Nó được ứng dụng linh hoạt trong nhiều lĩnh vực khác nhau, như một cách để thuyết phục người khác hành động. Hãy xem trong thiết kế nội dung website nó được áp dụng như thế nào nhé! Mô hình AIDA mô tả trải nghiệm của người dùng dẫn đến quyết định hành động (mua một sản phẩm, đăng ký dịch vụ, tham gia chương trình,...). Attention/Sự chú ý: Người dùng nhận thức về thương hiệu, sản phẩm. Có cảm giác tò mò, muốn khám phá thêm Interest/Sự thích thú: Người bán show ra các sản phẩm, tính năng...Người dùng cảm thấy thích thú vì sản phẩm đó đáp ứng được nhu cầu nào đó của họ. Desire/Sự thèm khát: Người dùng thèm khát sản phẩm vì nó không chỉ đáp ứng nhu cầu mà nó còn rất hiệu quả và tốt đẹp, trong giai đoạn này người dùng bị thuyết phục trước những lời dụ dỗ ngon ngọt của người bán. Action/Hành động: Người dùng quyết định mua sản phẩm. Mô hình A...

Những lỗi cơ bản mà nhiều người mới bắt đầu thường mắc phải

1. Design System là gì? Design System là một "bộ luật" dành cho thiết kế. Có nghĩa là các thiết kế trong một Design System phải tuân theo các nguyên tắc nhất định, và thể hiện tính triết lý trong đó. Mỗi hãng đều đặt ra một Design System của riêng mình, ví dụ như Google có Material Design, Microsoft có Fluent Design,...Nó giống như mỗi quốc gia đều có một bộ luật của riêng họ, các bộ luật có thể có nhiều điểm na ná giống nhau, nhưng vẫn có những điểm riêng biệt để phù hợp với hoàn cảnh của họ.  Design System bao gồm những gì? Nhìn chung, Design System là tập hợp các quy tắc, triết lý và được thể hiện trực quan dưới dạng các: layout, color, typography, iconography, component, content, interaction,... 2. Có những Design System phổ biến nào? 1. Material Design System - của Google. https://material.io/ Triết lý của họ là gì?  Tạo ra một sự hoà hợp giữa thiết kế tr...

Trải nghiệm bị gián đoạn là thứ gây khó chịu nhất đối với người dùng. Hãy thử tưởng tượng, đang chạy deadline thì photoshop "not responding", 😖😠... Chính vì vậy mà ta cần thiết kế UX để giúp người dùng luôn có một trải nghiệm mượt mà, không bị gián đoạn hoặc nếu có thì người dùng vẫn có thể làm tiếp được công việc đang dang dở.

Trước khi hành động, người dùng sẽ đưa ra các dự đoán (cần thực hiện ra sao, kết quả thế nào,...). Thiết kế tốt là nhìn vào người dùng có thể phán đoán ngay những thứ họ cần làm. Một số ví dụ dưới đây sẽ giúp bạn hiểu hơn về nguyên tắc này.