Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
Chiến lược UXđọc 7 phút·Updated tháng 10 năm 2026·Đội ngũ ExodeUI

Giảm việc thanh toán và bỏ biểu mẫu: Nghiên cứu nói gì

Tại sao mọi người từ bỏ giỏ hàng và biểu mẫu, từ nghiên cứu của Baymard và các bản sửa lỗi thiết kế giúp: ít trường hơn, thanh toán cho khách, chi phí rõ ràng, xử lý lỗi và phản hồi.

Tóm tắt và định nghĩa

Điểm chính

Viện Baymard tính toán tỷ lệ bỏ giỏ hàng trung bình được ghi nhận là khoảng 70%. Nhiều lý do liên quan đến giá cả và giao hàng, nhưng một số lý do là do vấn đề về thiết kế: buộc phải tạo tài khoản, quá trình thanh toán kéo dài hoặc phức tạp, sai sót và tổng chi phí không rõ ràng. Hiển thị sớm toàn bộ chi phí, cho phép khách thanh toán, cắt các trường biểu mẫu và xử lý lỗi nội tuyến bằng phản hồi rõ ràng.

Những con số

Viện Baymard thực hiện trung bình 50 nghiên cứu với tỷ lệ bỏ giỏ hàng được ghi nhận là 70,22%. Nhiều người chỉ đang duyệt; Loại trừ chúng, những lý do phổ biến nhất mà người mua hàng ở Hoa Kỳ đưa ra trong nghiên cứu của Baymard bao gồm chi phí bổ sung quá cao (40%), giao hàng chậm (20%), không tin tưởng vào trang web với thông tin thẻ (19%), được yêu cầu tạo tài khoản (18%), thanh toán quá dài hoặc phức tạp (17%) và lỗi hoặc sự cố trang web (17%).

Biểu đồ thanh về lý do từ bỏ thanh toán: chi phí bổ sung 40%, giao hàng chậm 20%, tin cậy 19%, buộc phải tài khoản 18%, quá dài 17%, lỗi 17%
Một số lý do hàng đầu là các vấn đề về thiết kế mà bạn có thể khắc phục.

Ít trường hơn

Baymard báo cáo rằng quá trình kiểm tra trung bình trong điểm chuẩn của nó có 5,1 bước và 11,3 trường biểu mẫu và số lượng trường quan trọng hơn số bước. Xóa các trường tùy chọn, kết hợp các trường tên nếu có thể, sử dụng tra cứu địa chỉ và ẩn các trường như tên công ty hoặc dòng địa chỉ 2 đằng sau một liên kết.

Sửa lỗi thiết kế vì những lý do hàng đầu

Hãy ghép mỗi cách khắc phục với một lý do:

  • Chi phí bổ sung: hiển thị thông tin vận chuyển, thuế và phí càng sớm càng tốt, lý tưởng nhất là trên trang sản phẩm hoặc giỏ hàng.
  • Tài khoản bắt buộc: cung cấp tính năng thanh toán cho khách và mời tạo tài khoản sau khi mua.
  • Quá dài: ít trường hơn, giá trị mặc định hợp lý, đầu vào thân thiện với tính năng tự động điền.
  • Lỗi: xác thực nội tuyến sau khi một trường hoàn tất, thông báo giải thích cách khắc phục, dữ liệu đầu vào được giữ nguyên.
  • Tin cậy: các tùy chọn thanh toán dễ nhận biết, dấu hiệu bảo mật rõ ràng, thông tin liên hệ và trả lại rõ ràng.

Phản hồi trấn an

Các tương tác nhỏ giúp mọi người luôn tự tin: trạng thái tải rõ ràng trên nút thanh toán ngăn chặn việc thanh toán hai lần, chỉ báo tiến trình cho quá trình thanh toán nhiều bước, trạng thái thành công rõ ràng và lỗi cụ thể, bình tĩnh nếu thanh toán không thành công. Giữ chuyển động ngắn gọn và có mục đích; thanh toán không phải là nơi để trang trí.

Nguyên tắc chính cần nhớ

  • Tỷ lệ bỏ giỏ hàng trung bình được ghi nhận là khoảng 70% (Baymard)
  • Các lý do có thể khắc phục hàng đầu: tài khoản bắt buộc, thời gian thanh toán dài, lỗi, chi phí ẩn
  • Số trường quan trọng hơn số bước
  • Cung cấp dịch vụ thanh toán cho khách và hiển thị tổng chi phí sớm
  • Thiết kế trạng thái tải, thành công và lỗi của nút thanh toán

Câu hỏi thường gặp

Nguồn

  1. Cart Abandonment Rate Statistics — Viện Baymard
  2. Checkout Optimization: 5 Ways to Minimize Form Fields in Checkout — Viện Baymard
  3. Error-Message Guidelines — Nielsen Norman Group

Hướng dẫn và ví dụ liên quan

Nút thanh toán được thiết kế ở mọi trạng thái

Mở các ví dụ ExodeUI với trạng thái tải, thành công và lỗi và điều chỉnh chúng cho quá trình thanh toán của bạn.

Mở các ví dụ
Dùng thử miễn phí