Tìm hiểu về Quy Trình Thiết Kế UI/UX từ A đến Z

Để làm ra được sản phẩm vừa đáp ứng đúng yêu cầu của client và thoả mãn mong muốn của user, chỉ chăm chăm thiết kế là không đủ. Một sản phẩm mobile app/ website đều phải trải qua một quá trình từ nghiên cứu và phân tích đến thiết kế và thử nghiệm mới sẵn sàng để tung ra thị trường. Vậy bạn hãy cùng chúng mình tìm hiểu về quy trình 5 bước thiết kế UI/UX có những gì mới mẻ và thú vị nhé!

Nguồn: Nick Babich

‍

1. Product definition (Định nghĩa sản phẩm)

Giai đoạn này vô cùng quan trọng, nó được thực hiện trước khi product team tạo ra bất cứ thứ gì. Trước khi bạn xây dựng một sản phẩm, bạn cần hiểu bối cảnh tại sao nó tồn tại. Trong giai đoạn này, các UX designer sẽ thảo luận về định nghĩa sản phẩm với các stakeholder.

Giai đoạn này thường bao gồm:

• + Stakeholder interviews: phỏng vấn các bên liên quan chính để nắm được các mục tiêu kinh doanh.
• + Value proposition mapping: suy nghĩ về giá trị của sản phẩm - nó là gì, ai sẽ sử dụng nó và tại sao họ sẽ sử dụng nó. Việc này tạo ra sự đồng thuận giữa nhóm của bạn và stakeholder về sản phẩm sẽ như thế nào và làm thế nào để phù hợp với nhu cầu của người dùng và doanh nghiệp.
• + Concept sketching: tạo bản phác thảo ban đầu về sản phẩm trong tương lai

Giai đoạn này thường kết thúc bằng một cuộc họp khởi động dự án, tập hợp tất cả những người đóng vai trò chủ chốt lại với nhau để đặt ra những kỳ vọng phù hợp cho cả product team và stakeholder. Cuộc họp có thể thảo luận về mục đích của sản phẩm, phân chia vai trò trong nhóm, kênh giao tiếp với stakeholder, và kỳ vọng của stakeholder.

2. Product research (Nghiên cứu sản phẩm)

Khi đã xác định ý tưởng, product team sẽ chuyển sang giai đoạn nghiên cứu. Giai đoạn này thường bao gồm cả nghiên cứu người dùng và nghiên cứu thị trường. Một nghiên cứu tốt có thể cung cấp thông tin cho các quyết định thiết kế; và đầu tư vào nghiên cứu sớm trong quá trình này giúp tiết kiệm nhiều thời gian và tiền bạc.

Giai đoạn nghiên cứu sản phẩm có lẽ là giai đoạn thay đổi nhiều nhất giữa các dự án - nó phụ thuộc vào độ phức tạp của sản phẩm, thời gian, nguồn lực sẵn có và nhiều yếu tố khác. Giai đoạn này có thể bao gồm:

• + Individual in-depth interview (IDI): trải nghiệm sản phẩm tốt bắt đầu bằng sự hiểu biết tốt về người dùng. Phỏng vấn sâu cung cấp dữ liệu định tính về đối tượng mục tiêu như nhu cầu, mong muốn, nỗi sợ hãi, động cơ và hành vi của họ.
• + Competitive research: nghiên cứu giúp UX designer hiểu các tiêu chuẩn ngành và nắm bắt các cơ hội cho sản phẩm trong thị trường ngách của nó.

3. Analysis (Phân tích)

Mục đích của giai đoạn phân tích là để rút ra những hiểu biết sâu hơn từ dữ liệu thu thập được trong giai đoạn nghiên cứu, chuyển từ “những gì” người dùng muốn/nghĩ/cần sang “tại sao” họ muốn/nghĩ/cần nó.

Giai đoạn này thường bao gồm:

