閱讀時(shí)間：大約9分鐘

目錄

• 前言

• 7±2法則

• 費(fèi)茨定律

• ?？硕?

• 格式塔原則

• 色彩心理學(xué)

• 馮·雷斯托夫效應(yīng)

• 奧卡姆剃刀原理

• 總結(jié)

前言

最近正好在學(xué)習(xí)用戶體驗(yàn)方面的知識(shí)，也查閱了相關(guān)的資料和文章，輸出是最好的輸入，所以把整理的相關(guān)文檔寫下了，也是將所學(xué)的知識(shí)再鞏固下，歡迎大家一起探討。

7±2法則的定義

7±2法則出于美國(guó)心理學(xué)家George A. Miller1956年發(fā)布的論文《神奇的數(shù)字7加減2：我們加工信息能力的某些限制》。Miller最早對(duì)短時(shí)記憶能力進(jìn)行了定量研究，他發(fā)現(xiàn)人的短時(shí)記憶能力的廣度為7±2個(gè)信息塊。

這說(shuō)明人的大腦短時(shí)記憶的容量大約為“7”，并在7+2與7-2之間浮動(dòng)，因此，心理學(xué)家把這個(gè)神奇的記憶容量規(guī)律稱為“7±2法則”。由7±2法則我們可以得出，一般人接受新事物的記憶容量大約是7,最多不會(huì)超過(guò)9。

心理學(xué)家Alan Baddeley質(zhì)疑7加減2規(guī)則。Baddeley（1994）翻出Miller的文章，發(fā)現(xiàn)那并不是真正的研究報(bào)告，只是一次專業(yè)會(huì)議的講稿。Miller基本上是自言自語(yǔ)，猜想人能夠同時(shí)處理的信息量有沒(méi)有固有的限制。

此外，Nelson Cowan（2001）等研究者也追隨了他的腳步。現(xiàn)在研究表明，那個(gè)“神奇的數(shù)字”其實(shí)是4。（無(wú)論是7±2還是4，便于我們記憶同時(shí)也協(xié)助我們工作提升效率就是最好的數(shù)字）

George Mandler（1969）指出，人們能分門別類地記住信息，并且如果每個(gè)記憶類別里只有1～3條信息，那么人們能夠出色地回憶起來(lái)。當(dāng)每類超過(guò)3條信息時(shí)，記憶效果就會(huì)相應(yīng)下降，每類有4～6條信息時(shí)，人能記住80%；儲(chǔ)存信息條數(shù)越多，記住的比例就越低，當(dāng)每類有80條信息時(shí)，人只能記住20%（如下圖所示）。

舉個(gè)直觀的例子，以下隨機(jī)給出10個(gè)詞語(yǔ)，你看一遍能記住幾個(gè)？

桌子   電腦   椅子  水杯   鉛筆   地圖   綠植   鍵盤   鼠標(biāo)   文件

7±2法則的運(yùn)用

1、組塊記憶

為了改善不穩(wěn)定的工作記憶，人們會(huì)采取一些有趣的策略。其中之一就是將信息“組塊記憶”。

也就是把數(shù)字分為3-4-4來(lái)記憶，抖音的登錄賬號(hào)、美團(tuán)的Dialog彈窗都是遵循的這一原則。

包括現(xiàn)在在生活中，我給別人發(fā)手機(jī)號(hào)碼或者是身份證號(hào)的時(shí)候都會(huì)選擇這個(gè)原則，自己看著也清晰，也便于對(duì)方將信息分類。

2、優(yōu)化選項(xiàng)

網(wǎng)易新聞和今日頭條的導(dǎo)航都遵循了7±2法則，更多的信息左側(cè)滑動(dòng)即可。

3、頁(yè)面布局

7±2法則還可以幫我們將頁(yè)面分組，將內(nèi)容按照屬性分類，使頁(yè)面更有條理性和層次感，用戶能的完成自己的操作，例如：餓了么

費(fèi)茨定律的定義

