前言：交互設(shè)計之父阿蘭·庫珀說過這樣一句話：「除非有更好的選擇，否則就遵從標(biāo)準(zhǔn)。」在交互設(shè)計領(lǐng)域中，有很多被時間和前人驗(yàn)證過的設(shè)計法則，這些法則是從用戶的行為邏輯中總結(jié)出來的，掌握這些法則能讓我們迅速有效的完成自己的設(shè)計，接下來，筆者通過一些實(shí)例來解析下這些原則在設(shè)計中的應(yīng)用。
一、神奇數(shù)字7±2法則簡介
7±2法則正式提出于美國心理學(xué)家GeorgeA.Miller1956年發(fā)布的論文《神奇的數(shù)字7加減2：我們加工信息能力的某些限制》。
1956年喬治米勒對短時記憶能力進(jìn)行了定量研究，他發(fā)現(xiàn)人類頭腦最好的狀態(tài)能記憶含有7(±2)項(xiàng)信息塊，在記憶了5-9項(xiàng)信息后人類的頭腦就開始出錯。與席克定律類似，神奇數(shù)字7±2法則也經(jīng)常被應(yīng)用在移動應(yīng)用交互設(shè)計上。
二、神奇數(shù)字7±2法則在設(shè)計中的應(yīng)用
1.PC端導(dǎo)航或選項(xiàng)卡盡量不要超過9個，應(yīng)用的選項(xiàng)卡不會超過5個。
案例一：比如蘋果、人人都是產(chǎn)品經(jīng)理及UI中國官網(wǎng)導(dǎo)航欄，我們看到這三個主流網(wǎng)站的導(dǎo)航欄模塊都沒有超過9個，空間布局合理，使用起來方便快捷，尤其是蘋果官網(wǎng)，簡約設(shè)計的典范，因此，盡量使得自己設(shè)計的網(wǎng)站導(dǎo)航少于9個會讓用戶對于網(wǎng)站的內(nèi)容一目了然，更快捷也更加有效。
案例二：比如安卓版微信、支付寶和QQ底部導(dǎo)航，在使用APP的時候，我們都會用到軟件的底部導(dǎo)航區(qū)域，如果大家仔細(xì)觀察，會發(fā)現(xiàn)，任何軟件的底部導(dǎo)航都不會超過5個，就像下圖中的微信、支付寶及QQ界面一樣，底部導(dǎo)航也沒有超過五個的。
2.如果導(dǎo)航或選項(xiàng)卡內(nèi)容很多，可以用一個層級結(jié)構(gòu)來展示各段及其子段，并注意其深廣度的平衡。
案例一：比如天貓商城和亞馬遜網(wǎng)站的商品分類選項(xiàng)卡，導(dǎo)航是分為多個層級的。如果導(dǎo)航的內(nèi)容很多放不下的話，我們就可以將它整合歸類來分層級收納，就像天貓和亞馬遜官網(wǎng)對于商品分類的處理方式一樣，使用父子層級的方式來歸類展示商品。
案例二：比如京東及當(dāng)當(dāng)網(wǎng)APP分類模塊，下圖分別為京東及當(dāng)當(dāng)網(wǎng)APP的商品分類模塊界面，我們不難看出，兩個產(chǎn)品的商品分類布局形式很相似，都是用了選項(xiàng)卡的方式來分類商品，層級明確，相應(yīng)的提升了用戶找尋商品的效率。
3.把大塊整段的信息分割成各個小段，并顯著標(biāo)記每個信息段和子段，以便清晰的確認(rèn)各自的內(nèi)容。
案例一：比如蘋果官網(wǎng)iPhoneX對于語言版本的介紹板塊，如下圖所示，語言版本介紹模塊把一整段語言，分成四個模塊的信息來介紹，而且每個模塊都要自己的標(biāo)題，再加上段落之間的空間留白，使得此段信息看起來清晰明了。
案例二：比如支付寶和微信銀行卡界面卡號信息的展示方式，正如下圖所展示的，為了便于記憶，支付寶及微信的銀行卡展示界面，將卡號信息的展示采取了分段的方式，這個也源于我們現(xiàn)實(shí)生活中使用的銀行卡，大家都知道銀行卡的卡號是分段展示在卡上的。
三、寫在最后
以上就是我對于「神奇數(shù)字7±2法則」的理解以及其在日常設(shè)計中的用法，希望對大家有點(diǎn)啟發(fā)，同時歡迎大家與我們進(jìn)行交流探討。
重慶分公司
重慶分公司
