接著格式塔五大律還有專門研究用戶記憶的格式塔記憶律，格式塔心理學(xué)家沃爾夫?qū)z忘問(wèn)題所作的經(jīng)典性研究，得出了格式塔的三大記憶律。沃爾夫?qū)嶒?yàn)時(shí)要求實(shí)驗(yàn)體觀看樣本圖形并記住它們，然后在不同的時(shí)間里根據(jù)記憶把它們畫出來(lái)。

結(jié)果發(fā)現(xiàn)：實(shí)驗(yàn)體在不同的間隔時(shí)間畫出來(lái)的圖像都有不同，有時(shí)再現(xiàn)的圖畫比原來(lái)的圖畫更簡(jiǎn)單更有規(guī)則，有時(shí)原來(lái)圖畫中顯著的細(xì)節(jié)在再現(xiàn)時(shí)被更加突出了。還有的比原來(lái)的圖像更像某些別的我們都很熟悉的圖案了。

沃爾夫把這三種記憶規(guī)律稱之為格式塔三大記憶律：“水平化”、“尖銳化”、“常態(tài)化”。

哪個(gè)圖形才是正確的？（圖片來(lái)源：網(wǎng)絡(luò)）

1. 水平化leveling：水平化是指在記憶中我們趨向于減少知覺圖形小的不規(guī)則部分使其對(duì)稱；或趨向于減少知覺圖形中的具體細(xì)節(jié)。
2. 尖銳化sharpening：尖銳化是在記憶中與水平化過(guò)程伴隨而行的。尖銳化是指在記憶中，人們往往強(qiáng)調(diào)知覺圖形的某些特征，而忽視其它具體細(xì)節(jié)的過(guò)程。在有些心理學(xué)家看來(lái)，人類記憶的特征之一，就是客體中最明顯的特征在再現(xiàn)過(guò)程中往往被夸大了。
3. 常態(tài)化normalizing：常態(tài)化是指人們?cè)谟洃浿?，往往根?jù)自己已有的記憶痕跡對(duì)知覺圖形加以修改，即一般會(huì)趨向于按照自己認(rèn)為它似乎應(yīng)該是什么樣子來(lái)加以修改的。

七、情感化設(shè)計(jì)是什么？

了解格式塔會(huì)讓我們把界面做得符合用戶的心理預(yù)期，讓用戶能夠明顯地找到他應(yīng)該找到的操作?？墒怯脩艉孟襁€是不開心，因?yàn)橛脩粲X得界面不好看。

您是不是也會(huì)陷入這樣的矛盾：可用性重要還是美感更重要？怎么樣能夠讓我們?cè)O(shè)計(jì)的界面又好用還漂亮呢？

情感化設(shè)計(jì)最先由唐納德·A·諾曼博士提出，指的是：設(shè)計(jì)中情感在所處于的重要地位，以及如何讓用戶把情感投射在產(chǎn)品上，來(lái)解決可用性與美感的矛盾。

情感化設(shè)計(jì)是在抓住用戶注意、誘發(fā)情緒反應(yīng)以提高執(zhí)行行為的可能性的設(shè)計(jì)。比如：紅色且巨大的購(gòu)買按鈕能夠無(wú)意識(shí)地抓住用戶的注意、可愛萌萌的卡通可以緩解用戶網(wǎng)絡(luò)不好時(shí)的焦慮等等。

情感化設(shè)計(jì)有三個(gè)水平，它們是遞進(jìn)關(guān)系，分別是：本能水平（重視設(shè)計(jì)外形）、行為水平設(shè)計(jì)（重視使用的樂(lè)趣和效率）、反思水平設(shè)計(jì)（重視自我形象、個(gè)人滿意、記憶）。

1. 本能水平

我們都是視覺動(dòng)物，對(duì)外形的觀察和理解是出于我們本能的。本能水平的設(shè)計(jì)就是刺激用戶的感官體驗(yàn)，讓別人注意到我們的設(shè)計(jì)，這個(gè)階段的設(shè)計(jì)會(huì)更加關(guān)注外形的視覺效果。比如：各大電商網(wǎng)站的專題頁(yè)面設(shè)計(jì)，更加注重抓眼球和外觀的刺激。

