“设一世,表一世”,表单设计是 UI设计 中较为重要的部分,本文主要讨论表单设计的常见注意事项。注意,这些并非绝对。
表单应为一栏

顶部对齐标签

将标签及其输入分组

文字避免用全大写

如果切换小于 6 个,则展示所有选择选项

如果有5个以上的选项,可使用输入选择器。
如果有超过25个选项,则在下拉列表中合并上下文搜索。
不要使用占位符文本作为标签

将复选框彼此左对齐上下设计,更方便阅读。

使 CTAs 具有描述性

内联指定错误

用户填写字段后再进行内联验证(除非在输入过程中的提示很有帮助)

不要隐藏基本的帮助程序文本

如果是复杂的帮助文本,可在其“聚焦状态下”将其放置在输入旁边。
将主要按钮与次要按钮区分开

使用输入后字段长度作为表单长度

用于具有已定义字符计数的字段,例如电话号码,邮政编码等。
丢掉开*吧!可使用 可选 文案

组相关信息

通过创建逻辑组,用户可更快地理解表单。
生命短暂,没有人愿意老填写表单。去沟通、说笑和做自己喜欢的事情吧。设计师的作用是表达他们公司的品牌,和用户引起情感上的反应。如果做得好,它可以高用户的参与度。在设计中,只要确保您没有违反上面列出的规则即可。
笔录