App này mình tạo để UT (Usability Testing) user, đề xuất giao diện mới giúp tăng DAU, MAU cho app, và các chỉ số khác của app ở trang chủ. User của app này là những người chơi thể thao và muốn tìm sân để đặt.

Bạn có thể xem bản Prototype mình để ở đây (hoặc đọc xuống tí nữa)

Ở bản prototpye này, mình muốn nâng cấp khá nhiều về mặt trải nghiệm người dùng (UX) và các metrix ở trang chủ này.

Các thay đổi lớn gồm.

1. Giảm tải nhận thức (Cognitive Load) -> Tăng Retention (DAU/MAU)

   • Bản cũ (Xanh lá): Mình đánh giá là nhiều màu sắc rực rỡ, icon dày đặc, các nút bấm thì nằm chen chúc nhau (Đăng nhập, Đăng ký, Tìm kiếm, Filter, Icon môn thể thao cũng không đồng bộ...). User mở app sẽ bị "ngộp", không biết nên bấm vào đâu đầu tiên (không có Visual Hierarchy tốt).
   • Bản mới (Trắng): Add thêm White-space (khoảng trắng) để nhẹ mắt và tập trung những action quan trọng. Bố cục phân tầng rõ ràng: User Profile → Category (Pickleball, Cầu lông...) → Search → List sân. Sự rõ ràng này giúp người dùng hoàn thành mục tiêu (goal) nhanh hơn, giảm ức chế vì bị rối.

2. Tối ưu luồng đặt sân (Booking Flow) → Tăng Conversion Rate

   • Thanh Search & Filter: Ở bản mới, thanh Search to hơn, rõ ràng và tách biệt. Đây là tính năng quan trọng nhất của app booking.
   • Tab Đặt sân vs. Sự kiện: Bạn đã tách 2 nhu cầu này ra (Tab bar). Điều này vì người tìm "sân để chơi ngay" có tâm lý khác với người tìm "giải đấu/sự kiện". Việc tách ra giúp cá nhân hóa trải nghiệm và sau này sẽ dễ triển khai thêm tính năng dựa trên 2 nền này.
   • Card thông tin sân:
     • Bản cũ: Hình ảnh bị chèn text quá nhiều, rối mắt.
     • Bản mới: Thông tin gãy gọn. Tên sân đậm, địa chỉ rõ, khoảng cách (1.2km) giúp ra quyết định nhanh.

3. "Cá nhân hóa" địa điểm cho header (Personalization)

   • Header hiển thị "Tên user - Địa điểm" ví dụ “Nhan Le - Quận 7. HCM”: Thay vì chỉ hiển thị tên ở bản cũ, bản mới cho thấy app nhận diện được user đang ở đâu. Phù hợp với đặc điểm của hành vi đặt sân là đặt gần nơi ở/ làm việc.

4. Nút CTA (Call to Action)

   • Bản mới có 2 nút: "Gọi để đặt" và "Đặt lịch" - primary
   • Insight: Rất nhiều user Việt Nam lười thao tác app, họ muốn gọi cho nhanh (hành vi hình thành quen từ trước). Việc mình đưa nút "Gọi" ra ngoài để giúp user có thể gọi đặt nhanh.

Tóm gọn:

Mình thay đổi UI này để giảm số bước thao tác của user, làm nổi bật hành động chính là “tìm kiếm” ở thanh tìm kiếm và bộ lọc để tăng tốc độ ra quyết định đặt sân. Giao diện sạch sẽ giúp user tập trung vào nội dung chính, từ đó kỳ vọng tăng tỷ lệ chuyển đổi (Conversion Rate) và giữ chân người dùng quay lại (Retention/DAU).

P/s: Còn 1 nhóm user khác nữa là nhóm user có nhu cầu đặt sân cố định lịch trong thời gian dài, nhóm này cần những tính năng khác nữa. Và sẽ liên quan nhiều đến Flow đặt lịch.