it-swarm-vi.tech

Thực tiễn tốt nhất trong Giỏ hàng thương mại điện tử của bạn và các ví dụ UI đáng chú ý là gì?

Các giỏ hàng tốt nhất mà bạn biết về thiết kế hình ảnh và khả năng sử dụng là gì.

Ngoài ra, cung cấp các mẹo thực hành tốt nhất khi thiết kế giỏ hàng như @scunliffe đã làm.

5
idophir

Tôi không chắc là tôi biết về giao diện người dùng tốt nhất nhưng tôi biết những người làm tôi thất vọng ;-) Logic sẽ gợi ý rằng các tính năng ngược lại là những tính năng giúp nó tốt hơn.

  • Tôi ghét không thể nhìn thấy tổng số của tôi. Ngay khi tôi "vào" giỏ hàng của mình, tôi luôn muốn có thể xem tổng giá của mình.
  • Tôi sống ở Canada - tùy thuộc vào trang web/sản phẩm, Chi phí vận chuyển dao động từ chấp nhận đến thiên văn. Vui lòng cung cấp chi phí vận chuyển trước Tôi phải nhập chi tiết thẻ tín dụng của mình (hoặc ít nhất là ước tính hoặc liên kết đến biểu đồ chi phí)
  • Nhiều người dùng sẽ vào giỏ hàng/thanh toán để có được giá cuối cùng như là một phần của mua sắm so sánh. Nếu bạn chặn họ nhận được giá cuối cùng khi đăng ký, nhập thẻ tín dụng, v.v. bạn có thể mất một khách hàng đã mua từ bạn nếu họ có thể thấy giá.
  • Nếu có thể, hãy chắc chắn thông báo trực quan cho người dùng khi họ có thể tiếp tục mà không bị tính phí. Ví dụ. một nút "tiếp tục" là tốt để di chuyển xa hơn, nhưng hành động mua thực tế phải được dán nhãn rõ ràng. Ví dụ. "Xác nhận mua hàng" hoặc một cái gì đó. Tôi đã ở trên một trang web khi nhấn "Tiếp tục" tính phí thẻ tín dụng của mình (tôi không ấn tượng lắm!)
  • Bao gồm thông tin hoặc ít nhất là một liên kết được dán nhãn rõ ràng vào chính sách hoàn trả và thời gian giao hàng dự kiến ​​(ví dụ: ngày hôm sau?, 3 ngày?, 6-8 tuần)
  • Cung cấp thông tin thả giống (sẵn có) càng sớm càng tốt, không muộn hơn trên tổng quan về giỏ hàng
  • Giúp tôi dễ dàng thay đổi số lượng của một mặt hàng trong giỏ hàng của mình ... hoặc xóa nó hoàn toàn
  • Cung cấp một liên kết từ mỗi mục trong giỏ hàng trở lại trang thông tin cho mục cụ thể này
  • Hãy xem xét tùy chọn để tôi "lưu" trạng thái giỏ hàng, để quay lại sau.
  • Xác định rõ ràng các tùy chọn thanh toán lên phía trước. Tôi thường thích thanh toán bằng Paypal chẳng hạn.
  • Cung cấp số điện thoại hoặc liên kết để được hỗ trợ khách hàng ...
12
scunliffe

Tôi sẽ thực hiện một số nghiên cứu tại Design Meltdown. Anh ấy đã thu thập rất nhiều trang web thương mại điện tử và tôi sẽ đặt cược rất nhiều thiết kế giỏ hàng khác nhau. Trải nghiệm chúng, xem cái nào hoạt động tốt nhất.

http://2010.designmeltdown.com/carget/site-types/e-c Commerce /

4

Vì hầu hết người dùng của bạn đã sử dụng Amazon, tôi có xu hướng chỉ sao chép những gì Amazon làm. Tôi nghĩ trong trường hợp của một giỏ mua hàng:

Tốt nhất == Nó hoạt động, và tôi không cần phải suy nghĩ về cách sử dụng nó

2
Ian
  • Sử dụng hình ảnh chất lượng cao (nhưng tối ưu hóa) của sản phẩm. Liên kết đến hình ảnh (lớn) khác trên trang sản phẩm.
  • Đảm bảo các nút "thêm vào giỏ hàng" và "thanh toán" rõ ràng và đủ lớn để chạm vào thiết bị di động.
  • Tránh các yếu tố flash lớn, tải chậm.
  • Sử dụng một mega-dropdown , thay vì thả xuống lồng nhau (điều này hơi chủ quan, tôi biết, nhưng tôi nghĩ đó là một trong những mô hình UI tốt hơn cho thương mại điện tử).
  • Làm cho quá trình thanh toán dễ dàng và cân nhắc nhất có thể. Đảm bảo người dùng biết vị trí của mình trong quá trình và còn lại bao nhiêu bước.
2
Christopher Scott
  • Hãy nhận biết các mục tiêu kinh doanh so với các mục tiêu khả năng sử dụng. Chẳng hạn, một số cửa hàng tạo ra một "kênh", trong đó một khi bạn ở trên các trang thanh toán thì sẽ không còn điều hướng cho phần còn lại của trang web. Ý tưởng là không làm bạn mất tập trung vào quá trình mua hàng để bạn hoàn thành. Đây là một mục tiêu kinh doanh và là một người dùng tôi thấy nó bực bội. Điều gì sẽ xảy ra nếu tôi quên một cái gì đó và muốn đi thử tìm nó để thêm nó vào giỏ hàng của tôi? Đôi khi tôi phải hack URL để quay lại trang chính một lần nữa.

  • Nếu sử dụng trình hướng dẫn gồm nhiều bước, hãy dễ dàng quay lại và thay đổi thông tin mà bạn đã nhập trước đó mà bây giờ bạn nhận ra là sai khi bạn truy cập trang xác nhận. Không làm cho người dùng nhấp vào Quay lại, Quay lại, Quay lại rồi Tiếp theo, Tiếp theo, Tiếp theo. Nếu có thể, hãy tạo một kiểm tra một trang hoặc để người dùng chỉnh sửa bất kỳ thông tin nào trên trang cuối cùng khi đang di chuyển.

  • Không yêu cầu nhiều thông tin từ người dùng để tạo tài khoản chỉ để lưu giỏ hàng hoặc danh sách mong muốn của họ.

1
Emma McCreary