Skip to main content

Phân Tích Khoảng Cách (Gaps) Giữa App Thực Tế Và Thiết Kế Figma

Ngày cập nhật: 20/06/2026
Figma Prototype Link: Figma App User Prototype

Tài liệu này tổng hợp và phân tích các màn hình, luồng nghiệp vụ (User Flow) hiện tại trên Mobile App đang bị thiếu hụt hoặc chưa đồng bộ so với bản thiết kế Figma của ứng dụng khách hàng (App User).

1. Luồng Khởi Chạy & Đăng Ký: Màn Hình Chọn Ngôn Ngữ (Language Selection)​

  • Hiện trạng trên App: App hiện tại bỏ qua bước chọn ngôn ngữ ban đầu hoặc chưa tích hợp luồng đa ngôn ngữ đầy đủ trong giai đoạn onboarding.
  • Chi tiết thiết kế Figma:

Màn hình Chọn Ngôn ngữ

Yêu cầu triển khai:​

  • Tích hợp màn hình chọn ngôn ngữ: Thêm màn hình này vào bước đầu tiên của luồng đăng ký (Đăng kí 1) hoặc khi người dùng mở ứng dụng lần đầu tiên.
  • Danh sách ngôn ngữ hỗ trợ: Thiết lập 6 ngôn ngữ mặc định bao gồm:
    • 🇯🇵 Japanese (Tiếng Nhật) - Đang được chọn mặc định trong ảnh.
    • 🇬🇧 English (Tiếng Anh)
    • 🇻🇳 Vietnamese (Tiếng Việt)
    • 🇰🇷 Korean (Tiếng Hàn)
    • 🇨🇳 Chinese (Tiếng Trung)
    • 🇷🇺 Russia (Tiếng Nga)
  • Tương tác UI/UX:
    • Hiển thị ô "Ngôn ngữ đã chọn" nổi bật ở trên cùng.
    • Danh sách ngôn ngữ bên dưới có radio button và icon quốc kỳ đi kèm.
    • Nút Tiếp tục (màu cam/vàng đặc trưng) được cố định ở góc dưới màn hình để chuyển tiếp luồng đăng ký.

2. Trang Chi Tiết Điểm & Tiến Trình Xét Hạng (Points & Status Progress)​

Yêu cầu triển khai chi tiết:​

  • Hiển thị Ví GPoint:
    • Hiển thị số dư Point khả dụng (Reward Points) cỡ chữ lớn nổi bật ở trên cùng.
    • Thêm nút chuyển nhanh Chuyển GPoint (kèm icon mũi tên hai chiều và chevron >) để dẫn sang màn hình chuyển điểm.
  • Loại bỏ biểu đồ Chặng xét hạng & Chu kỳ:
    • Bỏ hoàn toàn biểu đồ bán nguyệt thứ hai ("Chặng xét hạng") và dòng chữ "Chu kỳ hiện tại kết thúc ngày 19/11/2026" (khoanh vùng trong Ảnh 2).
    • Chỉ giữ lại biểu đồ bán nguyệt thứ nhất (Point xét hạng) hiển thị tiến trình tích lũy nâng/duy trì hạng và dòng chữ thông báo tương ứng (Ví dụ: "Tích lũy thêm 5.000.000 Point trước 19/11/2026 để lên hạng Silver").
  • Bổ sung khu vực hiển thị điểm sắp hết hạn (Points Expiration Space):
    • Tận dụng không gian trống được giải phóng sau khi bỏ phần Chu kỳ để hiển thị danh sách các mốc số điểm sắp hết hạn của người dùng (áp dụng thuật toán FEFO).
    • Hiển thị dạng danh sách nhỏ gọn trực quan (Ví dụ: "Có 200 GPoint sẽ hết hạn vào ngày 25/06/2026").