10 lời khuyên để thiết kế giỏ hàng tối ưu (Phần 2)

Trong phần trước, chúng ta đã cùng tìm hiểu về 7 lời khuyên để thiết kế giỏ hàng tối ưu cho trang thương mại điện tử. Hãy tiếp tục khám phá những lời khuyên tiếp theo cùng với ví dụ về các giỏ hàng và quy trình thanh toán trong phần 2 này nhé.

8. Cung cấp nhiều yếu tố trợ giúp

Giỏ hàng và quy trình thanh toán cần có nhiều yếu tố trợ giúp để hỗ trợ người dùng. Trong giỏ hàng, hãy cung cấp một số mẹo nhanh về cách sử dụng các tính năng của giỏ hàng và giải thích quy trình thanh toán. Các nhãn và biểu mẫu trong giỏ hàng có thể được giải thích bằng cách sử dụng công cụ chú giải. Trên trang thanh toán, bạn có thể cung cấp văn bản mẫu để hướng dẫn người dùng điền thông tin vào từng trường cũng như đưa ra ví dụ về thông tin thanh toán. Ví dụ, hãy hiển thị vị trí số tài khoản trên thẻ tín dụng ở mặt sau của thẻ. Dưới đây là một ví dụ về biểu mẫu với trường đầu vào có văn bản mẫu giải thích và cột giữa chứa các thông tin hữu ích bổ sung.

Xem thêm  Facebook đóng API các ứng dụng ở Việt Nam: Lòng giới kinh doanh online náo động

Giỏ hàng

9. Sử dụng hỗ trợ trực quan

Hỗ trợ trực quan có thể là bất cứ thứ gì, từ biểu đồ đến các biểu tượng đơn giản. Một hình ảnh hiển thị vị trí số tài khoản trên thẻ tín dụng giúp người dùng khi nhập thông tin thanh toán của họ. Biểu tượng hỗ trợ văn bản cũng rất hữu ích để giúp người dùng quét qua biểu mẫu dễ dàng hơn. Hình ảnh dưới đây minh họa cách kéo và thả sản phẩm vào giỏ hàng. Biểu tượng giỏ hàng cho biết cho khách hàng biết rằng họ có thể kéo sản phẩm vào giỏ hàng. Giỏ hàng còn có một nhãn phía trên với nội dung “Kéo sản phẩm vào đây”.

Hỗ trợ trực quan

10. Luôn luôn có trang xác nhận

Trang xác nhận và chỉnh sửa là tính năng quan trọng nhất trong quy trình thanh toán. Người dùng thường muốn xác nhận rằng họ đã chọn đúng các sản phẩm. Mỗi quy trình thanh toán tốt đều bao gồm một trang này, cho phép người mua xem lại đơn hàng trước khi xác nhận thanh toán. Trên trang xác nhận, bạn nên cung cấp tổng quan về các sản phẩm trong một bảng, tương tự như trang thanh toán. Người dùng có thể hủy đơn hàng hoặc tiếp tục mua sắm bằng nút “Tiếp tục mua hàng”. Hãy hiển thị rõ ràng các nút để hoàn tất quy trình và tránh sự nhầm lẫn.

Trang xác nhận

Giới thiệu một số giỏ hàng và quy trình thanh toán khả dụng

Dưới đây là một số ví dụ về các giỏ hàng và quy trình thanh toán mà bạn có thể tham khảo:

Xem thêm  Top 13 Khóa Học Kiếm Tiền Online Hiệu Quả Nhất 2021

1. IconDock

Trang web này có một giỏ hàng rất tiện lợi và dễ sử dụng. Bạn chỉ cần nhấp và kéo các sản phẩm vào bảng điều khiển và tinh chỉnh. Điều này giúp bạn nhanh chóng kiểm soát và đưa ra quyết định mua hàng.

IconDock

2. MediaTemple

Bảng giá trên trang này rất đẹp, với các nút thanh toán rõ ràng và được đặt ở vị trí thuận tiện.

MediaTemple

3. Early Learning Centre

Trang web này có một giỏ hàng đầy đủ, nhỏ gọn và có quy trình thanh toán từng bước tuyệt vời. Mỗi bước được minh họa bằng các dòng thời gian.

Early Learning Centre

4. Roxy

Roxy sử dụng một giỏ hàng đơn giản và nhỏ gọn, chỉ hiển thị tổng số tiền khiến việc mua sắm trở nên dễ dàng.

Roxy

5. Mia và Maggie

Mia và Maggie tạo ra một giỏ hàng độc đáo, dễ đọc và có nút thanh toán lớn.

Mia và Maggie

6. Amazon

Amazon là một trang web thương mại điện tử nổi tiếng, sử dụng quy trình thanh toán từng bước.

Amazon

7. Evel

Evel sử dụng một quy trình thanh toán tối thiểu và nhanh chóng, không có quá nhiều trường nhập liệu. Giỏ hàng được đặt phía trên biểu mẫu, điều này rất thuận tiện cho người mua.

Evel

8. Design By Humans

Một ví dụ khác về trang thanh toán duy nhất hoàn hảo. Trang thanh toán này cung cấp một bản tóm tắt đơn hàng, rất hữu ích. Ngoài ra, có nhiều yếu tố trợ giúp được nhúng trong biểu mẫu.

Xem thêm  70 tuổi có vay vốn được ngân hàng? Thủ tục và điều kiện cho vay

Design By Humans

9. Bridge55

Một giỏ hàng tốt với hình ảnh hàng hóa.

Bridge55

10. Cosmic Soda

Một trang web thương mại điện tử tốt sử dụng giỏ hàng nhỏ gọn và tiện lợi.

Cosmic Soda

Hãy tham khảo những ví dụ trên để có ý tưởng cho việc thiết kế giỏ hàng và quy trình thanh toán tối ưu trên trang web của bạn.

(Một số thông tin được tổng hợp từ www.webdesignerdepot.com)


Xem thêm: Bí quyết thu hút sự chú ý của đám đông bằng content