UI設(shè)計(jì)師教你使用“用戶記憶理論”

記憶的三個(gè)種類

一般來(lái)說(shuō)，心理學(xué)家將記憶分為三種：感官記憶、短期記憶和長(zhǎng)期記憶。

• 感官記憶是指信息經(jīng)由感官接受，隨后在短暫時(shí)間內(nèi)進(jìn)行的儲(chǔ)存，我們也稱它為工作記憶。
• 短期記憶最重要的特征是信息保持時(shí)間相當(dāng)有限。在未經(jīng)復(fù)述的條件下，大部分信息在短期記憶中保持的時(shí)間很短，通常在5－20秒，最長(zhǎng)不超過(guò)1分鐘。
• 長(zhǎng)期記憶是能夠保持幾天到幾年的記憶。

設(shè)計(jì)師在創(chuàng)建產(chǎn)品交互流程的時(shí)候，一定要將用戶記憶這個(gè)因素考慮進(jìn)去。用戶對(duì)于產(chǎn)品的體驗(yàn)一旦轉(zhuǎn)換成了長(zhǎng)期記憶，這意味著用戶在使用過(guò)程中會(huì)更加的便捷高效。比如，現(xiàn)如今我們手機(jī)上基本最少安裝了一家銀行的app（比如建設(shè)銀行）。我們經(jīng)常使用的話，會(huì)對(duì)建設(shè)銀行的界面流程十分的熟悉。同樣是一個(gè)轉(zhuǎn)賬功能，我們用建設(shè)銀行所花費(fèi)的時(shí)間比招商銀行（不常用）短得多。

如何將信息轉(zhuǎn)化為長(zhǎng)期記憶？唯二的方式是重復(fù)和聯(lián)想。

從下面這張圖，我們可以看到感官記憶到短期記憶再到長(zhǎng)期記憶的轉(zhuǎn)換機(jī)制。

德國(guó)心理學(xué)家 Ebbinghaus 的研究發(fā)現(xiàn)，多數(shù)人現(xiàn)下讀的書(shū)，在二十分鐘之后只記得其中六成，到了隔天更是只記得其中的三成。但之后遺忘的速度較為趨緩，到了一個(gè)月后還能記得其中的兩成?？梢?jiàn)，對(duì)「記憶」而言，第一天是記憶的關(guān)鍵時(shí)刻。研究發(fā)現(xiàn)，如果在閱讀后的九小時(shí)之內(nèi)對(duì)閱讀的內(nèi)容做一次復(fù)習(xí)，則可以有效提升長(zhǎng)期記憶量。同理，第一次使用一款A(yù)pp的時(shí)候，用戶需要花費(fèi)時(shí)間去適應(yīng)陌生的設(shè)計(jì)語(yǔ)言和界面風(fēng)格。但是第二次乃至第三次使用的時(shí)候，用戶就會(huì)越來(lái)越熟悉，減少了用戶的記憶負(fù)擔(dān)。

重復(fù)（再認(rèn)）讓記憶變的簡(jiǎn)單。

許多人在背誦英文單詞ambulance會(huì)使用諧音「俺不能死」來(lái)幫助自己記憶。這個(gè)就屬于通過(guò)聯(lián)想來(lái)將短期記憶轉(zhuǎn)化成長(zhǎng)期記憶。

 

米勒法則

1956年，喬治米勒在一項(xiàng)研究后發(fā)現(xiàn)：人的大腦只能同時(shí)處理最多7±2個(gè)信息團(tuán)，這一發(fā)現(xiàn)被稱之為米勒法則。從心理學(xué)角度來(lái)看，人腦處理信息的能力是有限的，這部分原因是因?yàn)槎唐谟洃泝?chǔ)存空間的限制，數(shù)量過(guò)多將會(huì)使得大腦出錯(cuò)的概率大大增加。

后來(lái)Richard Shiffrin和Robert Nosofsky對(duì)米勒法則進(jìn)行了更為細(xì)致深入的研究，他們發(fā)現(xiàn)人類可以同時(shí)處理的信息數(shù)量取決于信息自身的性質(zhì)。簡(jiǎn)單來(lái)說(shuō)，人類可以同時(shí)記住7個(gè)數(shù)字，6個(gè)字母或者5個(gè)單詞。

 

