UI/UX设计中的7±2法则，可能不是你想的那样！

前言

经常在设计类文章中看到对7±2法则有这样的表诉：

web端顶部栏选项卡设计数量不超过9个

App中标签栏icon最多不超过5个

如果在此之前你也是这样认为的，从现在开始先把这个概念扔掉，下面的文章可能让你重新认识7±2法则！

7±2法则

什么是7±2法则？

7±2法则又称米勒定律，由美国心理学家George A. Miller1956年发布的论文提出，他发现，人类头脑最好的状态能记忆含有7(±2)项信息块，在记忆了 5-9 项信息后人类的头脑就开始出错。

早在19世纪中叶就有位爱尔兰哲学家发现了这一规律，他发现，如果将一把弹珠撒在地板上，人们通常很难一下子看到超过7个弹珠。

后来很多心理学家用不同材料进行类似实验，结果大约都是7，这一规律一次次被验证，如今7±2法则的有效性，已是一个不争的事实。

笔者想说的是，定律能被一直沿用至今必定有他的客观性、科学性，但是在设计领域被死搬硬套的做法，笔者不能忍，这样会误导很多新手设计师！

App中标签栏icon最多不超过5个

开篇我们提到的，很多人会认为，之所以App中标签栏icon最多不超过5个，是根据7±2法则定义的，这种说法很难站住脚，有点死搬硬套法则。

标签栏不超过5个的说法，笔者看来是广大UI设计师们根据手机端的设计规范，验证总结出来的，如iOS标签栏的字号通常是20px或22px，手机端放5个标签间距上视觉体验最佳，超过5个会降低视觉和操作上的体验。

web端顶部栏选项卡设计数量不超过9个

定律本身没有问题，但要善于与产品本身的特征结合运用，如7±2法则运用到产品设计中，就需要与产品的功能特征、交互特征、设计规范结合思考。

先阐述一个产品设计概念，一款产品80%的用户是年轻白领，20%是其他职业人群，那产品体验上通常是针对白领人群的特征去研究设计，看下图用子弹图呈现的7±2法则：

上图表示，大部分人在短时间的信息容量都可以到达7条信息，然而从第5条信息开始，已经有一小部分人感受到信息负担，能达到7条信息以上的人也是非常少的一部分。

根据产品为多数人而设计的理念，所以7±2法则结合产品的设计特征，在web端顶部栏选项卡数量不超过7个，视觉和体验上才最佳。

但是，不是说在产品设计中就不能超过7个选项或信息条目，只是说超过7个可能会损失用户体验，而大数人在7条以内找某个选项或信息条目会更有效率，过多选项或信息条目可能就需要更多的时间去操作。