2. 行為水平

行為水平是功能性產(chǎn)品需要注重的，一個(gè)產(chǎn)品是否達(dá)到了行為水平，要看它是否能有效地完成任務(wù)，是否是一種有樂(lè)趣的操作體驗(yàn)。

優(yōu)秀行為水平設(shè)計(jì)的四個(gè)方面：功能、易懂性、可用性和物理感覺。比如：好用的記事本APP等。

3. 反思水平

反思水平的設(shè)計(jì)與用戶長(zhǎng)期感受有關(guān)，這種水平的設(shè)計(jì)建立了品牌感和用戶的情感投射。反思水平設(shè)計(jì)是產(chǎn)品和用戶之間情感的紐帶，通過(guò)互動(dòng)給用戶自我形象、滿意度、記憶等體驗(yàn)，讓用戶形成對(duì)品牌的認(rèn)知，培養(yǎng)對(duì)品牌的忠誠(chéng)度。

馬洛斯理論把人的需求分成生理需求、安全需求、社交需求、尊重需求和自我實(shí)現(xiàn)需求五個(gè)層次。我認(rèn)為反思水平的設(shè)計(jì)就是提供給用戶歸屬感、尊重、自我實(shí)現(xiàn)。比如：Google每逢節(jié)日就會(huì)有一些符合節(jié)日化的設(shè)計(jì)、網(wǎng)易嚴(yán)選的空狀態(tài)也會(huì)有品牌感的體現(xiàn)等。

淘寶空狀態(tài)中的情感化設(shè)計(jì)

4. 情感化設(shè)計(jì)的表達(dá)

1. 畫面：畫面是情感化設(shè)計(jì)的重點(diǎn)，讓錯(cuò)誤頁(yè)面或者空狀態(tài)都成為一幅可愛的插畫。
2. 應(yīng)景：讓用戶在我們的產(chǎn)品中體驗(yàn)到一些和真實(shí)世界一樣的氛圍變化。
3. 游戲感：沒(méi)有人喜歡做任務(wù)。試著讓用戶完成的任務(wù)變成游戲吧。比如：每次登陸加金幣，有足夠的金幣就可以獲得什么稱號(hào)。
4. 沖突：沖突非常能夠勾起人的情緒，營(yíng)造一個(gè)競(jìng)爭(zhēng)或者對(duì)抗的氛圍，讓用戶感覺自己置身在一個(gè)比賽或者格斗中一樣。
5. 講故事：給產(chǎn)品和無(wú)聊的圖像一些故事內(nèi)容，畢竟沒(méi)有人討厭講故事。
6. 隱喻：用一些大家理解，隨處可見的事物表達(dá)一些無(wú)趣、生澀的概念。
7. 互動(dòng)：給用戶和其他用戶多制造互動(dòng)機(jī)會(huì)，比如：排行榜、推薦等，不要讓用戶感覺孤獨(dú)。

八、交互八原則

當(dāng)我們了解了產(chǎn)品五要素（產(chǎn)品設(shè)計(jì)的維度問(wèn)題）、格式塔心理學(xué)（用戶如何認(rèn)知的問(wèn)題）、情感化設(shè)計(jì)（如何讓用戶滿意的問(wèn)題）后，我還要給您介紹一大堆地交互原則。這些交互原則會(huì)幫助我們?cè)O(shè)計(jì)出更好用的界面，當(dāng)然也可以幫助我們講出這樣設(shè)計(jì)的原因。不拿出一些理論怎么能夠讓別人信服你的設(shè)計(jì)，對(duì)不對(duì)？

1. 費(fèi)茨定律（Fitts’Law）

費(fèi)茨定律指的是：光標(biāo)到達(dá)一個(gè)目標(biāo)的時(shí)間，與當(dāng)前光標(biāo)所在的位置和目標(biāo)位置的距離（D）和目標(biāo)大?。⊿）有關(guān)。

它的數(shù)學(xué)公式是：

時(shí)間 T = a + b log2(D/S+1)

