每个电子商务网站都有自己的结账流程，将用户从选择商品带到购买。


结账流程的细节会因用户购买的商品及其目的而有所不同，但最终付款也同样重要 。


我们设计的结账过程应该保持用户的参与感，并鼓励他们完成结账过程。


我想分享一些可用性设计提高用户结账转化率，我想分享一些可用性设计的建议。


澄清意图 我们的目标是设计一单形式，可以鼓励用户购买。


所以你应该让这个过程尽可能简单，尤其是在付款阶段。


如果我们不能突然解释整个结算过程，那么我们只需要保持每个链接的清晰和简洁，永远不要让用户对他的行为感到困惑或不确定，并退出结算。


有些技记住的一些技巧会让你的工作做得更好： 更大的字体 易读的标签 字段间的间隔 导航更容易使用 此外，还可以添加适量icon突出视觉效果。


Threadless结账页面提供了很好的例子。


使用信用卡图标，让用户清楚地选择自己的支付方式。


同样，下图标也清晰显示CVV验证码的位置。


你所要做的就是让用户在付款的每个阶段都准确地知道他们在做什么。


不应该有模糊的术语，不明确的方向，在整个过程中应该有很多提示 / 回答用户在使用过程中可能遇到的问题，如图标等。


定义文本格式 有些数据需要一定的文本格式，如电话号码和信用卡号码。


这种动态间隔可以使用JavaScript这是您可以添加到网站上的最佳技术之一。


定义间隔使用户在填写表单字段时知道正确的路线。


例如，当用户输入正确的邮政编码时，表单会自动切换到下一个字段。


您可以自动匹配相同的电话号码。


你可以在易趣网的结账单上看到这个。


但最有用的是信用卡的四位间隔格式。


信用卡号很长，很容易出错。


信用卡号错误给用户带来的挫折可能会让用户否认你所有其他设计。


在您的账单字段中，定制的信用卡号间距使客户更容易输入他们的数字，并再次检查他们是否正确。


你可以参考BodyBuilding设计还包括反馈错误信息。


简化操作路径 由于结算过程的长度不同，每个网站的处理过程总是不同的。


这可能会让许多访问者感到困惑，这也是2000年代初电子商务停滞的原因之一。


然而，无论表单的长度如何，它都围绕以下原则进行设计： 为了简洁，尽量在一页处理内容较少的结算流程 复杂的过程应该进入面包屑导航的步骤 例如，semrush结算流程精彩。


快速使用，易于阅读，页面上可以清楚地看到你需要知道的一切。


但我不介意在结账过程中导航面包屑。


这些提供了一个清晰的指示器，说明用户在结账过程中走了多远，需要改进多少内容。


这使得每个人都更容易改进和提交每一步的内容。


如果他们不知道结账过程何时结束，他们可能会感到困惑、焦虑，或者只是生气和离开。


Wiggle清晰的面包屑用于结账。


可以同时尝试两种不同的形式，使用一些A/B测试，看看哪种风格表现更好。


你可能会对结果感到惊讶。


概括购买 用户输入账单信息后，最难点击提交按钮。


犹豫对转化率是致命的。


向客户展示总订单的基本信息，可以看到从他们购买的所有项目的总成本(加工)，甚至交货日期(如果适用)。


GitHub的Pro升级计费领域的广告购买都在同一页。


它解释了你需要付多长时间，最终的费用是什么，以及你什么时候可以期待下一个费用。


大多数字段都是从你的个人信息中填写的，所以如果你有一个账户，这个过程非常快。


另一个例子是亚马逊，电子商务商店之母。


一旦进入付款环节，所有与订单相关的细节，如送货地址和付款信息，都将以一个屏幕的形式呈现，以确保您真正了解您的购买。


这降低了错误项目的退货率，并减少了用户在点击购买按钮时的犹豫。


我们需要公开透明地与客户分享尽可能多的订单细节。


结束 结算是将潜在客户转化为付费客户的关键一步。


这就是为什么形式优化如此重要。


我希望这些趋势能帮助你制作可用和令人鼓舞的账单，为你的商店和所有顾客带来更多的收入。


优化是一个持续的过程，但如果你不断测试新的想法，你将永远领先于你的竞争对手。


总结： 内容易读； 智能输入； 流程清晰； 展示到位。


特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营合作伙伴提供便利。


网站收集的公共内容来自互联网或用户提交，这并不意味着网站同意其观点，也不对网站内容的真实性负责。


如有侵权行为，请联系网站管理员删除，。