原标题：译文 | Web端购物结算流程的可用性设计建议
每个电子商务网站都有自己的结帐流程，来将用户从挑选商品的环节带到购买的环节上。结账流程的细节会因为用户购买的商品以及其目的而有所不同，但是，最终付款的环节都同样重要 。
我们设计的结账流程要让用户保持一种参与感，并且并鼓励他们完成结帐过程。 我想分享一些可用性设计的建议，以便改进帐单表单的设计，并提高用户结帐转化率。
澄清意图
我们的目标是设计能够鼓励用户购买的表单形式。 所以你要让这个过程尽可能的简单，特别是在付款阶段。我们如果无法一下子阐明整个结算流程，那么只需要保持每个环节的清晰和简明，永远不要让用户对他的行为感到困惑或不确定而退出结算。
有一些你应该牢记在心的技巧会让你的工作做的更好：
此外还可以添加适量的icon来突出视觉效果。
Threadless的结帐页面提供了一个很好的例子。
信用卡图标的使用，让用户对自己选择的支付方式清晰明了。
同样，下方的图标也清晰明了地展示了CVV验证码的位置。
你要做的就是尽你所能让用户在付款的每一个阶段准确地知道他们在做什么。
不应该有模糊的术语，不明确的方向，并且在整个流程中应该有大量提示 / 图标等等来解答用户使用过程中可能会遇到的问题。
定义文本格式
有些数据需要一定的文本格式，如电话号码和信用卡号。
这种动态的间隔可以地使用Java生成，这是您可以添加到网站的最佳技术之一。
定义间隔让用户知道在填写表单字段时处于正确的路线上。
比如在在表单中，当用户输入了正确的邮政编码时，表单自动切换到下一个字段。
同样的电话号码，你可以自动的匹配的电话号码的数字。
你可以在易趣网的结账单上看到这个。
但最有用的是信用卡的4位间隔格式。
信用卡号码很长，很容易出错了。一个不正确的信用卡号给用户带来的挫折感可能会让用户会否定你其他所有的设计。
这个自定义的信用卡号数字间距在您的帐单字段中，使客户更容易输入他们的数字，并再次检查他们是否正确。
你可以参考BodyBuilding的设计，其中还包括错误信息的反馈。
简化操作路径
因为结算流程的长短不一，所以每个网站的处理过程总是不同的。这可能会让许多访问者感到困惑，这也是为什么电子商务在2000年代初期停滞不前的原因之一。
但是，无论表单长短，无非围绕以下原则来进行设计：
例如，semrush的结算流程是美妙的。
很快使用，容易阅读，你需要知道的一切都清楚可见在页面上。
但我不介意再结帐过程中要有面包屑导航。
这些提供了一个清楚的指示器，说明用户在结账过程中走了多远，以及还有多少内容需要进行完善。
这使每个人在每个步骤中更容易完善和提交内容。如果他们不知道结账过程什么时候结束，他们可能会感到困惑，焦虑，或者只是生气和离开。
Wiggle的结帐使用清晰的面包屑在每个页面的顶部。
两种不同的形式可以同时尝试，运用一些A/B测试并且看看哪种风格的表现更好。你可能会对结果感到惊讶。
概括购买
用户输入他们的账单信息之后，要点击“提交”按钮是最难的。
犹豫对于转化率而言是致命的。
概括的订单的基本信息，展示给客户，他们可以看到一切从他们购买的项目的总费用（加加工），甚至交货日期（如果适用的话）。
GitHub的Pro升级计费领域的广告购买都在同一页上。它阐明了你要多久付款，最后的费用是什么，以及何时你可以期待下一个费用。大多数字段都是从你的个人资料中填写的，所以如果你有一个帐户，这个过程非常快。
另一个例子是亚马逊，电子商务商店之母。
一旦你进入付款的环节，订单相关的所有的细节，如：送货地址和付款信息等都将以一屏的形式进行呈现，以确保你真的了解你的采购。这减少了错误项目的退货率，并且能够减少用户在点击“购买”按钮时的犹豫不决。
我们需要公开透明与客户分享尽可能多的关于订单的细节。
结束
结算行为是将潜在客户转化为付费客户关键的一步。这就是为什么形式优化如此重要。
我希望这些趋势可以帮助你制作可用的和令人鼓舞的账单形式，为你的商店和所有客户带来更多的收入。优化是一个持续的过程，但如果你不断测试新的想法，你将永远领先于竞争对手。
总结：
编译作者：张大侠，公众号：「侠侠说」
本文由 @张大侠 翻译发布于人人都是产品经理，未经作者许可，禁止转载。
题图来自Unsplash，基于CC0协议。游戏网
责任编辑：
| 相关下载 |
原标题：西门子全新数字化服务显著提高机床生产率和可用性 · “数控系统数字化转型咨询服务”为客户量身定制数字化转型战略 · “车间级数采终端详情>>
本期笔者为大家带来pubglite所在地区不可用怎么办，百分百解决pubglite所在地区不可用方法。希望能帮助到大家。 近日，PUBGlite官方公布了游戏最新的更新内容。其中包括了全新详情>>
![[图]Edge的Beta和Stable通道安装器偷跑 稳定版暂不可用](https://img.61sou.com/zz/2019/07/31/0fa424e67931fac9d69160837f137cac_5d392141ea9dd4668d7625a7.jpeg)
原标题：[图]Edge的Beta和Stable通道安装器偷跑 稳定版暂不可用 基于Chromium的Edge浏览器Stable和Beta两个通道的官方安装程序已经被曝光。虽然你可详情>>
Epic商店解锁国区是真的吗?Epic商店想要支付非常的麻烦，现如今终于解锁国区，玩家可以使用支付宝和微信支付了，那么这是真的嘛?让我们一起来看一下吧。 但让人想不到的是详情>>
笔记本网络连接不可用怎么办？有时候笔记本显示网络连接不可用，这是怎么回事呢？小编跟大家分享一下解决方法，详细步骤请看下文。首先要确认下载了Fn快捷键驱动，然后开启了硬件开关详情>>
origin平台是一款由EA公司发布的游戏平台。玩家在该平台中能购买并下载游戏，但是它的网络连接一直是个问题，那么遇到登陆不了的时候应该怎么快速解决呢。 详情>>
原标题：《梦幻之星OL2》新增可用拳皇角色 可用超必杀技 日本游戏开发商SEGA昨天（3月6日）推出了网络游戏《梦幻之星OL2》第五章的最后更新，除了新增加的任务之外，还开详情>>
Game234问答中心有网友提出了一个比较有代表性的问题【求助，为什么我的手机登录qq显示当前网络不可用】，小编觉得可能对其他网友也有帮助，所以将此问答整理出来了,希望对您有帮助。小编为您搜罗的答案1详情>>
日本游戏开发商SEGA昨天（3月6日）推出了网络游戏《梦幻之星OL2》第五章的最后更新，除了新增加的任务之外，还开启了与国内玩家熟知的格斗游戏《拳皇》的联动，只要装备了相关的服装和道具之后，人物在大厅详情>>
《梦幻之星OL2》新增可用拳皇角色 可用超必杀技介绍了日本游戏开发商SEGA昨天(3月6日)推出了网络游戏《梦幻之星OL2》第五章的最后更新,除了新增加的任务之外,还... 详情>>
【多玩网3月27日讯】4AGames今日宣布《地铁：离去》全平台上线了更新“RangerUpdate”，这是一个重要更新，增加了许多新功详情>>
驱动人生教你三个步骤，专门解决NVIDIA显示设置不可用的问题 说起电详情>>
在以2-1击败了Gen.G战队之后，SKTT1战队的中单选手Faker接受了采访。问：你们以2-1击败了Gen.G，感觉详情>>
拳皇98终极之战ol每日一题3月26日，可用于格斗家从红+4品质升至红+5品质的宝石是？答题格式：kof+答案，不知道的朋友就看过来吧。可用于格斗家从红+4品质升至红+5品质的宝石是？答题格式：ko详情>>
拳皇98终极之战ol每日一题5月2日，可用于格斗家从红+2品质升至红+3品质的宝石是？答题格式：kof+答案，还不知道答案的朋友看过来哦，希望你们能够喜欢。可用于格斗家从红+2品质升至红+3品质的详情>>
在Win10应用商店中下载了现代战争5,有很多用户遇到了游戏打开后显示无可用网络连接的问题。怎么解决呢?就此... 详情>>
找网页游戏,就上265G! 265G手机版 全站导航 收藏首页掌上265G APP...《灵魂能力6》下月就要发售了,今日万代宣布发售前将有一个网络测试,平台为PS4... 详情>>
小编为您搜罗的答案:嘛这要看你的游戏在哪里下的，因为涉及版本，知道后才好找修改器。我推荐去游民星空SC6专区我用的是《细胞分裂6：黑名单》详情>>
微软正在为普通用户提供Azure可用性区域的一些服务。所谓的可用性区域也就是能够帮助公有云使用者免受数据中心层次上故障的影响，从而能够保证用户拥有一个完整、可靠的公有云应用环境。在可用性区域当中位于详情>>
小编为您搜罗的答案:玲珑，蓝灯你要是不打游戏就浏览个网页就用蓝灯蓝灯还有免费的详情>>
小编为您搜罗的答案:http://pan.baidu.com/s/1c0IS1RM百度云全本，拿好。小编为您搜罗的答案:我有诛仙小说好几年前就写完了我一直收藏着请采纳小编为您搜罗的答案:诛详情>>
小编为您搜罗的答案:http://pan.baidu.com/share/link?shareid=3375164135&uk=3950051429小编为您搜罗的答案:http://pan.baidu详情>>
小编为您搜罗的答案:客户端的话，用11.2.0.1就可以了，11.2.0.3是不能免费获得的详情>>
最近有位win7系统用户方框，电脑安装打印机或者进行其他操作的时候，遇到了错误提示：rpc服务器(RPC服务器，是指RemoteProcedureCallProtocol，中文释义为（RFC-详情>>
小编为您搜罗的答案:楼主你好。这个成就是要求你鉴定成专用装备才能获得成就点。你只是普通鉴定而已，没有出专用。当然得不到成就点。详情>>
Redis集群rediscluster是redis官方提供的分布式解决方案，在3.0版本后推出的，有效地解决了redis分布式的需求，当一个redis节点挂了可以快速的切换到另一个节点。当遇到单详情>>
lol无限乱斗分类目前不可用怎么办?lol不久前推出了无限乱斗，相信很多人对此很感兴趣，这两天有玩家说自己的无限乱斗玩不了，那么这个是怎么回事呢? 症状如下图： 开放时详情>>
小编为您搜罗的答案:无法连接上网络针对无线网卡和家用网络一般有以下原因：1、SIM卡没有插好或无线信号太弱2、设备驱动没有正确安装或设备端口没有释放3、拨号成功后对方服务器无响应小编为您搜罗的答案:你详情>>
Valve在昨天和今天又再次向玩家们发放了大量限区DotA2邀请,玩家在Steam查看礼物的时候,会出现“您的库存当前... 详情>>
小编为您搜罗的答案:大家好！在4月17日版本发布后，我们会推出新的免费英雄机制。现在，所有1-6级的召唤师将独享一套免费英雄的组合。这批英雄不会随着周免英雄的更替而改变，但周免英雄会在详情>>
![《鬼泣5》PC STEAM预载版[EN][7.5G][正版玩家可用] 这个到底...](https://img.game234.com/2018/0812/20180812065647841.jpg)
小编为您搜罗的答案:首先你要理解正版可用就说明你要买正版才能用这个……不知道你买了没买，如果买了安装完了以后需要去steam输入产品序列号，来兑换游戏资格，把你买游戏给的序列号输入就好了，然后就可以选详情>>
>>>点击进入多玩LPL专题 观看更多赛事资讯<<&详情>>
小编为您搜罗的答案:可能是因为缓存文件无法直接删除的原因，建议备份好通讯录等资料进行还原操作。iPhone还原出厂设置方法如下：<br/>1.点击进入【设置】。<br/>2详情>>
8月1日，在LPL夏季赛常规赛第七周的比赛中，TOP2：0VG赢下比赛，赛后TOP接受了媒体的采访。Q：小炮这个版本出场率比较低，选择他是出于什么考虑？qi详情>>
小编为您搜罗的答案:育碧服务器出了名的破烂，再加上中国大陆对国际网络的接入没有什么优化，uplay连不上很正常，挂加速器吧，别图便宜，收费的确实好使详情>>
小编为您搜罗的答案:用2.x的search老版本，语言改成英文，开了之后再升级search详情>>
编辑VR陀螺锅灶NextVR是一家专门从事体育和娱乐内容的VR直播公司。在在登录GearVR和Daydream等移动VR平台和微软MR平台5年之后，详情>>
CSGO更新Mirage可用新烟详情>>
Q:超级颠球闪退怎么办? A:超级颠球是现在非常火的一款游戏，很多朋友出现进入游戏后详情>>
