UX - UI là gì?

Bài viết chia sẻ sự hiểu biết cá nhân về Ux - Ui của Hùng Kim Ấm!!!

Tìm hiểu thế nào là Ux-Ui

Bắt đầu nghe tới nó từ những ngăm 200X khi mà tiếp xúc với lĩnh vực lập trình giao diện webform - winform nhưng cho tới nay thì mình mới hiểu sâu hơn về nó cũng chỉ tại cuộc nhậu với 1 thằng em. Nay mình chia sẻ lại những hiểu biết của mình về UX - UI đây cũng là hai khái niệm giúp cho các bạn làm code web đạt được 1 yếu tố chuẩn "SEO" theo xu hướng 2019 -> tối ưu trải nghiệm người dùng.

Bắt đầu với UX trước nhỉ?

Ux là gì?

UX viết tắt của từ: User Experience - trải nghiệm người dùng

Thuật ngữ này đang được sử dụng nhiều trong nghành thiết kế và lập trình web ở thời điểm hiện tại. Tuy vậy mình thấy rất nhiều người đang mơ hồ hoặc hiểu nhầm về nó.

#Trải_nghiệm_người_dùng là gì? trước tiên chúng ta cắt nghĩa từ trải nghiệm trước, được cấu thành từ 2 từ "TRẢI" + "NGHIỆM" với ý nghĩa Trải là trải qua, từng trải về một sự vật, sự việc nào đó ví dụ: trải qua bao nhiêu năm cuối cùng đến năm 2019 Hùng Kim Ấm vẫn đốt tiền...như vậy t đã có kinh nghiệm đốt tiền bằng việc trải qua hành động bật lửa lên để đốt hoặc làm theo cách khác là tiêu tiền vì một món hàng hóa nào đó.

Nghiệm: ngẫm, suy xét hay chứng thực về hiệu quả, hậu quả(nếu có), hệ quả về vấn đề đã từng trải, như việc Hùng Kim Ấm đốt tiền sau bao nhiêu năm thì Hùng thấy ấm cả thân lẫn đầu chẳng hạn vậy :v hoặc việc đốt tiền đó gây ra cho Hùng hậu quả là viêm màng túi....

==> Chúng ta ghép cụm từ "Trải nghiệm người dùng" lại thì nó có nghĩa là: những gì 1 người/ cá nhân trải nghiệm qua sự vật/sự việc/ hiện tượng cụ thể ở đây chính việc người dùng cuối của một sản phẩm/dịch vụ/hệ thống sử dụng/tương tác và thể hiện tình cảm/thái độ của mình với sản phẩm sau tương tác đó.

Hay có thể hiểu trải nghiệm của Người dùng bao gồm tất cả các khía cạnh của sự tương tác của người dùng cuối với công ty, dịch vụ của nó và các sản phẩm của nó

Vậy trải nghiệm người dùng trên website bào gồm những gì? Ví dụ bạn làm một website bán hàng khi một khách hàng tiềm năng truy cập vào site của bạn và có quyết định muốn tìm hiểu thông tin về dịch vụ/ sản phẩm thông qua hotline mà tìm mãi trên giao diện không thấy một số điện thoại nào mang tên hotline thì bạn đã không mang tới sự thoải mãn thông tin qua hotline của khách đó -> trải nghiệm người dùng kém -> ngay lập tức khách hàng đó tìm đến một website #

Trải nghiệm người dùng tốt là quá trình bạn sắp xếp bố cục thông tin trên website một cách khoa học để các thông tin được bày sẵn cho người truy cập, hoặc việc đẩy nhanh tốc độ load site để sự chờ đợi không làm khách hàng thay đổi quyết định truy cập ví dụ điển hình như khi bạn làm nút hotline trên phiên bản mobile thì nên đặt nó bên tay phải vì phần đa số người sử dụng thiết bị di động có màn hình tương đối đều cầm điện thoại bên tay trái như vậy ngón cái bên trái sẽ với tới nút hotline dễ dàng hơn, còn khi sử dụng màn hình lớn hơn 1 chút thì việc sử dụng tay phải bấm là tiện lợi.

Muốn rõ hơn về trải nghiệm người dùng bạn cũng cần có cuộc nghiên cứu nghiêm túc, và sâu hơn về hành vi khách hàng, những đối thủ đã thành công trong nghành mà bạn biết...

UI là gì?

Tiếp theo là UI nào?

UI viết tắt của từ : User Interface - giao diện người dùng hay là bộ mặt của website

UI là giao diện người dùng cuối của một website, hệ thống, ứng dụng mà người dùng có thể nhìn thấy và tương tác trên đó.

Ví dụ để bạn có thể hiểu rõ hơn về UI. Điền hình như bạn vào youtube và nhìn vào màn hình chính của nó bạn sẽ đập ngay vào mắt các thứ: thanh tìm kiếm ở trên cùng, các mục Trang chủ, Thịnh hành, Đăng ký....ở sidebar bên tay trái, các video được đề xuất bên dưới - là tất cả công việc của một nhà thiết kế UI. UI là cách trình bày và tính tương tác của sản phẩm nó bao gồm: Bố cục, màu sắc, kiểu font chữ, đồ họa.

Bây giờ, hãy tưởng tượng mọi video YouTube bạn nhấp tải chậm. Hãy tưởng tượng bạn tìm kiếm Hùng Kim Ấm và không có gì xuất hiện. Hãy tưởng tượng bạn không thể tìm kiếm tài khoản người dùng theo tên người dùng của họ, vì vậy thật khó để bạn tìm thấy một người nào đó đã cover lại một bản phối âm của bài hát "Gặp người đúng lúc" mà tôi thích.

Tất cả những hành động đó, bạn đang có trải nghiệm người dùng kém cực kém. Bạn không thích tham gia với sản phẩm và nó không cung cấp cho bạn những gì bạn muốn. Những vấn đề đó là trách nhiệm của một nhà thiết kế UX.

Theo như Rahul Varshney, đồng sáng lập Foster(.)fm đã nói:

"Một UI không có UX giống như một họa sĩ tát sơn lên vải mà không cần suy nghĩ; trong khi UX không có UI giống như khung của một tác phẩm điêu khắc không có giấy bồi trên đó. Trải nghiệm sản phẩm tuyệt vời bắt đầu với UX theo sau là UI. Cả hai đều cần thiết cho sự thành công của sản phẩm"

Bạn không thể tạo một sản phẩm đặc biệt thu hút người dùng mà không có cả UX và UI