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 →
用户体验策略7 分钟阅读·Updated 2026 年 10 月·ExodeUI 团队

减少结帐和表单放弃:研究结果

为什么人们放弃购物车和表格,来自 Baymard 的研究,以及有帮助的设计修复:更少的字段、客人结账、明确的成本、错误处理和反馈。

直接总结和定义

核心要点

Baymard Institute 计算出记录的平均购物车放弃率约为 70%。许多原因都与价格和交付有关,但也有一些是设计问题:强制创建帐户、结帐时间长或复杂、错误和总成本不明确。尽早显示全部费用,允许客人结账,剪切表单字段,并通过清晰的反馈处理内联错误。

数字

Baymard 研究所平均进行了 50 项研究,记录的购物车放弃率为 70.22%。很多人只是浏览;除此以外,美国购物者在 Baymard 的研究中给出的最常见原因包括额外费用过高 (40%)、送货缓慢 (20%)、不信任网站提供的银行卡详细信息 (19%)、被要求创建帐户 (18%)、结账时间过长或复杂 (17%) 以及网站错误或崩溃 (17%)。

结帐放弃原因条形图:额外费用 40%、交货缓慢 20%、信任 19%、强制帐户 18%、太长 17%、错误 17%
其中几个最重要的原因是可以解决的设计问题。

更少的字段

Baymard 报告称,其基准测试中的平均结帐有 5.1 个步骤和 11.3 个表单字段,并且字段数量比步骤数量更重要。删除可选字段,尽可能组合名称字段,使用地址查找,并隐藏链接后面的公司名称或地址第 2 行等字段。

针对主要原因的设计修复

将每个修复与原因匹配:

  • 额外费用:尽早显示运费、税金和费用,最好在产品或购物车页面上显示。
  • 强制帐户:提供访客结帐,并在购买后邀请创建帐户。
  • 太长:字段较少、默认值合理、自动填充友好的输入。
  • 错误:字段完成后进行内联验证、解释修复的消息、保留输入。
  • 信任:可识别的支付选项、清晰的安全提示、可见的联系方式和退货信息。

令人放心的反馈

小型互动可以帮助人们保持信心:支付按钮上清晰的加载状态可以防止重复支付,多步骤结账的进度指示器,可见的成功状态,以及支付失败时平静的具体错误。保持动作简短且有目的;收银台不是装饰的地方。

要记住的关键 Principle

  • 记录的平均购物车放弃率约为 70% (Baymard)
  • 最可修复的原因:强制账户、长时间结帐、错误、隐藏成本
  • 字段数比步数更重要
  • 提前为客人提供结账服务并显示总费用
  • 设计支付按钮的加载、成功和错误状态

常见问题解答

来源

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

相关指南和示例

每个状态设计的支付按钮

打开包含加载、成功和错误状态的 ExodeUI 示例,并根据您的结帐调整它们。

打开示例
免费试用