Tính năng đi chợ online Now Fresh đã được ra mắt từ cuối năm 2018, tuy nhiên phải đến đầu năm nay, người dùng NowFresh mới tăng lên đáng kể khi người dân được khuyên ở nhà và dần chuyển sang thói quen mua sắm online. Sau gần 2 năm phát triển, đến nay Now đã mở rộng hệ thông các nhà cung cấp lên tới gần 300 cửa hàng trên toàn TP Hồ Chí Minh, là nơi có số lượng đối tác cửa hàng, quán ăn, siêu thị,… lớn nhất.
Cùng với số lượng tài xế hùng hậu, Now là 1 trong những nơi cung cấp dịch vụ đi chợ hộ được khách hàng tin dùng nhất, luôn nằm trong top ứng dụng dịch vụ này cùng với Grabmart, Bee,…
1. Customer Define
Name: Yên Thương
Occupation: Nhân viên văn phòng
Age: 27
Work hour: 8am – 6pm
|
Needs & Goals Giao hàng nhanh Rõ nguồn gốc, nhà cung cấp Thực phẩm tươi, đóng gói trong ngày Giá cả hợp lí Tiết kiệm được thời gian đi chợ Giảm stress |
Pain/ Frustrations Mất thời gian đi chợ hằng ngày, mất thời gian tìm đồ mình cần mua Phải chen chúc, ngại đến nơi đông người do dịch Covid Mất thời gian chờ tính tiền Nếu nơi này hết hàng muốn mua thì phải đi nơi khác để mua Mua đồ hết đát |
|
Motivations Muốn đầu tư cho bữa ăn đầy đủ dinh dưỡng và phong phú nhiều món Không muốn ăn thức ăn ngoài do e ngại vệ sinh và mùi vị Dành nhiều thời gian cho những việc khác hơn |
Fears Tốn phí ship hàng Giá đăt hơn Không kiểm tra được dộ tươi và đát sử dụng thức ăn. Không có mặt hàng mình mong muốn Không phải nhà cung cấp mình mong muốn Lỗi thanh toán Không có đầy đủ thông tin về sản phẩm |
2. Product Analysis
2.1. User flow hiện tại
2.2. User flow (UI)
2.3. Hypothesis Journey Map
2.4. Product Detailed Analysis
TRANG CHỦ
Ưu điểm:
- Thông tin shop được thể hiện đầy đủ:
Hiển thị địa chỉ, khoảng cách, giờ dự kiến giao hàng,… -> giúp user có nhiều thông tin hơn để đưa ra sự lựa chọn phù hợp
Nhược điểm:
- Hình đại diện/logo của cửa hàng/ siêu thị: Một số supplier không để logo mà để hình ảnh cửa hàng -> UI bị rối do không đồng nhất về style và user khó phân biệt các supplier
- Trải nghiệm tìm kiếm sản phẩm chưa được tối ưu: Tại homepage, user chỉ có thể lướt xem các cửa hàng và không xem được sản phẩm ngay tại trang chủ mà phải chọn nhà cung cấp trước. Điều này chưa tối ưu được trải nghiệm tìm kiếm sản phẩm của user và giới hạn user xem sản phẩm tại 1 shop duy nhất.
- Thanh tìm kiếm:Có thể tìm kiếm sản phẩm, tuy nhiên trên thanh tìm kiếm chỉ chú thích “Tìm shop thực phẩm” -> gây confuse cho user
TRANG CHỦ - CATEGORY
Nhược điểm:
Trải nghiệm tìm kiếm theo danh mục sản phẩm chưa được tối ưu:Danh mục sản phẩm ở ngoài trang chủ chỉ hiển thị list cửa hàng tương ứng. Tuy nhiên không có dấu hiệu nào cho thấy các cửa hàng này có sản phẩm tương ứng với danh mục mà user chọn.
Để tối ưu trải nghiệm tìm kiếm sản phẩm, category nên thể hiện sản phẩm tương ứng với danh mục mà user chọn hơn là chỉ xổ ra cửa hàng, như vậy user sẽ biết cửa hàng nào đang có những sản phẩm nào để đưa ra quyết định lựa chọn mua hàng.
TRANG CỬA HÀNG
Ưu điểm:
- Filter: Có filter lọc các siêu thị để user có thể lựa chọn dễ hơn
Nhược điểm:
- Design list các cửa hàng chưa được tối ưu:Muốn chọn siêu thị khác phải bấm vào “Địa điểm khác” -> khi đó danh sách các siêu thị hệ thống Big C mới xổ lên -> user có thể bỏ qua chỗ này và gây confuse rằng chỉ có 1 cửa hàng trong hệ thống siêu thị này.
TRANG CỬA HÀNG
Ưu điểm:
- User có thể add sản phẩm vào giỏ hàng ngay tại page này mà không cần phải vào xem chi tiết sản phẩm
Nhược điểm:
- Design menu danh mục sản phẩm chưa tối ưu được trải nghiệm tìm kiếm: danh mục sản phẩm hiển thị dưới dạng icon nhảy ra khi user slide màn hình -> Menu danh mục sản phẩm nên cố định trên màn hình để user có thể trực tiếp access tìm kiếm theo danh mục mà không cần phải thêm thao tác bấm vào icon menu
Ngoài ra, hiển thị danh mục bị giới hạn trong 1 khuông nhỏ và khá khó thấy. - Nếu bấm vào hình ảnh sản phẩm thì sẽ hiển thị hình ảnh phóng to -> nên navigate đến trang chi tiết sản phẩm luôn
TRANG CHI TIẾT SẢN PHẨM
Ưu điểm:
- Review giỏ hàng:Giỏ hàng xổ ra dưới dạng pop up giúp user có thể xem các sản phẩm đã chọn luôn mà ko cần thiết phải qua 1 screen mới và back lại nếu muốn tiếp tục mua hàng
Nhược điểm:
- Thiếu các thông tin cơ bản: Không có thông tin chi tiết sản phẩm và một số thông tin như ngày đóng gói, hạn sử dụng. Việc nhập chính xác hạn sử dụng hay ngày đóng gói chính xác có thể khiến phần operation khá nặng khi phải thay đổi thông tin hằng ngày, vậy nên điều này có thể thay thành có note range thời gian cố định cho 1 sản phẩm: ví dụ trứng – 3-5 ngày kể từ ngày mua, rau – 1-2 ngày kể từ ngày mua
- So sánh giá thị trường chưa được thể hiện rõ: có thể chuyển sang dạng 3,100 để khiến user chú ý hơn Có thể hiển thị các sản phẩm liên quan ở bên dưới để user lựa chọn luôn, không cần back lại trang trước
- Số lượng sản phẩm: user có thể đánh vào số lượng sản phẩm mà mình muốn mua, tuy nhiên UI lại chưa thể hiện rõ được việc user có thể làm điều này.
TRANG CHECK-OUT
Ưu điểm:
- Hiển thị giờ dự kiến nhận hàng: mốc thời gian dự kiến cụ thể giúp user nhận thức rõ ràng và tránh gây confuse
- Cho phép chỉnh sửa thông tin nhận hàng ngay tại trang check-out: giúp user dễ dàng chỉnh sửa thông tin nếu muốn đổi địa chỉ hoặc thông tin người nhận hàng
Nhược điểm:
- Review và chỉnh sửa giỏ hàng: Phần review sản phẩm tại trang này chỉ hiển thị 1 sản phẩm trong giỏ hàng và Không cho phép user chỉnh sửa số lượng sản phẩm. Nên hiển thị từ 2-3 sản phẩm và cho phép chỉnh sửa số lượng hoặc bỏ sản phẩm để user thao tác ngay trên trang này, không làm gián đoạn phần thanh toán
- Các sản phẩm có thể mua cùng gây confuse và có thể gây gián đoạn phần thanh toán: Không nên đặt thêm các sản phẩm ở đây do sẽ làm rối phần kiểm tra và thanh toán của user, khiến việc này bị đứt quãng nếu user tập trung vào phần xem các sản phẩm liên quan, điều này cũng có thể sẽ gây phiền phức cho user khi họ đã kết thúc quá trình mua hàng trước đó.
3. Improved Wireframe
Trang chủ – Cửa hàng
Bấm vào 1 icon shop bất kì sẽ xổ ra danh sách các cửa hàng sắp xếp theo thứ tự khoảng cách gần nhất
-> Ưu điểm so với flow hiện tại: giảm bớt thao tác cho user, không phải chuyển sang screen mới
Danh mục sản phẩm
Sau khi user bấm vào mục sản phẩm bất kì tại trang chủ, hệ thống sẽ lọc các kết quả các category của tất cả các shop và navigate sang trang kết quả. User có thể xem trực tiếp sản phẩm từ trang này. Ngoài ra, design menu danh mục sản phẩm xổ xuống giúp user có thể chuyển sang danh mục khác dễ dàng mà không phải trở lại screen trước đó.
-> Ưu điểm so với flow hiện tại:
- Tối ưu được trải nghiệm tìm kiếm theo danh mục sản phẩm: Đối với các user chưa biết cần mua gì và lướt trang chủ để lựa chọn thì việc để danh mục sản phẩm ở ngay tại trang chủ giúp trải nghiệm tìm kiếm được tối ưu hơn.
- User có thể so sánh giá giữa các supplier: trang tổng hợp kết quả từ các shop giúp user có thể xem sản phẩm của nhiều cửa hàng cùng lúc, thay vì trước đó user phải qua 3 screen mới xem được sản phẩm của chỉ 1 cửa hàng
Supplier Page
Product Detail Page
Các điểm được bổ sung thêm:
- Phần chi tiết sản phẩm
- Hiển thị số lượng ngay khi user access vào trang chi tiết sản phẩm: giúp user ý thức được việc chỉnh sửa số lượng ngay khi access vào trang này Nút thêm vào giỏ hàng, thay vì chỉ để icon “+” như hiện tại -> có tính call to action hơn
- Nút yêu thích – thêm sản phẩm vào wish list: hiện tại wish list đang để theo cửa hàng, tuy nhiên wish list nên là các sản phẩm yêu thích/ để dành mua sau, cụ thể hóa danh sách thành sản phẩm sẽ hiệu quả hơn là theo shop. Ở các lần sau user có thể access vào danh sách này mua hàng luôn mà không cần thiết chọn lựa thêm sản phẩm
Add to cart
Hiển thị banner “Hàng đã thêm vào giỏ hàng thành công” giúp user dễ dàng nhận thức được action thêm vào giỏ hàng hoàn thành