Tổng quan về UI/UX - Khái niệm, so sánh

Tổng quan về UI/UX – Khái niệm, so sánh

Trong bài viết này, chúng ta sẽ cùng nhau tìm hiểu về chủ đề không hề xa lạ trong giới phát triển sản phẩm, phần mềm, đó chính là “Tổng quan về UI/UX”. Cùng tìm hiểu với mình nhé!

Khái niệm UI

UI là viết tắt của từ User Interface có nghĩa là giao diện người dùng. Hiểu một cách đơn giản nhất thì UI bao gồm tất cả những gì người dùng có thể nhìn thấy như: màu sắc web, bố cục sắp xếp như thế nào, web/app sử dụng fonts chữ gì, hình ảnh trên web có hấp dẫn hay không,…

Tổng quan về UI/UX - Khái niệm, so sánh

Trong thiết kế thì UI đóng vai trò là yếu tố truyền tải thông điệp từ người thiết kế, nhà cung cấp dịch vụ, sản phẩm tới người dùng. Đơn giản hơn thì nhà thiết kế đóng vai trò như 1 lập trình viên hoặc nhà xây dựng để bất cứ ai cũng có thể hiểu và sử dụng được sản phẩm của họ .

Ví dụ: Trên cương vị là một người thợ mộc khi bạn đóng một cái giường thì trước tiên sản phẩm bạn làm ra phải giống một cái giường đã, không thể cái giường lại giống 1 cái bàn được đúng không nào? Thì ở đây UI cũng được hiểu tương tự như vậy.

Khái niệm UX

UX là viết tắt của từ User Experience có nghĩa là trải nghiệm người dùng. Đơn giản hơn thì UX là những đánh giá của người dùng khi sử dụng sản phẩm. như: Website hay App của bạn có dễ sử dụng hay không, có thân việc bố trí sắp xếp bố cục như vậy đã được hay chưa? sản phẩm đó có đạt được mục đích đề ra không.

Tổng quan về UI/UX - Khái niệm, so sánh

Vậy giữa UI và UX cái nào quan trọng hơn?

Thực tế để phân biệt hai khái niệm UI và UX là điều khác khó khăn vì chúng có mối liên quan chặt chẽ với nhau. Có không ít cuộc tranh luận rằng UX quan trọng hơn UI hoặc ngược lại UI quan trọng hơn UX.

Tuy nhiên khi bạn đã hiểu rõ ràng về hai khái niệm này bạn có thể dễ dàng nhận điểm chung đó là cả UI và UX đều mang một mục đích đó là tạo sự thoải mái cho người dùng, từ đó ta có thể thấy chúng có vái trò quan trọng như nhau.

Tổng quan về UI/UX - Khái niệm, so sánh

Ví dụ: Một sản phẩm website/App có thiết kế bắt mắt, màu sắc đẹp thu hút người nhìn tuy nhiên nó lại khó khăn trong việc sử dụng, hay ngược lại một sản phẩm website/App rất dễ sử dụng và rất có ích nhưng nó khoác trên mình một vẻ ngoài khủng khiếp; rõ ràng chúng ta chẳng ai muốn dùng những sản phẩm như thế.

“Trải nghiệm người dùng (UX) và giao diện người dùng (UI) là một số thuật ngữ gây bối rối và dễ bị lầm lẩn nhất trong lĩnh vực của chúng tôi. Một giao diện người dùng mà bỏ qua các vấn đề về trải nghiệm người dùng cũng giống như một họa sĩ sơn bừa bãi vào mặt vải/giấy một cách không chủ đích;

trong khi UX không có UI thì chỉ giống như 1 khung tranh mà không hề có vải hay giấy trên đó. trải nghiệm sản phẩm tuyệt vời được thực hiện bắt đầu từ UX tiếp theo sau đó là UI. Cả hai đều cần thiết cho sự thành công của sản phẩm.” – Rahul Varshney, Co-creator của Foster.fm – UX và UI, cả hai thành phần đều có vai trò quan trọng trong việc thành công của sản phẩm.

Kết luận tổng quan về UI/UX

“Một giao diện đẹp nhưng khó sử dụng là một ví dụ UI tốt và UX tồi. Trái lại, một sản phẩm dễ sử dụng với giao diện xấu lại là ví dụ cho UX tốt và UI tồi.” Nhà chuyên gia Helga Moreno, tác giả bài viết The Gap Between UX And UI Design đã đưa ra khẳng định chắc nịch: “Vì vậy, bạn có thể thấy, chúng đều rất quan trọng. Có tới hàng triệu ví dụ về các sản phẩm tuyệt vời với chỉ một yếu tố, vậy thì hãy tưởng tượng xem sẽ thành công như thế nào khi có cả hai yếu tố này?”

Cảm ơn bạn đã theo dõi bài viết!

Các bạn có thể tham khảo các bài viết hay về JavaScript tại đây.


Hãy tham gia nhóm Học lập trình để thảo luận thêm về các vấn đề cùng quan tâm.

TỔNG HỢP TÀI LIỆU HỌC LẬP TRÌNH CƠ BẢN CHO NGƯỜI MỚI BẮT ĐẦU

KHOÁ HỌC BOOTCAMP JAVA/JAVASCRIPT/PHP TRỞ THÀNH LẬP TRÌNH VIÊN TRONG 5-6 THÁNG

Bình luận