一说起在线表单(online forms),不少人会和邮件订阅、申请报价、完成支付等行为联系到一起。任何形式的在线表单都需要用户花费一定的时间和精力填写。设计精良的在线表单,不仅可以增强用户体验,还可以助力企业获取销售线索,提升营销效果。不合格的在线表单则适得其反,不仅可能拉低品牌形象,用户也可能因为糟心的设计不愿意填写表单,从而给企业带来负面影响。因此,加强对表单细节的关注和优化对于营销人员来说举足轻重。
在线表单设计和优化有一些特定的技巧和需要避免的 “雷区” ,小编将会在下文中介绍到8种技巧,供大家在往后比照使用。
1.巧用表单验证
使用表单验证是为了确保用户按正确的格式输入表格信息。如果用户输入错误,表单会出现提示,需要用户重新输入。然而问题就在于有些用户觉得他们并没有出错,因此他们很可能因为错误提示就放弃填写表单。
所以说表单验证不应过于严格。一些在线表单对于大小写和空不空格的坚持完全背离了设计表单的初衷——收集用户信息,而至于信息以什么格式呈现并不重要,一味的设置限制只会让用户反感,不愿意提供信息。
另外,一些网站会等到用户填完本页信息,点击进入下一步时,才出现表单验证的信息。其实,最好的方式就是即时验证,这样用户可以得到即时的反馈,随时做出调整。
右面的栗子对于表单验证就运用的比较适当。信息如果填写正确,表单会及时显示一个绿色的对号;如果信息有误,则会触发警告信息,提醒用户修改。
2.设置必要问题
用户对于在表单中提供个人信息实际上是有一个预期的,如果表单中有一些不必要的问题,就会引起用户反感,从而拒绝或放弃整个表单的填写。因此,表单上索取的用户信息一定要确保是你最需要的,否则就不要设计在表单上面。
例如设计结账表单时,一定要朝着有助于交易的方向去创建,一切可能会给交易完成带来影响的问题需要避免。比如 “你在哪些渠道了解到我们” 这样的问题可以通过数据分析得出答案,因此在这里设置显然没有任何意义。
左图也是表单设计中常出现的一个小错误。在这份表单上,称呼的界限比较模糊,这对于不少用户来说会是一个大写的 “懵” 。因此如果这个信息不是非要不可的话,就不用设置为必填项。
另一个常见的问题是关于出生日期(右图),这个信息在市场营销中可能有用,但对于在线付款这样的流程来说就没有那么重要了。所以信息的索取要根据需求和流程的变化而变化。
3.将表单填写规则标注在明显区域
相比等到用户填好信息后才提示不符合要求,不如在填写之前就向用户解释表单填写规则,这样可以避免出现 “怎么不早说” 的怨气和 “老娘不填了” 的傲娇。
虽然刚才有提到表单填写不应该纠结于格式,但是遇到设置密码的情况,用户也能够明白商家让你使用大小写、数字或特殊符号等组合的原因,这样设置的确会增加安全性,但前提是要提前和用户解释清楚,才能避免用户在最关键一步跳出。
举一个反面的栗子。看左图:首先,没有在每个字段后面紧跟表单验证,用户不知道自己输入的信息是否有误;第二,信息输入规则没有放在相关字段旁边,容易将流程复杂化降低用户体验;第三,提醒文字放在表单末尾,且是不容易识别的浅灰色,极易被忽略。
我们可以通过数据分析找出表单设计中的一些问题,然后再确定是否需要重新设计表单,还是重新设计文案。右图这个表单设计即符合以上提到的规范,在提高填写便捷性的同时,还能让用户增加对网站的好感。
4.优化错误提示信息
完美的表单设计能够最大限度地避免用户发生填写错误,但是仍然会有意外情况发生。因此,表单设计的另一个作用就是帮助用户更正填写错误,打通用户旅程。
错误提示信息的目的应该是向用户解释哪里出现了错误,以及该如何解决。然而,许多错误提示却隐藏着责怪用户的意味,或者只是提醒用户犯了错误,但并没有给出解决方案。
接下来给出一个正面例子:右面表单在问题字段旁显示了错误提示信息,明确错误发生的地点,并礼貌地解释了错误原因。
下期,我们将从用户常见错误、表单长度、格式和设备适配、付款表单这几方面来阐述其余的4个技巧。想做表单设计达人的你,不要错过下期的4个技巧哦~
干货专区
表单优化
程序化广告
移动营销