网页与前端 · 入门

表单:用户流失最严重的地方

一句话: 好表单问得少、在正确的时机校验、在出错的地方解释错误,并且不会清掉已经输入的内容。

更少的字段

每多一个字段,完成率就降一点。对每个字段都问:明天早上我们拿它干什么?如果答案含糊,就删掉或者设为可选——并且明确标出来。

把长表单拆成带可见进度的步骤,并保存草稿。一个误关页面、丢了十分钟的用户不会回来。

在正确的时机校验

不要在用户第一次输入的过程中就冲他喊。在离开该字段时校验,并把提示显示在字段旁边——不要做成顶部的一个列表。

错误提示要说清发生了什么、该怎么办:「手机号应以05开头」,而不是「输入无效」。

让人觉得专业的细节

手机上正确的键盘类型、启用自动填充、把焦点定位到第一个出错的字段、提交过程中禁用按钮以防重复、以及一条说明「实际发生了什么」的成功提示。

深入一层

服务端也一定要校验。浏览器里的校验是用户体验,不是安全——任何请求都可以直接发送。并且用统一格式返回服务端错误,带上字段归属,这样界面不用猜就能显示在正确的位置。