經(jīng)常在設(shè)計(jì)類文章中看到對(duì)7±2法則有這樣的表訴：web端頂部欄選項(xiàng)卡設(shè)計(jì)數(shù)量不超過9個(gè)、App中標(biāo)簽欄icon最多不超過5個(gè)。如果在此之前你也是這樣認(rèn)為的，從現(xiàn)在開始先把這個(gè)概念扔掉，下面的文章可能讓你重新認(rèn)識(shí)7±2法則！

7±2法則

什么是7±2法則？

7±2法則又稱米勒定律，由美國(guó)心理學(xué)家George A. Miller1956年發(fā)布的論文提出，他發(fā)現(xiàn)，人類頭腦最好的狀態(tài)能記憶含有7(±2)項(xiàng)信息塊，在記憶了 5-9 項(xiàng)信息后人類的頭腦就開始出錯(cuò)。

早在19世紀(jì)中葉就有位愛爾蘭哲學(xué)家發(fā)現(xiàn)了這一規(guī)律，他發(fā)現(xiàn)，如果將一把彈珠撒在地板上，人們通常很難一下子看到超過7個(gè)彈珠。

后來很多心理學(xué)家用不同材料進(jìn)行類似實(shí)驗(yàn)，結(jié)果大約都是7，這一規(guī)律一次次被驗(yàn)證，如今7±2法則的有效性，已是一個(gè)不爭(zhēng)的事實(shí)。

筆者想說的是，定律能被一直沿用至今必定有他的客觀性、科學(xué)性，但是在設(shè)計(jì)領(lǐng)域被死搬硬套的做法，筆者不能忍，這樣會(huì)誤導(dǎo)很多新手設(shè)計(jì)師！

App中標(biāo)簽欄icon最多不超過5個(gè)

開篇我們提到的，很多人會(huì)認(rèn)為，之所以App中標(biāo)簽欄icon最多不超過5個(gè)，是根據(jù)7±2法則定義的，這種說法很難站住腳，有點(diǎn)死搬硬套法則。

標(biāo)簽欄不超過5個(gè)的說法，筆者看來是廣大UI設(shè)計(jì)師們根據(jù)手機(jī)端的設(shè)計(jì)規(guī)范，驗(yàn)證總結(jié)出來的，如iOS標(biāo)簽欄的字號(hào)通常是20px或22px，手機(jī)端放5個(gè)標(biāo)簽間距上視覺體驗(yàn)最佳，超過5個(gè)會(huì)降低視覺和操作上的體驗(yàn)。

web端頂部欄選項(xiàng)卡設(shè)計(jì)數(shù)量不超過9個(gè)

定律本身沒有問題，但要善于與產(chǎn)品本身的特征結(jié)合運(yùn)用，如7±2法則運(yùn)用到產(chǎn)品設(shè)計(jì)中，就需要與產(chǎn)品的功能特征、交互特征、設(shè)計(jì)規(guī)范結(jié)合思考。

先闡述一個(gè)產(chǎn)品設(shè)計(jì)概念，一款產(chǎn)品80%的用戶是年輕白領(lǐng)，20%是其他職業(yè)人群，那產(chǎn)品體驗(yàn)上通常是針對(duì)白領(lǐng)人群的特征去研究設(shè)計(jì)，看下圖用子彈圖呈現(xiàn)的7±2法則：

上圖表示，大部分人在短時(shí)間的信息容量都可以到達(dá)7條信息，然而從第5條信息開始，已經(jīng)有一小部分人感受到信息負(fù)擔(dān)，能達(dá)到7條信息以上的人也是非常少的一部分。

根據(jù)產(chǎn)品為多數(shù)人而設(shè)計(jì)的理念，所以7±2法則結(jié)合產(chǎn)品的設(shè)計(jì)特征，在web端頂部欄選項(xiàng)卡數(shù)量不超過7個(gè)，視覺和體驗(yàn)上才最佳。

但是，不是說在產(chǎn)品設(shè)計(jì)中就不能超過7個(gè)選項(xiàng)或信息條目，只是說超過7個(gè)可能會(huì)損失用戶體驗(yàn)，而大數(shù)人在7條以內(nèi)找某個(gè)選項(xiàng)或信息條目會(huì)更有效率，過多選項(xiàng)或信息條目可能就需要更多的時(shí)間去操作。

其實(shí)我們需要的是理解法則，然后結(jié)合產(chǎn)品設(shè)計(jì)合理的去運(yùn)用它，例如下圖，站酷的頂部欄選項(xiàng)卡，選擇用一個(gè)聚合按鈕來查看更多選項(xiàng)。（站酷這里的視覺設(shè)計(jì)把聚合按鈕用圖標(biāo)展示，跟右邊的圖標(biāo)做了很好的視覺融合。）

“7”是個(gè)很神奇的數(shù)字，很多產(chǎn)品都根據(jù)“7”這一定律來配置界面的信息條目，有的設(shè)計(jì)師可能不知道“7”這個(gè)定律，但是根據(jù)他們的經(jīng)驗(yàn)審美，無形中也把信息條目把控在了7個(gè)左右或以內(nèi)。

筆者也發(fā)現(xiàn)很多產(chǎn)品的設(shè)計(jì)都沒有違背這個(gè)定律，例如電商類商品列表、外賣類的商品列表、微信對(duì)話頁、知乎首頁、手機(jī)短信等等。

總結(jié)

讓用戶產(chǎn)生信息負(fù)擔(dān)可能不只是信息過載，拿上面的案例來說，選項(xiàng)卡間距過密可能會(huì)導(dǎo)致視覺負(fù)擔(dān)；不合理的用詞也會(huì)增加用戶的認(rèn)知成本，不容易記憶，所以好的設(shè)計(jì)都是經(jīng)過全方位的推敲、思考、總結(jié)設(shè)計(jì)出來的。

任何法則、定律都需要跟產(chǎn)品設(shè)計(jì)的特征結(jié)合，不要被法則定律綁架，理性的認(rèn)識(shí)法則才能把法則運(yùn)用的更好。