购物网站结帐流程页面设计的6 大根本原则

阅读  ·  发布日期 2020-05-30 02:28  ·  admin

为了改善网站转换率,师或运营者常常花了很多心思在调整商品交流页面,却疏忽了购物车及结帐流程的重要性。若从漏斗模型的角度来看(图1),购物车和结帐流程更接近最终出售,若能提高该等页面的易用性,对提高转换率的影响越直接。前篇文章已说明了怎么设计出高转换率购物车页面,本文将分享结帐流程页面的设计重点,协助读者设计出高转换率网站。

1. 结帐流程页面中,尽量拿掉会让使用者脱离的连结

当使用者十分困难在购物车页面按下「结帐」按键进入结帐流程时,大多是现已下定决心购买。此时网站运营者要掌握一个原则:「让使用者不用考虑、心无旁骛地完成结帐程序」。为了达到这个原则,结帐流程中尽量地拿掉会让使用者分心或跳离结帐页面的连结,只保留少数能让反悔的人回到官网或想查看购物金时能进入会员专区的进口。


2. 提示结帐步骤,下降结帐流程可能繁杂的过错想像

回想一下,当你在找路的时分,总觉得时间过了好久、走得好累,但走回头时发现本来当初的意图地底子不远,只是因为不知道止境,所以心思状态觉得疲倦。在结帐流程也是相同的状况,少在网站购买的人往往不知道结帐流程会有几步?每一步会不会填很久?过程会不会很麻烦?为了消弭这种不确定性带来的负面情绪,结帐流程中一定要提示使用者总程序以及现在现已完成的步骤。许多网站喜欢用流程图的方式呈现,乃至加上完成度百分比,这都是不错的选择。

3. 切分步骤的逻辑尽量契合「MECE」的原则(不是步骤少=好)

「结帐步骤越少越好」是评价结帐流程易用性的常用方式,较少的结帐步骤当然好,但这不完全代表高易用性。运用前述逻辑,一个步骤便可完成结帐便是易用性最高。为此网站需把物流(选择寄送方式及填写地点…等)、金流(选择支付方式、使用购物金/点数、及填写信用卡等资讯)及确认订单资料悉数放在同一页上,导致网页变得十分的长。这种设计只会使网站使用者发生负面观感而抛弃购买。

究竟什么叫做高易用性的结帐流程呢?这因出售商品类型而异(试想卖民生用品及卖金融商品的网站一定有不一样的需求流程),但规划时beBit常选用MECE的原则,搭配检视总步骤的数量,以取得最佳平衡。

「MECE」的原文是Mutually Exclusive, Collectively Exhaustive,意思是彼此独立,完全穷尽,更白话文一点就是包括了所有选项,但每一个选项彼此不堆叠(例如:全球总人口=男性+女性)。若以一般网购网站举例,结帐流程大约可以分为物流、金流、确认订单等三个程序,若要填写的资讯不多,一个程序相关的资讯可以在同一个页面中完成,完成一个程序后再到下一个程序(试想,填写送货地点的页面中假如呈现填信用卡资讯,不是让人觉得疑惑吗)。

为何要选用MECE逻辑来规划结帐流程呢?因为我们期望减少让使用者「疑惑」的时机。MECE的架构让使用者在一个页面只考虑一件事情,能够让网页更简略易懂。当然有时分网站因营运的杂乱性(例如:台湾常见的数台购物车状况、法则规则要填写的资讯过多…等),无法设计出完美的流程,但少步骤+MECE架构的平衡仍是我们要掌握的重要指标。

4. 页面长度的控制,尽量在第一视觉区就能够看到Action Button

许多人填表单之前有一个惯性向下滑页面的动作,这个动作是想知道要填的东西有多少,此时页面假如呈现一个很长的表单,大大都人会体现得不耐性,不肯意填写,因此,页面长度也是一个重要的学问。究竟多长的页面较佳呢?从beBit的经历来看,页面的长度尽量控制在第一视觉区可以露出「下一步」的举动按键为主,至多至滑鼠滚一下(约1.5屏)的页面长度,让一进到该页面的使用者一眼就能够感觉要填的东西不多,不至于想抛弃。另外举动按键除了提供下一步之外,也要保留上一步的连结(但可弱化,使用文字连结即可),让想要修正填写资料的使用者可以自在地在页面间移动。

5. 表单设计的易用性原则

不要轻忽表格的设计,欠好的表格让使用者跳过该填的资讯,觉得页面过长过杂乱!设计表格时,有以下四个根本的原则:
(1)栏位的高度须加以掌控,切勿使用过高的栏位让表格变得太长
(2)表头及填写区需要有明确的区分,让视觉发生次序感
(3)必填项意图提示要明确,除了快速判断要填资讯的数量之外,也防止送出表单后发生过错
(4)过错项意图提示要明确,让使用者容易找到修正处


6. 手机网站或APP一定要有快速结帐,以及与电脑网站整合购物车的功用

依据我们的专案经历,大都使用者仍是偏好透过电脑购买商品,很大原因是安全性考量以及萤幕过小不容易填写表单。但跟着手机萤幕增大提高了页面易用性的空间;生物特征辨识技能的成熟(如:指纹辨识)添加了安全性保障,未来手机购物一定是一大趋势!依据beBit对其时手机使用者的行为观察,手机网站/APP的购物流程中一定要包括快速结帐以及整合购物车两项功用:

(1)快速结帐功用
相较于电脑网站使用者,我们观察到的手机使用者的行为是,较少在手机上做跨网站的比较、琐细的使用时间与空间(如通勤、上班的顷刻、睡前)、激动型消费、杀时间的阅读动机,因此使用者很容易被限时促销或大幅扣头等趣味资讯诱发激动购物。因为是激动型购物,网站架构要能引导使用者快速且趁热打铁的完成结帐程序。网站贮存信用卡号或送货地址等资讯(先不论通过认证的难易度),是满足快速结帐,减少在手机上操作繁琐程序的重要机制。最近推出的Apple Pay便是透过贮存信用卡资讯加指纹辨识功用完成安全认证付款,虽短时间内使用者仍对此功用有疑虑,但因便利性及互动设计适当契合手机使用情境,未来将是推升手机购物的一大重要环节。

(2)整合手机及电脑网站的购物车
如前段所述,手机使用者常在琐细的时间及空间阅读网站打发时间,当看到心仪的物品时常常先加入购物车,回去后再细心阅读。第二次的阅读有时透过手机有时透过电脑,因此手机及电脑网站的购物车与结帐流程需要整合,才干契合使用者先在手机记载商品,回电脑再购买的情境,避免错失转换使用者的时机。

购物车以及结帐流程页面是影响转换率的重要页面,网站运营者肯定不可轻忽!尤其是网购有许多杂乱的商业模式,导致杂乱的购物流程(如:数台购物车、分批配送、不同的运费…等),这些都是可能形成使用者抛弃购买的问题。网站运营者一定要以设计出高易用性结帐流程作为重要方针,抱持着替使用者解决问题的心态,无论透过、体系乃至运营模式的调整来解决问题,千万不可想着让使用者自己去解决就好,因为把问题留给使用者的成果就是我们不再来你的网站了!


» » 转载请注明出处,谢谢。
您需要我们为您提供网站建设效劳吗?

我们将在24小时之内与您取得联络
或致电 咨询