表单是产品和用户之间的重要沟通渠道。糟糕的表单会降低转化、惹恼用户, 甚至直接破坏流程。下面用 15 条建议把复杂问题拆成可以立即检查的细节。
01. 始终使用标签
标签让用户知道每个字段要填写什么。
02. 避免 Z 型误导
不要让表单布局把用户视线带离输入流程。
03. 把标签放在字段上方
顶部标签通常更容易扫描, 也更适合移动端。
04. 右对齐标签
字段较少时, 右对齐可以缩短标签和输入框之间的距离。
05. 分组相关字段
把相关信息放在同一个小节里, 降低理解成本。
06. 尊重用户流程
把 CTA 放在表单流程的自然终点。
07. 留出空间
留白是让表单呼吸和提升可读性的最好工具。
08. 避免重复标签
如果只有一个可选字段, 直接标注它, 不要给每个字段都重复说明。
09. 使用描述性错误信息
告诉用户哪里出错以及如何修复, 不要只显示 Error。
10. 只在必要时使用下拉菜单
选项很多时下拉菜单有用, 选项少时直接展示更快。
11. 巧用 placeholder
placeholder 应该提供额外引导, 而不是简单重复标签。
12. 只保留一个主 CTA
一个明确的主动作比多个同等重要的按钮更容易完成。
13. 使用可行动的 CTA 文案
Create Your Account 比 Submit 更能说明点击后的结果。
14. 选择正确的输入类型
电话号码、日期、颜色和网址应使用最匹配的输入控件。
15. 提前说明限制
在用户输入之前说明字数、格式或数量限制。