• + Tạo user personas: là các nhân vật hư cấu đại diện cho các kiểu người dùng khác nhau cho sản phẩm của bạn. Khi thiết kế sản phẩm, bạn có thể tham khảo những nhân vật này như những mô tả thực tế về đối tượng mục tiêu của bạn.
• + Tạo user stories: là một công cụ giúp designer hiểu được các tương tác của sản phẩm/ dịch vụ theo quan điểm của người dùng. Nó thường theo cấu trúc sau: “Với tư cách là [người dùng], tôi muốn [mục tiêu cần đạt được] để [động lực].”
• + Storyboarding: là một công cụ giúp designer kết nối user personas và user stories. Về cơ bản, đây là một câu chuyện về người dùng tương tác với sản phẩm của bạn.

‍

Nguồn: Xtensio

‍

4. Design (Thiết kế)

Khi nắm rõ mong muốn, nhu cầu và kỳ vọng của người dùng về một sản phẩm, các product designer sẽ chuyển sang giai đoạn thiết kế. Ở bước này, product team sẽ bắt tay vào việc, từ tạo kiến trúc thông tin (IA) đến thiết kế giao diện người dùng.

Giai đoạn thiết kế thường bao gồm:

• + Sketching: phác thảo là cách dễ nhất và nhanh nhất để hình dung ý tưởng của chúng ta. Nó rất hữu ích trong các buổi brainstorm vì nó có thể giúp nhóm hình dung ra một loạt các giải pháp thiết kế trước khi quyết định nên sử dụng giải pháp nào.
• + Tạo wireframes: là một công cụ giúp designer hình dung ra cấu trúc cơ bản của một trang, bao gồm các yếu tố chính và cách chúng khớp với nhau. Wireframing đóng vai trò là xương sống của sản phẩm và designer thường sử dụng chúng làm nền tảng cho mockup và prototype.
• + Tạo prototypes: trong khi wireframe chủ yếu là về cấu trúc và hệ thống phân cấp (phần nhìn), các nguyên mẫu là về trải nghiệm tương tác thực tế (phần nhìn và cảm nhận).
• + Tạo design specification: thông số kỹ thuật thiết kế giúp developer để biến prototype thành một sản phẩm hoạt động được.
• + Tạo design systems: đối với các dự án lớn, designer thường tạo ra một hệ thống các component, pattern và style giúp cả designer và developer thống nhất về thiết kế.

‍

Nguồn: AdobeXD

5. Validation/ Testing (Xác thực/ Thử nghiệm)

Đây là một bước thiết yếu trong quá trình thiết kế vì nó giúp các nhóm hiểu được liệu thiết kế của họ có phù hợp với người dùng hay không. Trong một loạt các buổi thử nghiệm người dùng, nhóm sẽ thử nghiệm sản phẩm với cả stakeholder và người dùng cuối.

Giai đoạn có thể bao gồm các hoạt động sau:

• + Testing sessions: các buổi thử nghiệm với những người đại diện cho đối tượng mục tiêu của bạn là rất quan trọng. Có nhiều cách khác nhau để thử nghiệm như usability testing, focus groups, beta testing, và A/B testing.
• + Survey: khảo sát là một công cụ tuyệt vời để thu thập thông tin định lượng và định tính từ người dùng trong thế giới thực. UX designer có thể thêm các câu hỏi mở như "Bạn không thích phần nào của sản phẩm?" để lấy ý kiến của người dùng về các tính năng cụ thể.
• + Analysis: dữ liệu định lượng (số nhấp chuột, thời gian điều hướng, truy vấn tìm kiếm, v.v.) từ công cụ phân tích có thể rất hữu ích để khám phá cách người dùng tương tác với sản phẩm của bạn.

Nguồn dịch: Adobe XD

Tổng hợp bởi đội ngũ Capi Demy. 

Nếu bạn có câu hỏi nào đừng ngần ngại kết nối với đội ngũ Capi Demy nhé, chúng mình luôn ở đây và làm điểm tựa vững chắc cho các bạn!

Thông tin liên hệ tư vấn: 

Fanpage: Capi Demy

Email: capidemy@gmail.com

Website:

Capidemy.com

Địa chỉ:

Cơ sở 1 HN: Tầng 6, số 35 Tô Vĩnh Diện, Khương Trung, Thanh Xuân, Hà Nội

Cơ sở 2 HN: Tầng 2 số 2 ngách 28, ngõ 93, Hoàng Văn Thái, Thanh Xuân, Hà Nội.

‍