- vừa được xem lúc

UI UX là gì? UI, UX design là gì?

0 0 150

Người đăng: Nguyen Huu Hau

Theo Viblo Asia

Công nghệ thiết kế UI, UX là một trong các công nghệ thiết kế web phổ biến được nhiều công ty, sử dụng để làm web cho các doanh nghiệp. Đây cũng là xu hướng thiết kế web được đánh giá sẽ tiếp tục được ưa chuộng và phát triển trong năm 2018.

UI UX là gì?

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,...

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.

Người làm về UX hay còn gọi là UX Designer. UX Designer sẽ nghiên cứu và đánh giá về thói quen và cách mà khách hàng sử dụng rồi đánh giá về sản phẩm website/App nào đó. Sử dụng và đánh giá ở đây đơn giản là những vấn đề: tính dễ sử dụng, sự tiện ích, sự hiệu quả khi hệ thống hoạt động.

Ví dụ: Hiện tại các bạn đang xem bài viết này trên website Tatthanh.com.vn, các bạn đang cần tìm kiếm thông tin, kiến thức nào đó về website, nhưng nếu Tất Thành chèn quá nhiều quảng cáo gây khó chịu ảnh hưởng đến việc tìm kiếm thông tin của bạn, làm bạn mất tập chung như vậy thì có thể nói là UX hay trải nghiệm người dùng trên web Tatthanh.com.vn chưa được tốt. Vì vậy Tất Thành luôn cố gắng cân bằng giữa UI/UX để bạn đọc có được một trải nghiệm trên website Tatthanh.com.vn một cách tốt nhất.

| Tóm lại: UI là cái người dùng nhìn thấy. UX là cách người dùng sử dụng website/app đó. 1 website/app có thể có UI đẹp nhưng UX tệ.

UI UX design là gì?

UI/UX Designer là những người chuyên đi thiết kế giao diện/trải nghiệm người dùng cho sản phẩm. Nó có thể là giao diện của một website hoặc một app điện thoại. Nhiệm vụ chính là đảm bảo tính thẫm mỹ và sự tiện dụng của nó.

Công việc của UI Designer

Xem xét và cảm nhận:

  • Phân tích khách hàng.
    
  • Nghiên cứu thiết kế.
    
  • Xây dựng thương hiệu và phát triển đồ họa.
    
  • Xây dựng hướng dẫn sử dụng / Cốt truyện.
    

Sự đáp ứng và tương tác:

  • Xây dựng sản phẩm mẫu.
    
  • Sự tương tác và hoạt hình.
    
  • Sự thích ứng với tất cả các kích cỡ của màn hình thiết bị.
    
  • Thực hiện với nhà phát triển.
    

Vai trò của giao diện người dùng là rất quan trọng đối với mọi giao diện kỹ thuật số, và là một yếu tố quan trọng mang lại sự tin tưởng vào một thương hiệu. Các nhà thiết kế giao diện người dùng cần thể hiện rõ thương hiệu trên chính sản phẩm của họ.

Công việc của UX Designer

Chiến lược và nội dung:

  • Phân tích đối thủ cạnh tranh
    
  • Phân tích khách hàng
    
  • Cơ cấu / Chiến lược sản phẩm
    
  • Phát triển nội dung
    

Xây dựng dụng cụ trực quan và sản phẩm mẫu:

  • Xây dựng dụng cụ trực quan và sản phẩm mẫu
    
  • Kiểm tra / Lặp lại
    
  • Lên kế hoạch phát triển
    

Thực hiện và Phân tích

  • Phối hợp với nhà thiết kế giao diện người dùng
    
  • Phối hợp với các nhà phát triển
    
  • Theo dõi mục tiêu
    
  • Phân tích và lặp lại
    

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.

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 of 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

“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?”

Nguồn thao khảo https://hackernoon.com/what-is-ui-ux-design-1f01e9dbbf02 https://uxplanet.org/what-is-ui-vs-ux-design-and-the-difference-d9113f6612de

Bình luận

Bài viết tương tự

- vừa được xem lúc

Giới thiệu Typescript - Sự khác nhau giữa Typescript và Javascript

Typescript là gì. TypeScript là một ngôn ngữ giúp cung cấp quy mô lớn hơn so với JavaScript.

0 0 499

- vừa được xem lúc

Cài đặt WSL / WSL2 trên Windows 10 để code như trên Ubuntu

Sau vài ba năm mình chuyển qua code trên Ubuntu thì thật không thể phủ nhận rằng mình đã yêu em nó. Cá nhân mình sử dụng Ubuntu để code web thì thật là tuyệt vời.

0 0 374

- vừa được xem lúc

Đặt tên commit message sao cho "tình nghĩa anh em chắc chắn bền lâu"????

. Lời mở đầu. .

1 1 701

- vừa được xem lúc

Tìm hiểu về Resource Controller trong Laravel

Giới thiệu. Trong laravel, việc sử dụng các route post, get, group để gọi đến 1 action của Controller đã là quá quen đối với các bạn sử dụng framework này.

0 0 335

- vừa được xem lúc

Phân quyền đơn giản với package Laravel permission

Như các bạn đã biết, phân quyền trong một ứng dụng là một phần không thể thiếu trong việc phát triển phần mềm, dù đó là ứng dụng web hay là mobile. Vậy nên, hôm nay mình sẽ giới thiệu một package có thể giúp các bạn phân quyền nhanh và đơn giản trong một website được viết bằng PHP với framework là L

0 0 420

- vừa được xem lúc

Bạn đã biết các tips này khi làm việc với chuỗi trong JavaScript chưa ?

Hi xin chào các bạn, tiếp tục chuỗi chủ đề về cái thằng JavaScript này, hôm nay mình sẽ giới thiệu cho các bạn một số thủ thuật hay ho khi làm việc với chuỗi trong JavaScript có thể bạn đã hoặc chưa từng dùng. Cụ thể như nào thì hãy cùng mình tìm hiểu trong bài viết này nhé (go).

0 0 414