表单设计准则
设计师常犯的错误以及如何解决这些错误

无论是注册流程,多视图步进器还是单调的数据输入界面,表单都是数字产品设计中最重要的组成部分之一。本文重点介绍表单设计的常见注意事项。但是,这些只是一般准则,每条规则都可以被再创新。
表格应该是一栏

▲多列会破坏用户的垂直动量
顶部对齐标签

▲用户以比左对齐标签高得多的速率完成顶部对齐的标记形式。顶部对齐的标签在移动设备上也可以很好。但是,考虑使用左对齐标签进行具有可变选项的大数据集条目,因为它们更容易一起扫描。它们会降低高度,并提示比顶部对齐标签更多的考虑因素。
用他们的输入分组标签

▲将标签和输入放在一起,确保字段之间有足够的高度,这样用户就不会感到困惑。
避免全部上限

▲所有大写字母都很难阅读和理解
如果低于6,则显示所有选项

▲在选择器下拉列表中放置选项需要两次单击,并隐藏选项。如果有超过5个选项,请使用输入选择器。如果有超过25个选项,则在下拉列表中加入上下文搜索。
使用占位符文本作为标签

▲通过将占位符文本用作标签来优化空间是很不错的。
将复选框(和无线电)放在彼此之下以便进行扫描

▲将复选框放在彼此之下可以轻松扫描
使CTA具有描述性

▲行动呼吁应说明意图
内联指定错误

▲向用户显示错误发生的位置并提供原因。
在用户填写字段后使用内联验证

▲在用户键入时不要使用内联验证,除非在创建具有字符计数的密码、用户名或消息的情况下,内联验证能帮助他们。
不要隐藏基本的帮助文本

▲尽可能公开基本帮助文本。对于复杂的辅助文本,请考虑在聚焦状态期间将其放在输入旁边。
区分主要行动和次要行动

▲关于是否应该包括次要选项,存在更大的哲学争论。
使用字段长度作为启示

▲场地的长度提供了答案的长度。将此用于具有已定义字符数的字段,如电话号码,邮政编码等。
抛弃*并表示可选字段

▲用户并不总是知道所需字段标记(*)隐含的内容。相反,最好是表示可选字段。
个人信息

▲用户分批思考,长形式可能会让人感到压力,通过创建逻辑组,用户可以更快地理解表单。
数据输入越来越自动化。例如,移动和可穿戴设备在没有用户意识的情况下收集大量数据。我想现在很多人并不想填写表格,而设计师的角色就是表达公司的品牌以引发情绪的反应,从而提高完成率。当然如果能在这些准则之上有更加创意的设计会更好。
如果您想了解更多的前瞻信息和权威专家普修的专业性建议,就留言联系我们吧!
参考:Andrew Coyle:Design Better Forms
































![ZAOV|各[苹]本事](https://img.zcool.cn/community/68d247ffa534901h5u6ly05445.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)




