更好的前端设计形式——设计者犯的常见错误和修改方法
表格应该是一列
多栏会干扰用户垂直动量。
标签顶部对齐
顶部对齐的标签可以很好地在手机上被翻译。
组标签及其输入
把标签和输入放在一起,确保字段之间有足够的间距,这样用户就不会感到困惑。
不要全为大写字母
全为大写字母都比较难阅读。
如果低于6个选项,可以显示所有可以选择的选项
在选择器下拉中放置选项需要两次单击,并隐藏选项。如果有超过5个选项,请使用输入选择器。如果有超过25个选项,可以在下拉菜单中加入上下文搜索。
将选框放在彼此之下
将选框放在彼此下方可以方便用户选择
准确陈述按钮作用
对按钮应准确陈述意图。
显示错误提示
向用户显示错误发生的地方并提供原因。
在用户填写字段后使用内联验证(除非在过程中帮助它们)
在用户键入“--”时不要使用内联验证,除非它帮助他们-例如在创建密码、用户名或带有字符计数的消息的情况下。
不要隐藏基本的帮助文本
尽可能地公开基本的帮助文本。对于复杂的帮助文本,请考虑在聚焦状态下将其放置在输入旁边。
区分主次
需要区分按钮的主次关系。
使用字段框长度作为启示
框的长度提供了答案的长度。如电话号码、邮政编码等。
显示出可选字段
用户并不会都知道所需的字段标记(*)所隐含的内容。相反,最好是表示出可选字段。
群体相关信息
长长的表单会让人感到不知所措。通过创建逻辑组,用户将更快地理解窗口。
使它有趣
生命短暂。没有人想填写表格。有趣可以使用户逐步参与。设计师的角色是表达他们公司的品牌以引起情感上的反应。如果你能正确运用上面的技巧,可以提高你的完成率。
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanggejha
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01