任意一點(diǎn)移動(dòng)到目標(biāo)中心位置所需時(shí)間與該點(diǎn)到目標(biāo)的距離和大小有關(guān)，距離越大時(shí)間越長(zhǎng)，目標(biāo)越大時(shí)間越短。

用數(shù)學(xué)公式表達(dá)為時(shí)間 T = a + b log2(D/W+1)。

T=移動(dòng)設(shè)備所需時(shí)長(zhǎng)；a,b是經(jīng)驗(yàn)常量，D=設(shè)備起始位置和目標(biāo)位置的距離；W=目標(biāo)的寬度大小。

費(fèi)茨定律的理解

1、設(shè)備當(dāng)前位置和目標(biāo)位置的距離D越長(zhǎng)，所用時(shí)間越長(zhǎng)；

2、目標(biāo)的大小W越大，所用時(shí)間越短。

費(fèi)茨定律的應(yīng)用

1、按鈕放大，點(diǎn)擊更容易

閑魚和印象筆記，一個(gè)是直接發(fā)布閑置，另一個(gè)是直接創(chuàng)建筆記，都屬于核心功能，將用戶最想要或最直接想點(diǎn)擊的按鈕外漏、放大；增加可點(diǎn)擊區(qū)域來(lái)滿足用戶的需求。

2、讓相關(guān)的內(nèi)容更接近

淘寶、京東的加入購(gòu)物車和立即購(gòu)買，在視覺(jué)上讓用戶增加了他們相關(guān)性的認(rèn)知，也減少了兩個(gè)按鈕操作之間的距離和時(shí)間。

3、頁(yè)面的邊和腳適合放一些按鈕和菜單

安卓手機(jī)刪除應(yīng)用時(shí)的操作、Potoshop軟件頂部菜單等、Mac操作系統(tǒng)的底部應(yīng)用等，無(wú)論我們?cè)趺床僮?，鼠?biāo)都不會(huì)超過(guò)這些區(qū)域。

?？硕傻亩x

?？硕?— 原稱?？撕Ｂ桑℉ick Hymalrs 1aw），是一種心理物理學(xué)定律。

一個(gè)人所面臨的選擇越多，做出選擇所花的時(shí)間就越多，當(dāng)面臨選擇的數(shù)量增加，做出決定的時(shí)間也會(huì)跟著增加。

?？硕傻膽?yīng)用

?？硕傻膽?yīng)用很廣泛，不僅是在產(chǎn)品上，在生活中也隨處可用。

和同事每天都會(huì)遇到的問(wèn)題，一到中午，同事就會(huì)問(wèn)，吃什么？每日一問(wèn)，看著商場(chǎng)眾多美食，真是發(fā)愁，但如果她換種問(wèn)法：我們今天中午吃海底撈還是和府撈面，這樣的詢問(wèn)是不是就節(jié)省思考和作出選擇的時(shí)間？

遙控器的設(shè)計(jì)也是，看到下面兩個(gè)遙控器的樣式，你會(huì)感覺(jué)哪個(gè)好用，很明顯是右邊小米的遙控器，老人再不用教的情況下就可以自己操作，左邊的拿起來(lái)我們要花很多時(shí)間是研究如何使用，可能剛學(xué)會(huì)，想進(jìn)行下一個(gè)操作的時(shí)候又要去花時(shí)間研究，是不是很鬧心？

猿輔導(dǎo)APP中，導(dǎo)航默認(rèn)的是所有的課程，對(duì)于學(xué)員來(lái)說(shuō)選擇自己想要學(xué)習(xí)的課程，比較浪費(fèi)時(shí)間，右側(cè)的設(shè)計(jì)就是將我們不感興趣的課程關(guān)閉推薦，剩下的課程大大縮短了我們選擇和尋找的時(shí)間

格式塔的定義

格式塔（德式造型）是20世紀(jì)20年代由德國(guó)心理學(xué)家提出的一組視覺(jué)知覺(jué)原理。它建立在“一個(gè)有組織的整體，被認(rèn)為大于其各部分之和”的理論基礎(chǔ)上。

