表单克制

每多一个字段，就少一批愿意填完的人。

表单是产品里流失最狠的地方。每加一个字段，都要问一遍：这个信息现在就必须要吗。Luke Wroblewski 专门写过一整本书研究表单设计，结论很直接：表单决定的是注册、结账这类最关键转化环节的生死。webform-book

你会遇到的现象：

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

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

先砍字段

• **逐个问：不填会怎样。**答案是「销售想知道」「以后可能用得上」，就砍掉或者挪到后面。
• **能推出来的别问。**城市可以从 IP 猜、行业可以从公司名查、来源可以从链接参数带。
• **能延后的延后。**先让人用起来，在真正需要那个信息的那一步再问，转化率完全不同。
• **必填项越少越好。**非必填的字段直接考虑删掉——一个大家都跳过的字段，留着只是增加视觉负担。

标签放哪

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

左对齐标签的视线移动大约要 500 毫秒，比右对齐长得多。所以详情展示用左对齐（好读），需要快速填完的表单用右对齐（好填）。

出错怎么办

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

• **输入前：**在用户还没填之前，就把格式要求写在标签或占位符里，别让他猜。
• **输入中：**长度和必填这类即时可判的，边输边提示。
• **输入后：**提交时再统一校验一遍，逐个标注出错的位置。

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

另一个常被忽略的细节：错误信息要指到具体的框，最好同时把光标定位过去。五条错误一起弹出、每条都不说哪个框错了，用户只能自己一个个找。

五个省事的做法

• **给默认值。**最常见的那个选项预先选中，多数人直接过。
• **自动填充和建议。**输地址时给下拉建议，输公司名时联想。
• **长表单分步。**超过十个字段就分步骤，配步骤条，别让人一屏看到底。
• **分组。**把相关字段放一组，加个小标题。个人信息、账号信息、联系方式各一组。
• **手机上调对键盘。**填手机号弹数字键盘，填邮箱弹带 @ 的键盘。这一条几乎零成本，但很多产品没做。

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