Redesign UI/UX Homescreen của Tài xế
Thay đổi giao diện màn hình nhận đơn của tài xế
Date
May 2, 2024
Company
Ahamove
Services
UI/UX Design
Introduce
Một trong những kỷ niệm và "thành công" lớn nhất của mình trong những năm in-charge chính cho mảng Tài xế đó chính là có cơ hội để thay đổi giao diện màn hình nhận đơn chính của tài xế - một tính năng không hề nhỏ và tốn khá nhiều công sức để hoàn thành nó.
Empathize
Trong quá trình nhận diện vấn đề, một problem mà team mình assumpe đó chính là việc tài xế có thói quen lựa đơn để chạy, đơn nào ngon thì nhận, đơn nào rẻ thì bỏ qua. Dẫn đến việc user lên đơn nhưng tài xế không nhận làm cho trì hoãn việc giao hàng của shop. Ảnh hưởng đến vận hành và business chung.
Từ lý do đó, team mình quyết định tiến hành bước vào Research các competitor xung quanh xem cách thức Phân bổ đơn hàng (Order Distribute) của họ như thế nào đối với tài xế.
Research
Team mình tiếp tục sử dụng phương pháp Competitive Research để tiến hành nghiên cứu, trong đó có những "ông lớn" hiện tại như Grab, Be, Gojek, Uber, Lyft…

Sau khi competitive research, một số ý chính rút ra như sau:
Tất cả các brand đều sử dụng một màn hình Heatmap để điều phối đơn hàng.
Việc order distribution được diễn ra cách chủ động và không có chế độ lựa đơn dành cho tài xế. Họ chỉ có việc Accept hoặc Dismiss đơn hàng đó.
Từ một vài điểm chính research được, team mình quyết định compare chúng với app tài xế hiện tại.
Bởi vì behavior của tài xế Ahamove là thích việc vuốt đơn để lựa cho mình đơn phù hợp. Nếu bây giờ chuyển 100% qua màn hình mới như các bên khác thì sẽ gây xáo động cực lớn và áp lực chắc chắn đè năng đến mặt Khối vận hành khổng lồ, bởi những tài xế cũ sẽ cảm thấy khó chịu khi việc bị ép switch qua giao diện mới.
Ideate
Từ những insight thu thập được trong quá trình research và compare. Team mình quyết định sẽ đổi giao diện từ từ một cách nhẹ nhàng và bên cạnh đó cũng educate tài xế để họ hiểu về tầm quan trọng của việc switch qua giao diện mới sẽ giúp cho họ có thể nhận được nhiều đơn hàng hơn, cũng như thấy được nơi nào high-demand có thể chạy đến đó để "nổ đơn"
Như vậy, team quyết định giữ 2 lại options để không làm ảnh hưởng vận hành nhưng cũng đáp ứng được nhu cầu của business. Và đây cũng là cốt lõi của một Product Designer, người luôn cân bằng giữa nhu cầu của business, đảm bảo vận hành nhưng đồng thời cũng đem lại sự tiện lợi cho người dùng.

Solution
Dưới đây là một loạt thay đổi dần dần trước khi bước vào thay đổi toàn diện UI 100%.
Phase 1: Chuyển đổi switch On/Off để cover được thêm nhiều tính năng con ở trong.
On/Off switch
Auto assign
Setting
Favorite destination

Trong quá trình đó, phần map cũng sẽ được enhance để nhằm đáp ứng cho việc hiển thị order real-time.
Phase 2: Switch Order listing thành Heatmap (version 1)
Ở đây khi switch sang Heatmap là màn hình chính, vẫn phải giữ lại Order listing để tài xế có thể dễ dàng vào nhận đơn nếu chưa quen với giao diện mới.
Một thanh điều hướng ở phía dưới được hiển thị rõ ràng và dễ nhận diện để tài xế truy cập nhanh vào Order listing.

Phase 3: Full release Heatmap homescreen
Chính thức chuyển đổi màn hình Home screen thành Heatmap và nhận đơn bằng Recommend order.
Order listing vẫn giữ nhưng không phải là ưu tiên hàng đầu.

Conclusion
Đó là quá trình redesign màn hình heatmap để giúp cho tài xế nhận được đơn hàng nhiều hơn cũng như ổn định vận hành và đáp ứng được demand của user.



