進(jìn)步易用性!設(shè)計(jì)師應(yīng)該了解的“用戶(hù)記憶理論”
王M爭(zhēng):記憶是人類(lèi)儲(chǔ)存信息的「硬盤(pán)」,它可以收集信息,處理信息,并且可以對(duì)外界的刺激做出反應(yīng)。人類(lèi)在必要的時(shí)候可以去「硬盤(pán)」中調(diào)取信息。但是這個(gè)「硬盤(pán)」有著一些瑕疵,由于它會(huì)被人類(lèi)機(jī)體和情感因素所影響。了解記憶的運(yùn)行機(jī)制,會(huì)幫助設(shè)計(jì)師創(chuàng)建出人性化的界面,節(jié)省工作量,提拔產(chǎn)品的易用性。
記憶的三個(gè)種類(lèi)
一樣平常來(lái)說(shuō),生理學(xué)家將記憶分為三種:感官記憶、短期記憶和長(zhǎng)期記憶。
- 感官記憶是指信息經(jīng)由感官接受,隨后在短臨時(shí)間內(nèi)進(jìn)行的儲(chǔ)存,我們也稱(chēng)它為工作記憶。
- 短期記憶最緊張的特性是信息保持時(shí)間相稱(chēng)有限。在未經(jīng)復(fù)述的條件下,大部分信息在短期記憶中保持的時(shí)間很短,通常在5-20秒,最長(zhǎng)不超過(guò)1分鐘。
- 長(zhǎng)期記憶是能夠保持幾天到幾年的記憶。
設(shè)計(jì)師在創(chuàng)建產(chǎn)品交互流程的時(shí)候,肯定要將用戶(hù)記憶這個(gè)因素考慮進(jìn)去。用戶(hù)對(duì)于產(chǎn)品的體驗(yàn)一旦轉(zhuǎn)換成了長(zhǎng)期記憶,這意味著用戶(hù)在使用過(guò)程中會(huì)更加的便捷高效。比如,現(xiàn)現(xiàn)在我們手機(jī)上基本最少安裝了一家銀行的app(比如建設(shè)銀行)。我們經(jīng)常使用的話(huà),會(huì)對(duì)建設(shè)銀行的界面流程十分的認(rèn)識(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í)候,用戶(hù)必要花費(fèi)時(shí)間去適應(yīng)陌生的設(shè)計(jì)語(yǔ)言和界面風(fēng)格。但是第二次乃至第三次使用的時(shí)候,用戶(hù)就會(huì)越來(lái)越認(rèn)識(shí),削減了用戶(hù)的記憶負(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)被稱(chēng)之為米勒法則。從生理學(xué)角度來(lái)看,人腦處理信息的能力是有限的,這部分緣故原由是由于短期記憶儲(chǔ)存空間的限定,數(shù)量過(guò)多將會(huì)使得大腦出錯(cuò)的概率大大增長(zhǎng)。
后來(lái)Richard Shiffrin和Robert Nosofsky對(duì)米勒法則進(jìn)行了更為過(guò)細(xì)深入的研究,他們發(fā)現(xiàn)人類(lèi)可以同時(shí)處理的信息數(shù)量取決于信息自身的性子。簡(jiǎn)單來(lái)說(shuō),人類(lèi)可以同時(shí)記住7個(gè)數(shù)字,6個(gè)字母或者5個(gè)單詞。
不要讓用戶(hù)同時(shí)處理過(guò)多的信息
不要讓用戶(hù)同時(shí)處理過(guò)多的信息,這個(gè)并不意味著我們?cè)谄聊恢兄荒芊?-9個(gè)元素。由于在某些情況下,有些信息是必須展示的,你沒(méi)有辦法刪減。在這種情況下,我們可以通過(guò)建立視覺(jué)層級(jí),將用戶(hù)的細(xì)致力吸引到關(guān)鍵區(qū)域。
此外在進(jìn)行設(shè)計(jì)的時(shí)候,設(shè)計(jì)師應(yīng)該時(shí)刻牢記細(xì)致力比例。由于用戶(hù)的細(xì)致力是一個(gè)稀缺的資源,過(guò)多的信息展示會(huì)稀釋用戶(hù)的細(xì)致力,用戶(hù)會(huì)必要更長(zhǎng)的時(shí)間來(lái)消化這些信息。此外用戶(hù)都有害怕?lián)p失的本能,每次做決策都是一個(gè)權(quán)衡利弊的過(guò)程,給用戶(hù)過(guò)多的選項(xiàng)(內(nèi)容),用戶(hù)就會(huì)陷入糾結(jié)的狀況。我們要盡量給用戶(hù)創(chuàng)造不必要思考的選擇。
具象的插畫(huà)和圖形更利于記憶
人類(lèi)是視覺(jué)動(dòng)物,圖形的作用不應(yīng)該僅限于吸引用戶(hù)的細(xì)致力,它更可以關(guān)照用戶(hù),整頓內(nèi)容。具象的插畫(huà)和圖形(圖標(biāo))配合文案的使用更利于用戶(hù)記憶。而且這種設(shè)計(jì)模式具有極強(qiáng)的普適性,由于圖形和插畫(huà)超越了語(yǔ)言、宗教和地域,可以被用戶(hù)廣泛的接受。
例如,我們看到放大鏡圖標(biāo)就會(huì)聯(lián)想到搜索,看到國(guó)旗圖標(biāo)知道著可以替換語(yǔ)言,在氣候類(lèi)應(yīng)用中看到太陽(yáng)就曉暢這意味著晴天。所有這些記憶都深深儲(chǔ)存在我們的腦海中,我們只必要合適的聯(lián)系物就可以喚起它們。
同等性原則
網(wǎng)頁(yè)跳轉(zhuǎn)的同等性原則會(huì)對(duì)產(chǎn)品易用性產(chǎn)生極大的影響。用戶(hù)在使用過(guò)程中,會(huì)在不同的網(wǎng)頁(yè)之間往返切換。這意味著用戶(hù)要處理的信息量是偉大的,所以設(shè)計(jì)師應(yīng)該保障交互過(guò)程的同等性以降低用戶(hù)的記憶負(fù)擔(dān)。
例如,在這個(gè)網(wǎng)頁(yè)中,按鈕的樣式是圓角矩形,而在下一個(gè)網(wǎng)頁(yè)里,按鈕的樣式變成了矩形。用戶(hù)在欣賞過(guò)程,可能會(huì)細(xì)致到這個(gè)小細(xì)節(jié),并且會(huì)被困擾,這個(gè)就打斷了用戶(hù)原有的操作流程。用戶(hù)會(huì)將更多的細(xì)致力放在網(wǎng)頁(yè)中不同等的元素上,忽視那些雷同的。
我們期望用戶(hù)在不同的網(wǎng)頁(yè)中關(guān)注的是不同的內(nèi)容,這是提拔產(chǎn)品易用性的關(guān)鍵。由于網(wǎng)頁(yè)轉(zhuǎn)換中有不同等的元素而導(dǎo)致用戶(hù)細(xì)致力的分散是設(shè)計(jì)師的失職。
此外,我們不要打破用戶(hù)的固有認(rèn)知。主流網(wǎng)站在網(wǎng)頁(yè)頂部都會(huì)有品牌logo和緊張功能的鏈接,就是我們常說(shuō)的導(dǎo)航欄。底部會(huì)放 聯(lián)系我們、版權(quán)所有、隱私政策和使用條目這些不太緊張的信息。用戶(hù)對(duì)于這個(gè)布局已經(jīng)屢見(jiàn)不鮮,假如我們尋求創(chuàng)新,把導(dǎo)航放在頁(yè)腳,挑釁用戶(hù)的固有認(rèn)知,很可能會(huì)造成用戶(hù)的流失。
導(dǎo)航欄不要隱蔽緊張信息
導(dǎo)航設(shè)計(jì)中,關(guān)于信息的隱蔽和展示一向爭(zhēng)論不休。為了回答這個(gè)題目,我們要清楚,UI設(shè)計(jì)的最終目的是為了讓用戶(hù)清楚的了解當(dāng)前發(fā)生了什么(本身所處的位置,體系的當(dāng)前狀況)。
當(dāng)導(dǎo)航中引入漢堡菜單,滑動(dòng)這些元素時(shí),意味著一些內(nèi)容會(huì)被隱蔽。所以在使用的時(shí)候,我們應(yīng)該盡可能的穩(wěn)重。在大多數(shù)情況下,分外是目標(biāo)用戶(hù)群不明確且層級(jí)比較復(fù)雜的功能,隱蔽其導(dǎo)航元素(接口)不是一個(gè)明智的選擇。用戶(hù)必要花更多時(shí)間去探求并且記住它們的位置,這會(huì)降低用戶(hù)參與度。
當(dāng)然是否隱蔽導(dǎo)航元素并沒(méi)有一個(gè)定論,有的用戶(hù)同意,由于節(jié)省了屏幕空間,整個(gè)界面看起來(lái)清爽了很多;有的用戶(hù)反對(duì),由于他們要花額外的時(shí)間去探求那些功能的入口。
目前我們的一個(gè)折中的方法——功能的優(yōu)先級(jí)。展示緊張的功能,一些次要的功能可以隱蔽起來(lái)。
注:兩種常見(jiàn)導(dǎo)航的優(yōu)瑕玷細(xì)致對(duì)比:《Tab導(dǎo)航與側(cè)邊抽屜導(dǎo)航的頂峰對(duì)決》
多感官刺激
我們對(duì)于信息的讀取第一階段就是感官記憶。就像我們使用一款A(yù)pp,初次體驗(yàn)就是感官記憶。
感官記憶來(lái)自我們的視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)。為了給用戶(hù)留下一個(gè)深刻的印象,設(shè)計(jì)師應(yīng)該追求將產(chǎn)品給用戶(hù)帶來(lái)的感官記憶轉(zhuǎn)化成短期記憶乃至長(zhǎng)期記憶。
那么應(yīng)該怎么做呢?設(shè)計(jì)始于視覺(jué),但是不僅限于視覺(jué)。設(shè)計(jì)師不能只想著做一個(gè)華麗悅目的網(wǎng)頁(yè)來(lái)留住用戶(hù),更應(yīng)該刺激用戶(hù)的多個(gè)感官來(lái)給用戶(hù)留下好的印象。
例如,帶有文案的icon通過(guò)視覺(jué)和語(yǔ)言記憶提拔了易用性。一些交互配以一些聲響更容易給用戶(hù)留下印象,比如按鍵音,義務(wù)完成音。美食類(lèi)App配以令人垂涎欲滴的食品圖片,加上微動(dòng)效,很能激發(fā)用戶(hù)的食欲。作用原理可以參考割肉醫(yī)瘡。
交互中情感反饋是你是否能留住用戶(hù)的關(guān)鍵。糟糕的用戶(hù)體驗(yàn)會(huì)促使用戶(hù)忘掉,并且會(huì)產(chǎn)生悲觀(guān)情緒,大腦從珍愛(ài)機(jī)體的角度就會(huì)對(duì)你的產(chǎn)品發(fā)出拒絕的指令。反之,好的用戶(hù)體驗(yàn)可以給用戶(hù)帶來(lái)激昂的情緒,更能留住用戶(hù)。一個(gè)風(fēng)格活潑可愛(ài)的下拉加載動(dòng)畫(huà)可以給用戶(hù)帶來(lái)一個(gè)興奮的用戶(hù)體驗(yàn)。
想學(xué)習(xí)微動(dòng)效,這兒有一篇指南:《超周全!騰訊出品的交互微動(dòng)效設(shè)計(jì)指南》
總結(jié)
設(shè)計(jì)師應(yīng)該雄厚本身的知識(shí)系統(tǒng),去洞悉用戶(hù)生理,了解用戶(hù)如何與外部世界互動(dòng)交流,研究影響用戶(hù)舉動(dòng)的因素。用戶(hù)記憶只是創(chuàng)建積極用戶(hù)體驗(yàn)的一部分,設(shè)計(jì)師在設(shè)計(jì)時(shí)應(yīng)該時(shí)刻堅(jiān)持以人為本。盼望這篇文章可以給各位設(shè)計(jì)師帶來(lái)幫助。
迎接關(guān)注作者的微信公眾號(hào):「王M爭(zhēng)」
「設(shè)計(jì)之道,用戶(hù)至上」
- 《用戶(hù)為王!揭秘三個(gè)敏捷進(jìn)步用戶(hù)體驗(yàn)的魔鬼細(xì)節(jié)》
- 《這7個(gè)關(guān)鍵點(diǎn),是每個(gè)產(chǎn)品用戶(hù)體驗(yàn)設(shè)計(jì)的重中之重》
- 《強(qiáng)化用戶(hù)體驗(yàn)!3個(gè)方法有用提拔用戶(hù)的控制感》
- 《進(jìn)階之路!一流用戶(hù)體驗(yàn)設(shè)計(jì)師的6個(gè)共同點(diǎn)》
本文地址:http://pkvc.cn/tutorial/di3834.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線(xiàn)面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專(zhuān)題頁(yè)面設(shè)計(jì)篇
- 專(zhuān)訪(fǎng):石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