表单设计准则

北京/设计爱好者/7年前/938浏览
表单设计准则

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



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


表格应该是一栏


▲多列会破坏用户的垂直动量


顶部对齐标签


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


用他们的输入分组标签


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


避免全部上限


▲所有大写字母都很难阅读和理解


如果低于6,则显示所有选项


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


使用占位符文本作为标签


▲通过将占位符文本用作标签来优化空间是很不错的。


将复选框(和无线电)放在彼此之下以便进行扫描


▲将复选框放在彼此之下可以轻松扫描


使CTA具有描述性


▲行动呼吁应说明意图


内联指定错误


▲向用户显示错误发生的位置并提供原因。


在用户填写字段后使用内联验证


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


不要隐藏基本的帮助文本


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


区分主要行动和次要行动


▲关于是否应该包括次要选项,存在更大的哲学争论。


使用字段长度作为启示


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



抛弃*并表示可选字段


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


个人信息


▲用户分批思考,长形式可能会让人感到压力,通过创建逻辑组,用户可以更快地理解表单。


数据输入越来越自动化。例如,移动和可穿戴设备在没有用户意识的情况下收集大量数据。我想现在很多人并不想填写表格,而设计师的角色就是表达公司的品牌以引发情绪的反应,从而提高完成率。当然如果能在这些准则之上有更加创意的设计会更好。


如果您想了解更多的前瞻信息和权威专家普修的专业性建议,就留言联系我们吧!


参考:Andrew Coyle:Design Better Forms 

5
阅读原文
|
Report
|
14
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
ZAOV|各[苹]本事
Homepage recommendation
大家都在看
Log in