格式塔的應(yīng)用

在我們做設(shè)計(jì)的過(guò)程中，常用的是原則有：簡(jiǎn)單性、接近性、相似性、連續(xù)性、閉合性等

1、簡(jiǎn)單性原則

簡(jiǎn)單原理適用于設(shè)計(jì)中的三角形構(gòu)圖，均衡構(gòu)圖，對(duì)稱構(gòu)圖，向心構(gòu)圖，攝影中的對(duì)角線，X型構(gòu)圖等。這些構(gòu)圖方式都是為了把復(fù)雜的信息元素通過(guò)簡(jiǎn)單的方式讓觀者易于理解。

58同城和愛(ài)奇藝首頁(yè)都是均衡和對(duì)稱的構(gòu)圖

2、接近性原則

一個(gè)頁(yè)面中，如果兩個(gè)元素是接近的，給用戶的感覺(jué)他們之間就有相關(guān)性

在支付寶我的頁(yè)面中，個(gè)人信息都是有相關(guān)性的，所以放一起遵循了接近性原則

3、相似性原則

我們的眼睛很容易關(guān)注那些復(fù)雜環(huán)境中外表相似的東西，可以利用相似原則組織好界面中的信息和層級(jí)關(guān)系。

相似性原則在UI設(shè)計(jì)中也很常見(jiàn)，網(wǎng)易郵箱、騰訊視頻都采用了相似性原則

4、連續(xù)性原則

人的視覺(jué)有追隨一個(gè)方向上的連續(xù)性，以便把不關(guān)聯(lián)的元素聯(lián)系到一起。

我們?cè)贏PP中常看到列表也是連續(xù)性原則的應(yīng)用

色彩心理學(xué)定義

在自然欣賞、社會(huì)活動(dòng)方面，色彩在客觀上是對(duì)人們的一種刺激和象征；在主觀上又是一種反應(yīng)與行為。色彩心理透過(guò)視覺(jué)開(kāi)始，從知覺(jué)、感情而到記憶、思想、意志、象征等，其反應(yīng)與變化是極為復(fù)雜的。色彩的應(yīng)用，很重視這種因果關(guān)系，即由對(duì)色彩的經(jīng)驗(yàn)積累而變成對(duì)色彩的心理規(guī)范，當(dāng)受到什么刺激后能產(chǎn)生什么反應(yīng)，都是色彩心理所要探討的內(nèi)容。

色彩心理學(xué)應(yīng)用

• 黑色：精致和力量

• 白色：干凈、精致、純潔

• 紅色：勇氣、激勵(lì)、力量；也能激發(fā)欲望

• 藍(lán)色：冷靜、安定、信任、安全

• 黃色：樂(lè)觀、歡樂(lè)

• 綠色：平衡、可持續(xù)的增長(zhǎng)

• 紫色：皇權(quán)、精神意識(shí)、奢華

• 橙色：友誼、舒適、食物

• 粉色：平靜、女性化、性

一說(shuō)到美食，我們能想到的顏色就是橘色，暖色系，因?yàn)檫@個(gè)顏色會(huì)增加食欲

插播一個(gè)知識(shí)點(diǎn)：美團(tuán)外賣選擇的橘色，跟美食相關(guān)的顏色，我們可以理解，但餓了么平臺(tái)為什么會(huì)選擇藍(lán)色而不是暖色系呢？餓了么是以科技為主導(dǎo)的，核心并不是美食，所以選用了科技藍(lán)

在一些電商類網(wǎng)站都會(huì)將加入購(gòu)物車、立即購(gòu)買顏色設(shè)置為紅色，因?yàn)榧t色可以刺激人的眼球，來(lái)增加點(diǎn)擊的欲望，還有微信群和朋友圈的未讀，都設(shè)置成紅色

