12/08/2018, 14:36

Part 1: Difference between UI,UX & Study method

Đối với Developer hay Designer, chắn hẳn UI, UX không còn xa lạ gì nữa. Nhưng với 1 Comtor hay một người mới tiếp xúc với lĩnh vực này thì chắc chắn sẽ rất lạ lẫm. Vậy sự khác nhau của UI/UX là gì? Những website, bài viết nào phù hợp cho những người tự học? Ở bài này sẽ giải đáp cho các bạn ...

Đối với Developer hay Designer, chắn hẳn UI, UX không còn xa lạ gì nữa. Nhưng với 1 Comtor hay một người mới tiếp xúc với lĩnh vực này thì chắc chắn sẽ rất lạ lẫm. Vậy sự khác nhau của UI/UX là gì? Những website, bài viết nào phù hợp cho những người tự học? Ở bài này sẽ giải đáp cho các bạn những điều đó. (Bài viết này được dịch từ https://techacademy.jp/magazine/8364)

Từ khi smartphone trở nên phổ biến, design của UI, UX cũng ngày càng được chú trọng. Những thông tin dưới đây chắc chắn sẽ giúp ích rất nhiều cho người mới. Các bạn cùng theo dõi nhé!

alt

Từ khi smartphone trở nên phổ biến, cụm từ 「UI/UX」dùng chủ yếu trong phát triển App cũng được nhắc đến nhiều hơn. Hiện tại, việc design trong phát triển App cũng được coi là một phần khá quan trọng. Lần này, tác giả sẽ giải thích về「UI/UX」và giới thiệu đến bạn đọc những website học thực tế để ngay cả những người mới vẫn có thể hiểu được.

  • UI là gì?
  • UX là gì?
  • Sự khác nhau giữa design UI và design UX
  • Các bài viết, slide có thể học UI, UX

UI là từ viết tắt của cụm từ “User Interface”, có nghĩa là “Phần mà người tiếp xúc với vật”. Nếu ở Web thì những gì chúng ta nhìn thấy bằng mắt như font chữ, image, button,… chính là UI.

UX là viết tắt của cụm từ User Experience, có nghĩa là “Trải nghiệm thu được thông qua service, đồ vật”. Ví dụ, những service như “Font dễ đọc”, “Web dễ di chuyển”, “Đặt mua hàng trên WebSite EC dễ dàng” đều là những thứ liên quan đến UX. Không chỉ các Website hay App, mà tất cả những gì người dùng cảm thấy đó là “sự hỗ trợ tận tình” đều được xếp vào là UX.

Chắn hẳn có rất nhiều người còn nhầm lẫn về cụm từ UI, UX mặc dù 2 cụm từ này đã khá phổ biến.

UI là những thứ chúng ta nhìn thấy bằng mắt, như icon hay button. UX là những cảm giác như thích, chán,… sau khi thử trải nghiệm bằng cách tiếp xúc thực tế với UI đó. Nói vậy không hẳn là chỉ có UI tốt mới tạo ra được UX tốt. Dù có làm UI đẹp đến đâu, hay có tạo được một trang web mà cách hoạt động của nó mới mẻ, trước giờ chưa có ai làm đi chăng nữa, nếu người dùng không cảm thấy nó dễ sử dụng thì cũng không được gọi là có UX tốt. Điều quan trọng ở đây là chúng ta phải hiểu được rằng, khi thiết kế UI cho Web/App nhất định phải quan tâm đến UX – sự hài lòng của user.

Hiện nay chưa có nhiều những website để có thể học design UI/UX. Chúng ta có thể tham khảo các tài liệu của các designer nổi tiếng xem đó là công việc như thế nào, có điều gì cần lưu ý nhé!

  • UI mang lại cảm giác thoải mái cho người dùng (Wariemon) http://www.slideshare.net/yutawariishi/ui-44424507

Slide này sẽ giới thiệu về UI một cách rất dễ hiểu: Ví UI như suối nước nóng. Khi hiểu được một UI user cần – UI mang lại cảm giác dễ chịu là UI thế nào thì sẽ cho ra được sản phẩm tốt hơn.

  • Siêu cơ bản về Design UI và UX「UI Design & UX for ENGINEER」(Kazuki Yamashita) http://www.slideshare.net/ykazuki/20140326-uiux-digest Slide này sẽ cung cấp cho mọi người những thứ cơ bản nhất về UI và UX như UI/UX giữ vai trò gì, chúng có liên quan gì đến nhau.

  • Công việc của 1 Designer UI (Sumire Hibiya) https://speakerdeck.com/smrhby/uidezainafalseosigoto

  • 5 phút để hiểu về Design UI mobile (Usagimaru) https://speakerdeck.com/usagimaru/5fen-deosaraisurumobairuuidezain

  • Nên xem qua nếu bạn là designer UI/UX http://uxxinspiration.com/2014/02/design-principles/

Trên đây là phần giới thiệu sơ lược về UI/UX. Mong rằng, những người đang theo đuổi trở thành designer UI sẽ luôn để tâm đến việc làm sao để có thể tạo được UI tốt cho Web/App.

(Những bài viết, slide liên quan bên trên sẽ được giới thiệu tiếp ở các phần sau.)

0