不要讓用戶同時(shí)處理過(guò)多的信息

不要讓用戶同時(shí)處理過(guò)多的信息，這個(gè)并不意味著我們?cè)谄聊恢兄荒芊?-9個(gè)元素。因?yàn)樵谀承┣闆r下，有些信息是必須展示的，你沒(méi)有辦法刪減。在這種情況下，我們可以通過(guò)建立視覺(jué)層級(jí)，將用戶的注意力吸引到關(guān)鍵區(qū)域。

此外在進(jìn)行設(shè)計(jì)的時(shí)候，設(shè)計(jì)師應(yīng)該時(shí)刻牢記注意力比例。因?yàn)橛脩舻淖⒁饬κ且粋€(gè)稀缺的資源，過(guò)多的信息展示會(huì)稀釋用戶的注意力，用戶會(huì)需要更長(zhǎng)的時(shí)間來(lái)消化這些信息。此外用戶都有害怕?lián)p失的本能，每次做決策都是一個(gè)權(quán)衡利弊的過(guò)程，給用戶過(guò)多的選項(xiàng)（內(nèi)容），用戶就會(huì)陷入糾結(jié)的狀態(tài)。我們要盡量給用戶創(chuàng)造不需要思考的選擇。

具象的插畫(huà)和圖形更利于記憶

人類是視覺(jué)動(dòng)物，圖形的作用不應(yīng)該僅限于吸引用戶的注意力，它更可以通知用戶，整理內(nèi)容。具象的插畫(huà)和圖形（圖標(biāo)）配合文案的使用更利于用戶記憶。而且這種設(shè)計(jì)模式具有極強(qiáng)的普適性，因?yàn)閳D形和插畫(huà)超越了語(yǔ)言、宗教和地域，可以被用戶廣泛的接受。

例如，我們看到放大鏡圖標(biāo)就會(huì)聯(lián)想到搜索，看到國(guó)旗圖標(biāo)知道著可以更換語(yǔ)言，在天氣類應(yīng)用中看到太陽(yáng)就明白這意味著晴天。所有這些記憶都深深儲(chǔ)存在我們的腦海中，我們只需要合適的聯(lián)系物就可以喚起它們。

一致性原則

頁(yè)面跳轉(zhuǎn)的一致性原則會(huì)對(duì)產(chǎn)品易用性產(chǎn)生極大的影響。用戶在使用過(guò)程中，會(huì)在不同的頁(yè)面之間來(lái)回切換。這意味著用戶要處理的信息量是巨大的，所以設(shè)計(jì)師應(yīng)該保障交互過(guò)程的一致性以降低用戶的記憶負(fù)擔(dān)。

例如，在這個(gè)頁(yè)面中，按鈕的樣式是圓角矩形，而在下一個(gè)頁(yè)面里，按鈕的樣式變成了矩形。用戶在瀏覽過(guò)程，可能會(huì)注意到這個(gè)小細(xì)節(jié)，并且會(huì)被困擾，這個(gè)就打斷了用戶原有的操作流程。用戶會(huì)將更多的注意力放在頁(yè)面中不一致的元素上，忽視那些相同的。

我們期望用戶在不同的頁(yè)面中關(guān)注的是不同的內(nèi)容，這是提升產(chǎn)品易用性的關(guān)鍵。因?yàn)轫?yè)面轉(zhuǎn)換中有不一致的元素而導(dǎo)致用戶注意力的分散是設(shè)計(jì)師的失職。

此外，我們不要打破用戶的固有認(rèn)知。主流網(wǎng)站在頁(yè)面頂部都會(huì)有品牌logo和重要功能的鏈接，就是我們常說(shuō)的導(dǎo)航欄。底部會(huì)放 聯(lián)系我們、版權(quán)所有、隱私政策和使用條款這些不太重要的信息。用戶對(duì)于這個(gè)布局已經(jīng)習(xí)以為常，如果我們追求創(chuàng)新，把導(dǎo)航放在頁(yè)腳，挑戰(zhàn)用戶的固有認(rèn)知，很可能會(huì)造成用戶的流失。

 

導(dǎo)航欄不要隱藏重要信息

