https://s3-us-west-2.amazonaws.com/secure.notion-static.com/112424f6-7aa2-4906-ba6c-6c0074e27d25/Untitled.png

避免在网页表单上设置 Reset 按钮。

1. 长话短说

消除不必要的字段需要更多的时间,可以减少的用户工作量和提高的完成率,这件事值得。

2. 可视地对相关标签和字段进行分组

Group Form Elements Effectively Using White Space

如何用留白更好的设计 lable

3. 尽可能的单列布局

多个列中断了向下移动形式的垂直动量。与其要求用户在视觉上重新确定自己的方向,不如通过坚持使用一列,每个字段都有一行来保持用户在视觉流中。(这一规则的例外:短的/或逻辑相关的字段,如 城市, 国家,邮政编码等)

4. 使用逻辑顺序

5. 避免占位符文本

为什么说表单占位符是有害的

6. 将字段与输入的类型和大小匹配

7. 区分可选和必填字段

这个比较常见的设计了。

8. 解释任何输入或格式要求