一些常见的表格设计错误及如何修正它们。不管是一个注册表格，很多类目的选项，还是一个无聊的数据输入界面。表格，是最重要的数码产品设计之一。下面我们就来讲讲在做表格时那些Do 和Don't，当然啦，万事都有意外，这只是最常见的一些事项。

1. 表单最好要一束溜的

一束溜的表格更容易让用户专心填写，一股劲全部写完。几束溜的则不是这样了。

2. 把标签文字放在输入框上面

数据显示，这两种格式的表单相比较，左边表格完成率明显高于右边的。而且左边的格式更容易适应手机端。但是！但是但是。。。如果是那种非常大量信息输入的，还有各种变化选项的表格，标签靠左也是值得考虑的，因为标签在左边更加容易快速阅读及输入。

3. 群组标签和输入内容

标签和输入内容应该靠拢在一起，同时也要确保每个内容之间的距离，不然用户偶尔会搞错的。

4. 避免全大写

英文的时候避免全部大写，全大写阅读和快速扫一眼比较困难。

中文就没有这样的情况了。

（旁边的亲不同意了，中文也有大写啊！，比如：

好吧，你赢了。。。

5. 如果选项不多，比如少于6个，直接都显示就好了。

一个下拉菜单需要两次点击，而且选项是被隐藏的。如果下拉菜单选项大于25个了，来个搜索输入框吧，不然会找死的。

6. 别把标签放在输入框里。

现在很多地方都把标签项放到输入框里，这会导致很多错误，Nielsen Norman的一篇文章(https://www.nngroup.com/articles/form-design-placeholders/)很好的说明了这点。所以现在很多有做点击标签上移特效的吧。

7. 复选框重叠

把复选框上下重叠排列，这样有利于阅读。

8. 描述性CTA按钮文字

CTA按钮应该告诉用户它的意图。

9. 就近、具体描述错误

告诉用户错哪了，为什么错了。不要像哄女朋友一样让人家去猜嘛

10. 在用户输入完后再显示错误

除非错误信息能在用户输入过程中帮助到用户，比如创建密码啊，用户名啊，字数限制啊

11. 不要隐藏基础的帮助文字

尽量去显示基础的帮助文字。

12. 区分主要按钮和次要按钮

13. 输入框长短根据内容而定

14. 不要再用 星号＊来表示这是必填项了

很多时候用户可不知道星号＊一定就是必填项。相反的，可以把选填项标示出来。

15. 群组相关信息

用户在填信息时会群组思考，比如在开始填第一行地址时，后面的几楼几号已经在脑中浮现了，这样填起来更有效率。同时看上去太长的表单会吓到用户。

––––––

微信号：SengiDesign

（各种好文和干货素材福利分享）