這個(gè)定律是由保羅.菲茨博士（Paul M. Fitts）提出的所以得名。菲茨定律在很多領(lǐng)域都得到了應(yīng)用，特別是在互聯(lián)網(wǎng)設(shè)計(jì)中尤為深遠(yuǎn)。我們利用費(fèi)茨定律估算用戶移動(dòng)光標(biāo)到鏈接或者按鈕所需的時(shí)間，時(shí)間越短越高效。

比如：有一個(gè)按鈕在左下角，我們的操作可以細(xì)分為兩個(gè)階段：第一個(gè)階段大范圍移動(dòng)到左下方向，然后再做微調(diào)到達(dá)這個(gè)按鈕之上。

所以這個(gè)時(shí)間受按鈕和鏈接所在位置與按鈕和鏈接大小影響，也就是說(shuō)我們?cè)谧鲈O(shè)計(jì)時(shí)要考慮光標(biāo)默認(rèn)會(huì)放在哪里、我們的鏈接按鈕是不是太小了。

費(fèi)茨定律說(shuō)明距離越短、目標(biāo)大小越大，那么光標(biāo)到達(dá)目標(biāo)越快。

費(fèi)茨定律在網(wǎng)頁(yè)設(shè)計(jì)中的使用

OFO和蘋果音樂(lè)APP都將按鈕放置手指最容易點(diǎn)擊的區(qū)域并且按鈕足夠大

2. ?？硕桑℉ick’s Law）

?？硕墒侵敢粋€(gè)人面臨的選擇（n）越多，所需要作出決定的時(shí)間（T）就越長(zhǎng)。

它的數(shù)學(xué)公式是：

反應(yīng)時(shí)間 T=a+b log2（n）

在我們的設(shè)計(jì)中如果給用戶的選擇更多，那么用戶所需要做出決定的時(shí)間就越長(zhǎng)。比如：我們給出用戶菜單-子菜單-選項(xiàng)，那么用戶可能會(huì)很糾結(jié)；如果我們簡(jiǎn)化成菜單-選項(xiàng)，就會(huì)減少用戶做選擇的時(shí)間。

用戶反應(yīng)時(shí)間和選擇數(shù)量的關(guān)系

我們應(yīng)該減少用戶的選擇

3. 7±2法則

讓我們先玩?zhèn)€游戲，請(qǐng)記憶下面的文字，一分鐘后移開視線：

掙 多 久 可 貓 風(fēng) 師 裊 崩 六 酒 望

現(xiàn)在閉上眼睛想一下剛才的文字您能回憶幾個(gè)？

大概是五個(gè)到九個(gè)之間。

1956年美國(guó)科學(xué)家米勒對(duì)人類短時(shí)記憶能力進(jìn)行了研究，他注意到年輕人的記憶廣度大約為5到9個(gè)單位之間，就是7±2法則。這個(gè)法則對(duì)我們做界面設(shè)計(jì)的啟迪就是——如果希望用戶記住導(dǎo)航區(qū)域的內(nèi)容或者一個(gè)路徑的順序，那么數(shù)量應(yīng)該控制在七個(gè)左右。

比如：蘋果和站酷網(wǎng)站的導(dǎo)航個(gè)數(shù)。另外，移動(dòng)端底部Tab區(qū)域最多也是五個(gè)，而頁(yè)面中的八大金剛圖標(biāo)也是八個(gè)。

蘋果、站酷、Dribbble等網(wǎng)站導(dǎo)航數(shù)量全部是7±2。

4. 泰思勒定律（Tesler’s Law）

這個(gè)定律是說(shuō)產(chǎn)品固有的復(fù)雜性存在一個(gè)臨界點(diǎn)，超過(guò)了這個(gè)點(diǎn)過(guò)程就不能再簡(jiǎn)化了，我們只能將這種復(fù)雜性轉(zhuǎn)移。比如：我們?nèi)绻l(fā)現(xiàn)頁(yè)面的功能是必須的，但當(dāng)前的頁(yè)面信息過(guò)載，那么就需要將次要的功能收起或者轉(zhuǎn)移。

Dribbble網(wǎng)站導(dǎo)航將更多功能收起在一個(gè)表示更多的圖標(biāo)內(nèi)

