UI/UX

UI và UX khác nhau thế nào là gì?

ui uxui/uxux uiui ux là gìui là gì ux là gìuiux

UI (user interface) là giao diện người dùng nhìn thấy và chạm vào: màu, chữ, nút, bố cục; UX (user experience) là toàn bộ trải nghiệm khi dùng sản phẩm: có dễ hiểu, dễ dùng, đạt được mục tiêu và thấy dễ chịu hay không.

Hiểu kỹ hơn

Ví dụ dễ nhớ: UX quyết định đặt nút 'Thanh toán' ở đâu, cần mấy bước để mua hàng và nói gì khi lỗi; UI quyết định nút đó màu gì, cỡ bao nhiêu, chữ gì, bo góc ra sao. UX designer làm nghiên cứu người dùng, luồng, wireframe và kiểm thử; UI designer làm hệ thống thị giác, giao diện chi tiết và design system. Ở nhiều công ty Việt Nam, một người làm cả hai nên gọi chung là UI/UX designer hoặc product designer. Công cụ phổ biến nhất hiện nay là Figma.

Đọc bài viết đầy đủ về UI và UX khác nhau thế nào
Ảnh minh hoạ UI và UX khác nhau thế nào: tảng băng: phần nổi là UI, phần chìm là UX
Tảng băng: phần nổi là UI, phần chìm là UX

Học viên ColorME làm UI và UX khác nhau thế nào

Bài tập UI UX buổi 2Bài tập UI UX buổi 2Bài tập UI UX buổi 1Bài tập UI UX buổi 1UI-UX_BTGKUI-UX_BTGKReDesign Youtube Layout For Iphone 7 Plus | UX UI Session 1 HomeworkReDesign Youtube Layout For Iphone 7 Plus | UX UI Session 1 HomeworkBTCK UI/UX - Giao diện mobile app "pomind" - Hồng NgânBTCK UI/UX - Giao diện mobile app "pomind" - Hồng NgânBTGK - Phạm Thị Ngọc Ánh - UI UX 101.2BTGK - Phạm Thị Ngọc Ánh - UI UX 101.2

Thuật ngữ liên quan

01Giao diện người dùng

Quá trình tạo ra vẻ ngoài cho một sản phẩm, kết hợp chặt chẽ với các chuyên gia và nhà phát triển khác để cung cấp trải nghiệm tốt nhất.

02Trải nghiệm người dùng

Quy trình thiết kế tổng thể, bao gồm cảm nhận, tương tác và cảm xúc của người dùng với sản phẩm.

03Nghiên cứu người dùng (user research)

Nghiên cứu người dùng (user research) là việc tìm hiểu người dùng thật, nhu cầu, hành vi và khó khăn của họ bằng các phương pháp như phỏng vấn, khảo sát…

04Wireframing (dựng khung giao diện)

Wireframing là bước dựng khung sườn của giao diện bằng đường nét và khối đơn giản, xác định nội dung nào có trên màn hình, sắp xếp ra sao và thứ bậc thế…

05Design system (hệ thống thiết kế)

Design system là bộ nguồn chung của một sản phẩm gồm nguyên tắc thiết kế, design token, thư viện component trong file thiết kế và trong code, cùng tài…

06Product designer

Product designer là người thiết kế sản phẩm số (ứng dụng, website, phần mềm) từ đầu đến cuối: hiểu vấn đề của người dùng và doanh nghiệp, thiết kế luồng…