顏色也是影響人們的情緒，比如長(zhǎng)時(shí)間在橘色的環(huán)境下呆著，會(huì)使人焦慮不安，所以一些餐廳在顏色、燈光選擇上都會(huì)選擇用一些暖色系，藍(lán)色和褐色，會(huì)使人平靜，適合一些酒吧；

但色彩也不能濫用，它是具有聯(lián)系和含義的，例如：紅色代表赤字，即經(jīng)濟(jì)困難；也可以代表警告、危險(xiǎn)等；綠色代表環(huán)保、通行，所以在選用顏色上也要考慮它的含義和意義，要謹(jǐn)慎。

馮·雷斯托夫效應(yīng)定義

馮·雷斯托夫效應(yīng)告訴我們，某個(gè)元素越是違反常理，就越引人注目、令人難忘。

Hedwig von Restorff在1933年檢驗(yàn)了這個(gè)理論。她讓實(shí)驗(yàn)對(duì)象觀看一系列相似的物品。如果其中某個(gè)很特殊，比如說(shuō)有聚光燈照射，那么相比其他物品，受試者就更容易回憶起這件物品。

比如，下面這個(gè)紅西紅柿

如果你想要讓某物引人們的注目，就要使它特殊化，可以通過(guò)色彩、尺寸、留白等方式來(lái)引起注意

例如：小紅色的紅色按鈕、蘇寧易購(gòu)一套節(jié)日氣氛的首頁(yè)

奧卡姆剃刀定律定義

奧卡姆剃刀定律（Occam's Razor, Ockham's Razor）又稱“奧康的剃刀”，它是由14世紀(jì)英格蘭的邏輯學(xué)家、圣方濟(jì)各會(huì)修

士奧卡姆的威廉（William of Occam，約1285年至1349年）提出。這個(gè)原理稱為“如無(wú)必要，勿增實(shí)體”，即“簡(jiǎn)單有效原理”。正如他在《箴言書注》2卷15題說(shuō)“切勿浪費(fèi)較多東西去做，用較少的東西，同樣可以做好的事情?！?

奧卡姆剃刀定律的應(yīng)用

我們?cè)谶M(jìn)行頁(yè)面設(shè)計(jì)的時(shí)候并不是內(nèi)容越多越好，信息飛速發(fā)展的時(shí)代，大家都講究快、效率，我只要通過(guò)這個(gè)APP盡快達(dá)到目的為好，繁冗的功能對(duì)用戶來(lái)說(shuō)只會(huì)降低用戶體驗(yàn)感，抖音APP底部的導(dǎo)航開(kāi)始是文字加icon，后來(lái)發(fā)現(xiàn)圖標(biāo)會(huì)影響整體的效果，因?yàn)楫?dāng)視頻播放的時(shí)候，下面的Tab識(shí)別度會(huì)降低，經(jīng)過(guò)改版，將icon去掉，文字放大，CTR也上去了，之后小紅書就開(kāi)始參考抖音的改版：我不管你去掉的原因是什么，CTR上去就行

總結(jié)

一句話在回顧下文章的定律

7±2法則：一般人接受新事物的記憶容量大約是7,最多不會(huì)超過(guò)9

費(fèi)茨定律：A和目標(biāo)B的距離越長(zhǎng)，所用時(shí)間越長(zhǎng)；A大小越大，所用時(shí)間越短。

?？硕桑?/strong>選擇越多，花的時(shí)間就越多，選擇的數(shù)量增加，做出決定的時(shí)間也會(huì)跟著增加。

格式塔原則：常用的是原則有：簡(jiǎn)單性、接近性、相似性、連續(xù)性、閉合性

色彩心理學(xué)：顏色也是影響人們的情緒，選用上要謹(jǐn)慎

馮·雷斯托夫效應(yīng)：某個(gè)元素越是違反常理，就越引人注目、令人難忘

奧卡姆剃刀原理：簡(jiǎn)單有效原理，去繁從簡(jiǎn)

轉(zhuǎn)自：站酷-麥小兜Sarah 

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。