5. 防錯(cuò)原則

一個(gè)表單是需要填寫完畢后方可提交的，但是用戶有時(shí)會(huì)漏填或者忘記填寫，這是用戶點(diǎn)擊提交會(huì)怎么樣？

很可能有些選項(xiàng)會(huì)被清空（比如：密碼選項(xiàng)基于安全考慮會(huì)清空cookies），那么用戶還得重新填寫。這時(shí)解決辦法是在用戶沒(méi)填寫完之前，把按鈕設(shè)置一個(gè)看起來(lái)不能點(diǎn)擊的樣式，用戶想提交時(shí)彈窗：您還有內(nèi)容沒(méi)有填寫完哦，然后把用戶定位在沒(méi)填寫完的項(xiàng)目，讓那個(gè)表單高亮。（是不是真的做到以用戶為中心啦？）

再比如：推特只允許用戶填寫140個(gè)字，但用戶一寫爽了往往會(huì)超出140個(gè)字那怎么辦？

解決辦法是給他在旁邊倒數(shù)還能寫幾個(gè)字。看，這些都是我們?yōu)榱朔乐褂脩舨僮鞒霈F(xiàn)錯(cuò)誤所做的努力，防錯(cuò)設(shè)計(jì)就是要減少錯(cuò)誤操作所帶來(lái)的災(zāi)難，錯(cuò)誤的提示當(dāng)然需要設(shè)計(jì)師的設(shè)計(jì)了。

可是也許您不知道有些錯(cuò)誤提示含糊，用戶并不知道到底錯(cuò)的是哪里，下一步該怎么辦。比如：僅僅登錄功能就可能會(huì)有用戶名錯(cuò)誤、密碼錯(cuò)誤、網(wǎng)絡(luò)超時(shí)、連續(xù)三次輸入密碼錯(cuò)誤、用戶名為空等不同的錯(cuò)誤，而有些產(chǎn)品僅僅給出“出錯(cuò)了”，那么用戶當(dāng)然會(huì)不知所措了。

正向的例子，比如：一次我在登錄Google Mail時(shí)輸錯(cuò)了密碼，它提示“密碼輸入錯(cuò)誤，提示：您在1個(gè)月前改過(guò)密碼”。

BOO！APP輸入密碼時(shí)卡通會(huì)蒙住眼睛，輸錯(cuò)時(shí)也會(huì)有提示

6. 奧卡姆的剃刀法則（Occam’s Razor）

奧卡姆的剃須刀法則主要就是說(shuō)我們做產(chǎn)品時(shí)功能上不可以太繁瑣，應(yīng)該保證簡(jiǎn)潔和工具化。比如：產(chǎn)品中為用戶提供了收藏功能是否就不需要喜歡了？提供了喜歡是否不需要點(diǎn)贊了？一定保證功能上的克制。

QQ將更多功能收起到了頭像和加號(hào)圖標(biāo)中

7. 防呆原則

有一個(gè)著名的交互書籍叫作《Dont make me think》，翻譯過(guò)來(lái)就是不要讓我思考。這句話一直在我做設(shè)計(jì)時(shí)響起：不要認(rèn)為用戶是專家！不要認(rèn)為用戶是專家！

有時(shí)我們會(huì)覺得，點(diǎn)擊漢堡包圖標(biāo)當(dāng)然就是菜單啊！這個(gè)按鈕長(zhǎng)按不就會(huì)調(diào)出XX功能了嘛。但是我們忘記了普通用戶可能并不理解什么是漢堡包圖標(biāo)、什么是抽屜式導(dǎo)航、什么是長(zhǎng)按、雙指滑動(dòng)。

更何況普通用戶并不會(huì)研究我們的APP，在他們眼中我們的產(chǎn)品只是眾多工具中的一個(gè)，我們何德何能認(rèn)為自己的產(chǎn)品是值得用戶花時(shí)間學(xué)習(xí)的？

一定要把交互和設(shè)計(jì)做得簡(jiǎn)單，并且讓用戶在別的地方“學(xué)習(xí)”過(guò)，每個(gè)頁(yè)面強(qiáng)調(diào)一個(gè)重要的功能而不要讓用戶做選擇題。這些都是有效防呆的好方法，防呆和不要讓我思考都講的是我們的設(shè)計(jì)要自然而然。

