同样一份表单,在电脑上填写率可能不错,搬到手机上就大幅下降。原因很直接,手机屏幕小、打字慢、容易被打断,每一个字段都是成本。
小程序里的表单,设计标准要比网页版更严。
一、字段数量是第一位的
每减少一个字段,填写率都会上升。审查表单的第一步是把字段过一遍,问每一个字段是不是真的现在就需要。
常见的可删项有几类。备注类的字段,除非业务确实依赖,否则可以放到后续补充。重复的字段,比如既问姓名又问称呼,选一个。非必填的字段,在手机端可以默认隐藏,做成展开更多。
有个实用做法,把表单分成必须现在填和可以后补两部分。第一次只让用户填必须的那几个,提交成功之后再引导补充其他信息。用户已经完成了一次提交,补充的意愿会比一开始面对一长串字段高很多。
二、输入方式要顺着手机来
手机上有几种现成的输入能力,用好了能省掉大量打字。手机号直接调数字键盘。日期用日期选择器,不要让人手打。地址可以用微信的地址簿,一键带入。性别、类别这类固定选项用单选或者下拉,不要做成输入框。
还有一类是身份证号、车牌号这种有固定格式的,可以考虑用分段输入,或者做格式化处理,让用户只输内容不用管符号。
按钮的位置也有讲究。提交按钮不要缩得很小,要够大够明显。如果是长表单,可以在底部固定一个提交按钮,让用户滚到哪都能提交,不用来回滑。
三、验证的时机和提示
验证不要在提交时才一次性做完。所有错误攒到最后一起报,用户要一个个翻上去找,体验很差。
合理做法是字段失焦时验证这一个字段,有问题立刻在字段下方提示。提交时再整体检查一遍,把第一处有问题的地方滚到屏幕上并聚焦。
提示语要说清楚怎么改,不要只说格式不对。比如手机号格式不对,提示写请输入十一位手机号,比写格式错误有用得多。日期不在可选范围,提示写明可选范围是从哪天到哪天。
四、长表单要分步
字段超过十个,建议分步。比如第一步填基本信息,第二步填业务信息,第三步确认提交。每步三到五个字段,顶部有进度提示,让用户知道还剩几步。
分步还有个好处,能保存中间状态。用户填到一半接了个电话,回来还能接着填,不用从头来。手机上被打断的概率很高,这个支持很有必要。
要注意的是分步不能滥用。分三步每步放一个字段,会让用户觉得在故意拉长流程。一般两步或者三步,每步都有实质内容,感觉才自然。
