做产品 PMaker
八个字段
姓名
手机
邮箱
公司
职位
行业
规模
来源
后面六个是给销售看的,不是用户要填的
两个字段
手机
验证码
开始使用
其余的等他用起来之后
在需要的那一步再问

同一个注册流程。左边一次问完,右边先让人进来,剩下的信息在真正需要的时候再要。

表单克制

表单是产品里流失最狠的地方。每加一个字段,都要问一遍:这个信息现在就必须要吗。

你会遇到的现象
  • 注册转化很低,但说不清卡在哪一个字段
  • 用户填到一半退出,回来全没了要重填
  • 提交后一次性弹出五条错误,还不告诉你哪个框错了

好的表单只有三个要求:只收必要的信息、让人知道下一步做什么、填错了能轻松改回来。

先砍字段

标签放哪

标签位置和对齐方式直接影响填写速度,四种各有各的场合。

形式优点代价与适用
左标签表意明确,省纵向空间在移动端这类狭长空间里不好用。多用于 web
顶标签对齐舒适,省横向空间纵向空间利用率不高。多用于移动端
行内标签最省空间一开始输入标签就消失了,用户容易忘了这个框是填什么的。只适合注册登录这类字段极少的场景
左对齐 / 右对齐左对齐读得快,右对齐填得快视线从右对齐标签移到输入框更短。表单填写用右对齐,信息陈列用左对齐
左对齐标签的视线移动大约要 500 毫秒,比右对齐长得多。所以详情展示用左对齐(好读),需要快速填完的表单用右对齐(好填)。

出错怎么办

容错要分三个时机做,缺一个用户就会卡住。

操作前 输入框里给示例 比如「1 开头的 11 位」 操作中 实时校验,就地报错 错在哪个框就标哪个框 操作后 保存、撤销、清空 改错了能退回去 最糟的做法:提交后弹一个「请检查输入」,不说哪一项错了 用户只能一个个试

实时校验要注意时机:用户还在输入时就报红会很烦人,通常在离开这个输入框之后再校验。

五个省事的做法

做完之后有三个指标可以判断好不好:完成率、错误率、填写时间。三个数一起看——完成率高但填写时间长,说明用户是硬着头皮填完的。