導(dǎo)航設(shè)計(jì)中，關(guān)于信息的隱藏和展示一直爭(zhēng)論不休。為了回答這個(gè)問(wèn)題，我們要清楚，UI設(shè)計(jì)的最終目的是為了讓用戶清楚的了解當(dāng)前發(fā)生了什么（自己所處的位置，系統(tǒng)的當(dāng)前狀態(tài)）。

當(dāng)導(dǎo)航中引入漢堡菜單，滑動(dòng)這些元素時(shí)，意味著一些內(nèi)容會(huì)被隱藏。所以在使用的時(shí)候，我們應(yīng)該盡可能的慎重。在大多數(shù)情況下，特別是目標(biāo)用戶群不明確且層級(jí)比較復(fù)雜的功能，隱藏其導(dǎo)航元素（接口）不是一個(gè)明智的選擇。用戶需要花更多時(shí)間去尋找并且記住它們的位置，這會(huì)降低用戶參與度。

當(dāng)然是否隱藏導(dǎo)航元素并沒(méi)有一個(gè)定論，有的用戶贊成，因?yàn)楣?jié)省了屏幕空間，整個(gè)界面看起來(lái)清爽了許多；有的用戶反對(duì)，因?yàn)樗麄円~外的時(shí)間去尋找那些功能的入口。

目前我們的一個(gè)折衷的方法——功能的優(yōu)先級(jí)。展示重要的功能，一些次要的功能可以隱藏起來(lái)。

注：兩種常見(jiàn)導(dǎo)航的優(yōu)缺點(diǎn)詳細(xì)對(duì)比：《Tab導(dǎo)航與側(cè)邊抽屜導(dǎo)航的巔峰對(duì)決》

 

多感官刺激

我們對(duì)于信息的讀取第一階段就是感官記憶。就像我們使用一款A(yù)pp，初次體驗(yàn)就是感官記憶。

感官記憶來(lái)自我們的視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)。為了給用戶留下一個(gè)深刻的印象，設(shè)計(jì)師應(yīng)該尋求將產(chǎn)品給用戶帶來(lái)的感官記憶轉(zhuǎn)化成短期記憶乃至長(zhǎng)期記憶。

那么應(yīng)該怎么做呢？設(shè)計(jì)始于視覺(jué)，但是不僅限于視覺(jué)。設(shè)計(jì)師不能只想著做一個(gè)華麗好看的頁(yè)面來(lái)留住用戶，更應(yīng)該刺激用戶的多個(gè)感官來(lái)給用戶留下好的印象。

例如，帶有文案的icon通過(guò)視覺(jué)和語(yǔ)言記憶提升了易用性。一些交互配以一些聲響更容易給用戶留下印象，比如按鍵音，任務(wù)完成音。美食類App配以令人垂涎欲滴的食品圖片，加上微動(dòng)效，很能激發(fā)用戶的食欲。作用原理可以參考望梅止渴。

交互中情感反饋是你是否能留住用戶的關(guān)鍵。糟糕的用戶體驗(yàn)會(huì)促使用戶忘記，并且會(huì)產(chǎn)生消極情緒，大腦從保護(hù)機(jī)體的角度就會(huì)對(duì)你的產(chǎn)品發(fā)出拒絕的指令。反之，好的用戶體驗(yàn)可以給用戶帶來(lái)激昂的情緒，更能留住用戶。一個(gè)風(fēng)格活潑可愛(ài)的下拉加載動(dòng)畫(huà)可以給用戶帶來(lái)一個(gè)愉快的用戶體驗(yàn)。

想學(xué)習(xí)微動(dòng)效，這兒有一篇指南：《超全面！騰訊出品的交互微動(dòng)效設(shè)計(jì)指南》

 

總結(jié)

設(shè)計(jì)師應(yīng)該豐富自己的知識(shí)體系，去洞悉用戶心理，了解用戶如何與外部世界互動(dòng)交流，研究影響用戶行為的因素。用戶記憶只是創(chuàng)建積極用戶體驗(yàn)的一部分，設(shè)計(jì)師在設(shè)計(jì)時(shí)應(yīng)該時(shí)刻堅(jiān)持以人為本。希望這篇文章可以給各位設(shè)計(jì)師帶來(lái)幫助。