Thiết kế UX/UI

Thiết kế UX và UI

Giao diện được thiết kế quanh việc người dùng đang cố làm gì và kiểm thử trước khi lập trình — sửa prototype rẻ hơn sửa code rất nhiều.

Cách chúng tôi làm việc
5–8 người dùng mỗi vòng kiểm thử
2–4 tuần đến prototype bấm được
100% file thiết kế được bàn giao

Nghiên cứu, thiết kế, kiểm chứng

Không phải những màn hình tách rời — mà là quyết định dựa trên hành vi thật của người dùng.

Nghiên cứu người dùng

Phỏng vấn, phân tích số liệu và xem lại phiên truy cập để tìm chỗ người dùng bỏ cuộc.

Kiến trúc thông tin

Cấu trúc và điều hướng để người dùng tìm thấy thứ họ cần mà không cần hướng dẫn.

Wireframe

Bố cục và luồng được chốt với chi phí thấp, trước khi tranh luận về màu sắc.

Thiết kế UI

Thiết kế hình ảnh theo ngôn ngữ thương hiệu, dựng thành hệ thống component tái sử dụng.

Prototype

Bản mẫu bấm được để kiểm thử và bàn giao cho lập trình viên không gây hiểu nhầm.

Kiểm thử khả dụng

Người dùng thật, tác vụ thật, có ghi hình — kết quả chuyển thành các sửa đổi cụ thể.

Quy trình

Hai đến bốn tuần để có prototype đã kiểm thử và bấm được.

Nghiên cứu

Người dùng đang cố làm gì, hiện thất bại ở đâu và dữ liệu đã cho thấy điều gì.

Cấu trúc

Kiến trúc thông tin và luồng người dùng cho những hành trình quan trọng về kinh doanh.

Wireframe

Bố cục và tương tác được duyệt trước khi bắt đầu phần hình ảnh.

Giao diện

Thiết kế hình ảnh và thư viện component, kiểm tra trên kích thước màn hình thật.

Kiểm thử

Prototype được kiểm thử với năm đến tám người dùng và sửa trước khi lập trình.

Công cụ

Mọi thứ bàn giao ở dạng file mà designer kế tiếp có thể mở ra làm tiếp.

Figma Prototype Design system Kiểm thử người dùng Analytics Tài liệu bàn giao

Dự án

Các dự án thuộc dịch vụ này và kết quả kinh doanh đạt được.

Kết quả

Số liệu trung bình của khách hàng trong mười hai tháng qua.

+45%
Tăng chuyển đổi trung bình sau thiết kế lại
5–8
Người dùng mỗi vòng kiểm thử
2–4 tuần
Đến prototype đã kiểm thử
100%
File gốc được bàn giao

Câu hỏi thường gặp

Vì sao phải kiểm thử trước khi lập trình?

Vì sửa trong prototype mất một giờ, còn sửa sau khi ra mắt mất cả sprint. Năm người dùng đã bộc lộ phần lớn vấn đề khả dụng, đủ để vòng kiểm thử có lãi.

Có thể thiết kế lại mà không làm lại toàn bộ không?

Thường là có. Chúng tôi bắt đầu bằng việc tìm nơi người dùng thực sự rời đi — nhiều khi chỉ cần sửa ba màn hình chứ không phải cả sản phẩm.

Thiết kế cho di động hay máy tính trước?

Di động trước, với thị trường Việt Nam gần như không ngoại lệ. Bố cục máy tính được suy ra từ quyết định trên di động, không phải ngược lại.

Có làm việc với đội lập trình của chúng tôi không?

Có. Phần bàn giao gồm thư viện component, tài liệu đặc tả và buổi hướng dẫn; chúng tôi cũng đồng hành trong lúc lập trình vì câu hỏi luôn phát sinh.

Nếu chúng tôi chưa có analytics?

Vậy thì thiết lập analytics là bước đầu tiên. Thiết kế mà không có dữ liệu là phỏng đoán, thà dành một tuần để có số liệu thật.

Người dùng rời đi mà bạn không lý giải được?

Chúng tôi sẽ audit UX và chỉ ra chính xác họ rời ở đâu và vì sao.