Thiết kế UX/UI ứng dụng di động Yummix

Đội ngũ Yummix muốn thiết kế UX/UI của ứng dụng di động mang lại cảm giác tự nhiên như có đầu bếp riêng bên cạnh. Trước khi vẽ bất kỳ màn hình nào, chúng tôi xây dựng nền tảng mobile first: chúng tôi thiết kế ứng dụng trước hết cho điện thoại, khi nấu ăn cũng như khi di chuyển.

Chúng tôi bắt đầu bằng việc khảo sát website Yummix: nội dung, mô hình gói đăng ký và cách người đọc sử dụng website trong hơn mười năm. Mọi quyết định sau đó đều dựa trên phân tích này.

Cùng đội ngũ Yummix, chúng tôi tổ chức các workshop UX để kết nối mục tiêu kinh doanh với thói quen nấu ăn thực tế trên di động. Chúng tôi cùng xác định các hành trình người dùng (các bước người dùng đi qua để đạt mục tiêu): tìm công thức, lưu yêu thích, lập danh sách mua sắm và đăng ký gói. Việc chốt các hành trình này trước khi lập trình đã loại bỏ phần lớn rủi ro khi triển khai.

Từ các hành trình đã được duyệt, chúng tôi thiết kế wireframe chi tiết (bố cục màn hình chi tiết, chưa có đồ họa cuối cùng) rồi toàn bộ giao diện. Giao diện dựa trên design system xây dựng theo phương pháp atomic design: thư viện thành phần tái sử dụng, từ nút bấm đến màn hình hoàn chỉnh, giúp ứng dụng nhất quán khi mở rộng.

Prototype tương tác đóng vai trò tài liệu tham chiếu chung cho mọi bên. Nhờ đó, việc bàn giao diễn ra suôn sẻ với Bear Studio, studio phát triển ứng dụng bằng React Native (dùng chung mã nguồn cho iOS và Android).

Chúng tôi cũng áp dụng tiêu chuẩn WCAG (tiêu chuẩn quốc tế về khả năng tiếp cận web) và thiết kế hành trình đăng nhập, đăng ký gói bảo mật, nhất quán với website hiện tại và sẵn sàng cho các tích hợp thương mại điện tử, thanh toán trong tương lai.

Kết quả: nền tảng được kiểm chứng trước khi lập trình, giúp tránh những lần làm lại tốn kém. Ứng dụng Yummix hiện đạt 4,9/5 trên App Store và Google Play.