運(yùn)動(dòng)APP KEEP 的頁(yè)面中總有一個(gè)按鈕是突出的

8. 防止不耐煩原則

用戶是很容易不耐煩的，你還記得你多少次看著視頻加載條罵人嗎？

如果我們需要用戶等待載入信息，一定要給一個(gè)有情感化的設(shè)計(jì)提示，避免用戶產(chǎn)生焦慮。 比如：很多游戲（比如：決戰(zhàn)平安京、王者榮耀等）加載時(shí)都會(huì)出現(xiàn)主角跑步的小動(dòng)畫，美團(tuán)等APP下拉刷新時(shí)也會(huì)有幾幀的動(dòng)畫來(lái)安慰用戶。

動(dòng)畫要好于蘋果默認(rèn)提供給開發(fā)的“轉(zhuǎn)菊花”，因?yàn)榭ㄍㄐ蜗蟾杏H和力。但是好像還不夠，用戶需要掌控感，“哎？它一直加載，是不是死機(jī)了？”

為了防止用戶沒(méi)有掌控感，我們可以為用戶設(shè)計(jì)加載條或者加載提示。加載狀態(tài)條很遺憾很多都是假的甚至是重復(fù)的，原因是其實(shí)要精確判斷加載了多少M(fèi)的素材的代碼更占資源！

我們本來(lái)想安慰用戶等待加載的時(shí)間竟然會(huì)變得更長(zhǎng)，那當(dāng)然不行啦。于是很多時(shí)候，我們會(huì)做一個(gè)假的加載狀態(tài)條來(lái)安撫用戶。

我想您一定看過(guò)反復(fù)加載的加載條吧！加載條下的文案其實(shí)也是可以變得非常有情感化設(shè)計(jì)感受的，比如通常是：加載場(chǎng)景資源、加載素材這樣的文案，但是有些APP需要很長(zhǎng)加載時(shí)間時(shí)會(huì)給出這樣的文案：導(dǎo)演正在準(zhǔn)備、女主角準(zhǔn)備化妝了、攝像師打開了燈光。

是不是更加好玩啦？

美團(tuán)和網(wǎng)易嚴(yán)選的加載動(dòng)畫

總結(jié)

交互知識(shí)其實(shí)關(guān)鍵還要在應(yīng)用和分析。

• 一方面，我們可以在工作中積累經(jīng)驗(yàn)，不斷地思考如何和同事配合一起研究提高產(chǎn)品在使用時(shí)的體驗(yàn)；
• 另一方面，我們也要經(jīng)常積累一些產(chǎn)品使用時(shí)發(fā)現(xiàn)的交互。

建議大家平時(shí)可以收集你覺得不錯(cuò)的情感化設(shè)計(jì)或者微交互，比如：發(fā)現(xiàn)餓了么在下雨天送貨時(shí)，會(huì)有電閃雷鳴和雨滴的設(shè)計(jì)；OFO和滴滴打車在不同節(jié)日，也會(huì)把地圖找車?yán)锏膱D標(biāo)換成節(jié)日相關(guān)的圖標(biāo)；BOO！APP在輸入密碼時(shí)小怪獸會(huì)捂住眼睛；WPS在晚上寫作時(shí)（沒(méi)錯(cuò)就是現(xiàn)在）會(huì)提示你開啟過(guò)濾藍(lán)光的護(hù)眼模式等等。

一個(gè)好的設(shè)計(jì)師一定是懂得交互的設(shè)計(jì)師，也應(yīng)該是非常細(xì)心的設(shè)計(jì)師，也應(yīng)該是懂得為用戶著想的設(shè)計(jì)師。

相關(guān)閱讀：

全面解析：設(shè)計(jì)師需要了解的交互知識(shí)（上）

作者：郗鑒，公眾號(hào)：西見

來(lái)源：https://www.zcool.com.cn/article/ZNjk4NTIw.html

本文由 @郗鑒 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載

題圖作者提供