提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
设计师常犯的错误以及如何解决这些错误
无论是注册流程,多视图步进器还是单调的数据输入界面,表单都是数字产品设计中最重要的组件之一。本文重点介绍了表单设计的常见含义和不足之处。请记住,这些是一般准则,每个规则都有例外。
表格应该是一列
多列破坏了用户的垂直动量。
顶部对齐标签
相比左对齐标签,用户能够以更快的速度完成顶部对齐标签的输入。顶级对齐的标签在移动设备上也可以很好地转换。但是,有可变可选性的大型数据集条目要考虑使用左对齐的标签,因为它们更易于一起浏览,它们降低高度,并提示比顶部对齐的标签更多的考虑。
组标签与其输入框
将标签和输入框贴在一起,确保字段之间有足够的高度,以免用户感到困惑。
避免所有字母大写
所有字母大写更难阅读和浏览。
如果6个以下,显示所有选择选项
在选择器下拉列表中放置选项需要两次点击,并隐藏选项。如果有超过5个选项,请使用输入选择器。如果有超过25个选项,则在下拉列表中包含上下文搜索。
不要使用占位符文本作为标签
通过使用占位符文本作为标签来优化空间是很诱人的。这导致Nielsen Norman Group 的Katie Sherwin总结的许多可用性问题。
将复选框(和单选框)放在彼此的下方以便浏览
将复选框放在彼此之下允许轻松浏览。
行动描述
行动操作应说明意图。
内联指定错误
显示用户发生错误的地方,并提供原因。
在用户填写该字段后使用内联验证(除非在该过程中帮助他们)
在用户打字时不要使用内联验证,除非有帮助,比如在创建密码,用户名或具有字符数的消息的情况下。
不要隐藏基本的帮助文本
尽可能公开基本的帮助文本。对于复杂的帮助文本,请考虑将其放置在焦点状态下的输入旁边。
区分主要和次要行动
还有一个更大的哲学辩论是否应该包括二级选项。
使用字段长度作为可用性
字段的长度提供了长度的答案。将此字段用于具有确定字符数的字段,如电话号码,邮政编码等。
将*表示为可选字段
用户并不总是知道所需字段标记(*)所暗示的内容。相反,最好是指出可选字段。
组相关信息
用户批量思考,长表单会让人不知所措。通过创建逻辑组,用户可以更快地理解形式。
为什么这么问?
省略可选字段,并考虑其他方式收集数据。长问自己是否可以暗示,放在次要地位或完全排除。
数据输入越来越自动化。例如,移动和可穿戴设备在用户无意识的情况下收集大量数据。想一想你可以利用社交,对话用户界面,短信,电子邮件,语音,OCR,位置,指纹,生物识别等方法。
让它很有趣
生命短暂。没有人想填写表单。对话, 有趣, 逐渐搞定, 做意想不到的, 设计师的角色是表达自己公司的品牌,引起情绪反应。如果正确完成,则会提高完成率。只要确保你不违反上面列出的规则。
构建一个专注于可用性和美学十字路口的用户界面模式库,本文只是这一倡议的一部分。如果这听起来很有趣,订阅接收更新。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册