thienphuc

tran

thienphuc

tran

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ế

Thumbnail
Thumbnail
Thumbnail

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.

INTERESTED MY WORK? LET’S TALK WITH ME

phuc.design95

@gmail.com

@gmail.com

INTERESTED MY WORK? LET’S TALK WITH ME

phuc.design95

@gmail.com

@gmail.com

INTERESTED MY WORK? LET’S TALK WITH ME

phuc.design95

@gmail.com

Create a free website with Framer, the website builder loved by startups, designers and agencies.