前言：Alan·，交互設(shè)計(jì)之父;庫(kù)珀說：“除非有更好的選擇，否則遵循標(biāo)準(zhǔn)?！痹诮换ピO(shè)計(jì)領(lǐng)域，有許多設(shè)計(jì)規(guī)則已經(jīng)過時(shí)間和前輩驗(yàn)證。這些規(guī)則是從用戶的行為邏輯中總結(jié)出來的。掌握這些規(guī)則使我們能夠快速有效地完成設(shè)計(jì)。接下來，作者通過一些例子分析了這些原理在設(shè)計(jì)中的應(yīng)用。
一、神奇數(shù)字 7±2 法則簡(jiǎn)介
美國(guó)心理學(xué)家喬治·米勒于1956年發(fā)表的論文《神奇的數(shù)字7加減2：我們加工信息能力的某些限制》正式提出了7+ 2規(guī)則。
1956年，喬治米勒對(duì)短期記憶能力進(jìn)行了定量研究。他發(fā)現(xiàn)人類心靈的最佳狀態(tài)可以記住包含7個(gè)（± 2）項(xiàng)目的信息塊。記住5-9項(xiàng)信息之后，人類的思想開始了。發(fā)生錯(cuò)誤。與Schick定律類似，幻數(shù)7± 2規(guī)則經(jīng)常應(yīng)用于移動(dòng)應(yīng)用程序交互設(shè)計(jì)。
二、神奇數(shù)字 7±2 法則在設(shè)計(jì)中的應(yīng)用
1.不要使用超過9個(gè)PC導(dǎo)航或標(biāo)簽，并且不要超過5個(gè)標(biāo)簽。
案例1：例如，Apple和每個(gè)人都是產(chǎn)品經(jīng)理和UI中國(guó)官方網(wǎng)站導(dǎo)航欄。我們已經(jīng)看到這三個(gè)主流網(wǎng)站上的導(dǎo)航欄模塊不超過9個(gè)。空間布局合理，使用方便，尤其是Apple的官方網(wǎng)站。因此，作為簡(jiǎn)單設(shè)計(jì)的典范，嘗試使網(wǎng)站導(dǎo)航小于9將使用戶在網(wǎng)站上的內(nèi)容清晰，快速和有效。
案例2：例如Android版微信，支付寶和QQ底層導(dǎo)航，當(dāng)使用APP時(shí)，我們會(huì)使用軟件的底部導(dǎo)航區(qū)，如果仔細(xì)觀察，你會(huì)發(fā)現(xiàn)任何軟件的底層導(dǎo)航不會(huì)超過5，就像下圖中的微信，支付寶和QQ界面一樣，底部導(dǎo)航不會(huì)超過五個(gè)。
2.如果有很多導(dǎo)航或標(biāo)簽內(nèi)容，您可以使用分層結(jié)構(gòu)來顯示片段及其子片段，并注意其廣度和廣度的平衡。
案例1：例如，天貓商城和亞馬遜網(wǎng)站的商品分類標(biāo)簽，導(dǎo)航分為多個(gè)級(jí)別。如果導(dǎo)航內(nèi)容太多，我們可以將其集成到分層存儲(chǔ)中。就像天貓??和亞馬遜的官方網(wǎng)站處理產(chǎn)品分類一樣，父子級(jí)別用于對(duì)產(chǎn)品進(jìn)行分類。
案例2：例如，京東和當(dāng)當(dāng)APP分類模塊，下圖分別顯示了京東和當(dāng)當(dāng)APP的產(chǎn)品分類模塊界面。不難看出兩種產(chǎn)品的產(chǎn)品分類布局非常相似，都使用標(biāo)簽。對(duì)商品進(jìn)行分類的方法，水平明確，并相應(yīng)提高用戶尋找商品的效率。
3.將整條信息分成小段，并顯著標(biāo)記每條信息和子段，以清楚地識(shí)別內(nèi)容。
案例1：例如，Apple的官方網(wǎng)站iPhone X引入了語(yǔ)言版本。如下圖所示，語(yǔ)言版本介紹模塊將整個(gè)語(yǔ)言引入四個(gè)模塊，每個(gè)模塊都有自己的標(biāo)題。在段落之間添加空格使信息看起來很清晰。
案例2：例如，支付寶和微信銀行卡接口卡號(hào)信息的顯示方法如下圖所示。為了方便記憶，支付寶和微信銀行卡顯示界面，卡號(hào)信息以分段方式顯示。源于我們?cè)诂F(xiàn)實(shí)生活中使用的銀行卡，每個(gè)人都知道銀行卡的卡??號(hào)分段顯示在卡上。
三、寫在最后
以上是我對(duì)“神奇數(shù)字7+ 2規(guī)則”的理解及其在日常設(shè)計(jì)中的用法，希望對(duì)大家有點(diǎn)啟發(fā)，歡迎大家與我們討論。