[Phần 01] – Lộ trình trở thành UX/UI Designer: Phân biệt UX/UI, Lộ trình trở thành UI Designer

1. Giới thiệu

Để trở thành một startup về công nghệ thành công phụ thuộc vào rất nhiều yếu tố. Một giao diện người dùng có tính thẩm mỹ và một trải nghiệm người dùng tuyệt vời là những phần không thể thiếu trong sự thành công của doanh nghiệp. Những lĩnh vực thú vị này là những ngành kiến thức hoàn toàn mới và yêu cầu kiến thức từ nhiều lĩnh vực khác. Khi bắt đầu một doanh nghiệp nhỏ thì việc tuyển dụng được nhiều chuyên gia tận tâm với kinh phí hạn chế là điều không thể. Thông thường, quá trình lặp lại đầu tiên của Minimum Viable Product (MVP) – sản phẩm khả thi tối thiểu tuyệt vời được thực hiện bởi quá trình lai. Bài viết này là hướng dẫn giúp bạn tạo ra một sản phẩm MVP tốt và giúp bạn nắm bắt đúng tối thiểu 80% của việc thiết kế/ tâm lý trong lần thử đầu tiên – cách tóm gọn. 

2. Phân biệt UI và UX

Nhiều khi, mọi người thường bị nhầm lẫn giữa 2 khái niệm UI và UX. Bên cạnh những yếu tố tách biệt, chúng có những điểm khác đáng kể. Dưới đây là một vài nhận định:

  • Khi nói về UI, người ta thường nghĩ đến những thứ liên quan tới thiết kế hình ảnh, màu sắc, kiểu chữ, phông nền, phím, kho lưu trữ hình ảnh, biểu tượng, …
  • Khi nói về UX, người ta thường nghĩ đến những nhiệm vụ liên quan đến tâm lý, cách hình thành quyết định của con người, nghiên cứu người dùng, tính chất, câu chuyện người dùng, quy trình làm việc, thử nghiệm A/B, đánh giá thống kê, …

Dưới đây là những điểm chung giữa nhà thiết kế UX và UI:

Trước khi thiết kế bất cứ thứ gì, bạn phải cơ bản hiểu được nền tảng mô hình kinh tế. Bạn muốn xử lý vấn đề nào cho khách hàng của bạn? Về phần này, tôi đề xuất bạn sử dụng mẫu Business Model Canvas. Bạn có thể tải mẫu đó tại đây.

3. Lộ trình thiết kế UI.

Khi thiết kế UI cho một sản phẩm, bạn có thể kể đến như Sketch, Adobe XD, Adobe Photoshop và Adobe Illustrator, AXure. Một vài nhà thiết kế UI cũng dùng code HTML và CSS, dưới đây là bảng tóm gọn:

3.1 Sử dụng tính chất đối xứng để tạo ra những thiết kế UI tuyệt vời

Tạo nên một thiết kế UI đẹp có thể sẽ rất khó, đặt biệt là trong lần đầu tiên thiết kế. Bạn thiết kế sản phẩm nhưng luôn có cảm giác thiếu một điểm đặc biệt nào đó so với những thiết kế chuyên nghiệp. Bạn không biết phải tìm kiếm điều đó ở đâu hay phải thiện điều gì trong thiết kế của mình. Có một nguyên tắc hướng dẫn, khi hiểu được nguyên tắc này, nó sẽ đưa bạn đến kết quả tức thì. Nguyên tắc hướng dẫn này là tính chất đối xứng. Nguyên tắc này rất đơn giản: tất cả những chi tiết phải tương thích với nhau về khoảng cách, kích thước và chiều dày. Hãy dùng nguyên tắc này vào bất cứ lúc nào có thể trong quá trình thiết kế.

3.2 Sử dụng kiểu chữ
3.3 Nguyên tắc về màu

Trong mọi thiết kế, việc kiểm tra độ tương phản của màu sắc rất quan trọng:

  • Cố gắng đừng sử dụng quá nhiều màu trung tính
  • Không lạm dụng độ dốc màu
  • Kiểm tra xem màu nào tương phản với màu nào

Xem qua ví dụ dưới đây: So sánh 3 app thời tiết

Đánh giá trực quan: App ngẫu nhiên (trái) nhìn không đẹp. Yahoo Weather (giữa) nhìn khá ổn. Apple Weather (phải) nhìn đẹp nhất. Có gì đó không ổn đối với App ngẫu nhiên và app Yahoo Weather, nhưng chính xác là vấn đề gì?

Theo dõi các phần khác của chuổi bài viết: 

Nguồn:

https://github.com/Gracrys/ui-ux-designer-roadmap

Để rõ hơn, các bạn có thể tham gia 2 khóa đào tạo liên quan: 

Tham khảo chương trình đào tạo: 

Các bài viết liên quan Power BI: 

Các bài viết liên quan: 

  • TABLEAU – Giải pháp BUSINESS INTELLIGENCE (BI) – click vào đây
  • Hướng dẫn cài đặt và Sử dụng TABLEAU – click vào đây
  • Tính năng mới trên tableau – verion 2019.1 – click vào đây

BAC – biên soạn và tổng hợp nội dung

Previous Post
Next Post