很抱歉,

我们正在加速建设中...

干货资讯

干货 | 8招解开在线表单优化迷局(下)

上期,我们从表单验证、问题设置、填写规则的位置、错误提示信息4方面来阐述了对表单优化的技巧,各位看官是否有些意犹未尽的感脚呢~下篇我们就继续谈谈怎样预防用户的常见错误、控制表单长度、实现不同设备适配和疏通注册障碍。

 

5. 提前预防用户常见错误

 

处理错误最好的方式是杜绝错误出现,所以一个友好的表单一定是朝着规避用户错误的方向去设计的。

 

用户常见错误通常有三:

  • 漏填字段

用户在提交表单前,可能会漏填一些字段,原因大概有二:用户不知道这是必填项;用户不愿意透露这些信息。所以表单中必须要有明显的必填标识和信息用途

此外,表单数据分析也十分必要。如果经过分析发现表单的某一个字段总是没有用户填写,那么远程用户测试也许能找到原因所在。

 

  • 填写错误

用户最容易出现的一个填写错误就是拼写错误,如果能提前搜集到这些错误和对应的修改,在用户输入错误时给到提示或者自动识别更正,才能设计出用户心目中的在线好表单。

但是也有不提倡表单自动更正的情况。比如电子邮箱的域名更正就应该采用表单提示,其一可以避免表单中的邮箱域名数据录入不全带来的问题。用户填写的实际是正确的邮箱,如果表单自动更正,则字段信息永远都是错误信息;其二也能增强用户检查错误的意识。

 

  • 格式错误

表单的一些特定字段可能有固定格式要求,比如密码、地址、出生日期等,所以要将格式要求显著地标记出来。

 

6. 表单长度

 

长表单让人一看就有费劲的感觉,所以许多用户体验良好的网站都采用了一页式表单或折叠式表单,看起来要填的内容很少,实际上和一些长表单的内容是一致的。但是直观来讲,用户认为这种短表单操作更简单快捷。不过有些表单从性质和目的上来讲不能做成短表单,比如汽车保险报价表单等

 

减少表单长度的正确方式,前面已经提到过一个就是精简字段,另外还可以在一些小细节上做优化。下图表单中,使用了地址匹配功能,不仅可以节省时间,还能让表格看起来更精简,用户体验更上一层楼!

 

 

对于较长的表格,建议分成不同的版块,这样用户也不会乍一看觉得表格太长而不愿意填。比如下图,虽然需要填写大量信息,但是巧妙地分成了四个版块,而且设计又友好简约,因此用户不会产生反感。

 

 

另外,精简字段虽好,但也要适可而止。某零售商就此还做了一个测试,把付款表单设计成3个版本:

1. 原版本(字段相对累赘)

2. 删除了3个字段的版本(删除了账号、电话号码、邮箱字段)

3. 保留少量字段和导航元素的版本

 

最终的测试发现版本2的表现更加优异,转化率提升了10.8%。相比之下,版本3的转换率提升了2.8%。

 

从这个案例可以看出,删减表单字段也不能盲目。如果字段删减过多,最好使用A/B测试,找到提升转化率的临界点。


7. 输入格式和设备的适配

近几年移动电商火爆发展,但是对于提高移动设备上的转化率问题,表单是一个常见的瓶颈,因而表单设计要求可以实现不同设备的适配。


解决这个问题的关键还是要将表格优化到适应移动设备和平板电脑,让用户填写表格时更加便捷。


比如,我们可以根据表格填写的字段来切换移动设备上的输入键盘。在输入电话和卡号时,使用数字键盘,输入电子邮件时,使用全键盘。这将会大大提升移动端用户体验。

 

 

另外,表单的字段和按钮设计在移动端要变大,以避免移动用户在输入数据时发生错误。下图中的表单字段和 “继续” 这个CTA按钮就足够大,方便用户在触屏设备上操作。

 

 

再者,我们还可以运用设备的一些特性,如指纹登录或者如下图使用摄像头扫描信用卡进行付款,这样能更大程度加快操作流程。

 

 

8. 付款无需登录或注册

对于购物网站来说,建议提供无需登录或注册即可付款的入口。这是经过零售商的不断测试得出的结论——付款前要求用户登录或注册会增加付款障碍,会造成高达50%的客户流失。

 

其实这也情有可原。用户挑选商品时花费了很多时间,选定后只想快速付款收货,而这时要求用户登录或注册并不人性化,会延长付款时间。并且在移动端登录或注册相较PC会不太方便,不利于提升转化率。

 

尽管存在上述问题,但注册对于零售商和消费者来说有一定好处:

1. 提高营销效率。通过对用户数据的分析,有助于零售商向用户发送符合用户特征和兴趣的营销邮件;

2. 有助于保留回头客。注册用户与商家建立的联系更加紧密,也使得后续购买不用再次输入地址和付款等信息而更加便捷。

3. 特价和奖励。注册用户可以享受到商家特别的优惠或者奖励。

所以一个理想的解决方案就是给予用户选择是否注册的权利,如下:

 

 

上图创建一个账户只需要用户的电子邮件地址,并设置一个密码,十分方便。但需要把握好提供注册的时机,最好在用户完成购买后,或者将要完成之时,避免让注册成为购买障碍。

 

 

上图表单,既允许用户可以在注册之前完成订单,又提醒用户注册带来的便利,给予了用户选择的权力。

 

此外,商家可以直接不提醒用户注册或登录,默认使用快速结账的方式。比如下面这个表单,用户一旦选择产品后,就可以直接进入购物车界面。

 

 

我们可以看到虽然有是登录或创建一个账户的选项,但并没有做重点突出,这样就直接扫清了可能有的付款障碍。

 

 

 

总结

文章中关于表格设计的技巧都是基于用户测试和优化实战得出,因此这里列出的设计原则和技巧对于入门表单设计来说具有很大的借鉴意义和实用价值。然而,每个网站的性质和面对的用户都是不尽相同的,用户行为可能会因为网站的类型或者是使用的设备而发生变化,因此在表单设计中要从实际出发,通过掌握客户旅程,不断对表单测试优化,才能找出最适合自己的表单设计。


 

分享:
电话:020-38258257
Email:sales@sunteng.com
立即申请合作