從心理學(xué)的角度來(lái)看用戶體驗(yàn)設(shè)計(jì)
日期:2011/10/22 / 人氣:
你也許聽(tīng)說(shuō)過(guò)這篇關(guān)于大象的故事:一個(gè)國(guó)王帶了六個(gè)人到了一個(gè)昏暗的建筑物里。他們什么都看不見(jiàn)。國(guó)王對(duì)他們說(shuō):“我從荒野中將這只動(dòng)物帶回到東方。他們稱之為大象。”“什么是大象?”六人問(wèn)。國(guó)王說(shuō):“你們摸一下這只大象,然后描速給我聽(tīng)。”摸腿的人說(shuō)大象就像一個(gè)柱子,摸尾巴的說(shuō)大象就像繩子,摸鼻子的說(shuō)大象就像三個(gè)樹(shù)枝,摸耳朵的說(shuō)大象就像一把扇子,摸肚子的人說(shuō)大象就像一面墻,摸象牙的人說(shuō)大象就像一根硬管子。“你們都對(duì)了”,國(guó)王說(shuō),“你們每個(gè)人只摸到了大象的一部分。
我是一個(gè)受教育而成的心理學(xué)家。所以,我體驗(yàn)的那部分的大象就是我們對(duì)人的了解和我們將我們的了解應(yīng)用于用戶體驗(yàn)設(shè)計(jì)。我對(duì)大腦、視覺(jué)系統(tǒng)、記憶和動(dòng)機(jī)做了研究和學(xué)習(xí),并從中推斷用戶體驗(yàn)設(shè)計(jì)的原則。
這篇文章是一個(gè)對(duì)大象的心理學(xué)家觀點(diǎn)的簡(jiǎn)單描速。
1.除非必要,否則人們不想工作或者思考只要能完成任務(wù),人們能少做就少做。
最好只展示一小點(diǎn)信息,接著讓他們抉擇是否需要查看更多。漸進(jìn)展開(kāi)是個(gè)不錯(cuò)的方法。最近我寫(xiě)了一篇關(guān)于“漸進(jìn)展開(kāi)”的博文。
別只是解釋,給個(gè)例子吧。注意屏幕、頁(yè)面或是設(shè)備上的對(duì)象的啟示(Affordance,啟示,功能可見(jiàn)性)。如果某個(gè)東西可點(diǎn)擊,那么就要把它做得像是可點(diǎn)擊的。
只提供人們確實(shí)需要的功能。別按你自己的想象認(rèn)為他們需要什么;做些用戶研究去確切地發(fā)現(xiàn)他們所需。給予他們超過(guò)他們的需要的功能只會(huì)搞砸體驗(yàn)。
提供默認(rèn)。默認(rèn)讓人們做更少的事就能完成工作。
2.人有局限性
人們只能在屏幕上看有限的信息或閱讀有限文字而不失興趣。在當(dāng)下只提供需要的信息(查看上述的“漸進(jìn)展開(kāi)”)。
讓信息易于掃描。
使用標(biāo)題和小塊信息或文字。
人們不能同時(shí)進(jìn)行多項(xiàng)任務(wù)。這份研究很清楚的表明了這個(gè)觀點(diǎn),所以別期望他們能夠做到。
人們喜歡短小的文案,但是長(zhǎng)文案又能讓他們更好地理解!這是個(gè)難題,所以要抉擇在你的項(xiàng)目里,是偏好更重要還是性能更重要。但是,要知道人們喊著想要的東西并不是對(duì)于他們最好的東西。
3.孰能無(wú)過(guò)
假設(shè)人們會(huì)犯錯(cuò)。要預(yù)見(jiàn)到他們會(huì)犯的錯(cuò)誤并努力避免發(fā)生。
如果一個(gè)錯(cuò)誤的結(jié)果嚴(yán)重,那么在操作之前提供一個(gè)確認(rèn)。
提供容易使用的“撤銷”。
防止錯(cuò)誤發(fā)生往往比發(fā)生錯(cuò)誤后幫助人們糾正更好。最好的錯(cuò)誤消息是完全沒(méi)有錯(cuò)誤消息。
如果一個(gè)任務(wù)容易出錯(cuò),那么把它分散成為細(xì)小的組。
如果用戶出了錯(cuò)而你能糾正,那么就糾正用戶的錯(cuò)誤,并且告訴用戶。
設(shè)計(jì)用戶體驗(yàn)的人也會(huì)犯錯(cuò)。所以得保證有時(shí)間和精力去迭代、用戶反饋和測(cè)試。
4.人類的記憶很復(fù)雜
人們會(huì)重建記憶。也就是說(shuō)記憶總是在變化的。你只能相信用戶所述的極少的一部分。觀察他們的行為要比聽(tīng)從他們所述要好。
記憶是脆弱的。它消退得很快,而且,受很多錯(cuò)誤影響著。別讓用戶從一個(gè)任務(wù)跳轉(zhuǎn)到另一個(gè)任務(wù)或者從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)時(shí)還記住某些東西。
人們?cè)谝淮文軌蛴涀?~4個(gè)項(xiàng)目。“7±2”法則是個(gè)民間傳說(shuō)。實(shí)驗(yàn)得出,真是的數(shù)字是3~4。
5.人是社會(huì)人
人們總是嘗試用科技來(lái)社交。這是數(shù)千年來(lái)的真理。
人們需要?jiǎng)e人來(lái)指導(dǎo)自己該做些什么。尤其是在不確定的時(shí)候。這被稱為“社會(huì)認(rèn)同”。舉個(gè)例子,這就是為什么打分和評(píng)論功能在各網(wǎng)站上這么強(qiáng)大。
如果人們同時(shí)在一起做事(同步行為),這會(huì)把大家團(tuán)結(jié)在一起——事實(shí)上大腦也會(huì)有一些化學(xué)反應(yīng)。笑同樣可以團(tuán)結(jié)人。
如果你幫了我的忙,我會(huì)感恩并且同樣幫助你(互惠)。研究表明,如果你想讓人們填表單,那么先給他們些他們需要的東西,然后讓他們填表,而不是先填后給。
當(dāng)你在看某人做某事時(shí),你大腦里相同的部分會(huì)被喚起,并認(rèn)為是你自己在做(稱為鏡像神經(jīng)元)。我們生性就是愛(ài)模仿的動(dòng)物。如果你需要人們做,那么讓他們看看別人正在做。
你最多只能報(bào)紙與150人的強(qiáng)聯(lián)系。強(qiáng)聯(lián)系的定義就是與其有親密的身體鄰近的聯(lián)系。但是弱聯(lián)系可以有上千個(gè)并且很有影響力(就像Facebook)。
6.注意力
我開(kāi)始考慮,注意力這個(gè)概念就是如何設(shè)計(jì)有浸入感的UI的關(guān)鍵。我接下來(lái)會(huì)寫(xiě)一些關(guān)于這個(gè)話題的文章。抓住注意力,當(dāng)他們正在關(guān)注于某件事情時(shí),不要分散他們的注意力。這個(gè)就是重點(diǎn)。
人生來(lái)就愛(ài)關(guān)注任何不同的或者新奇的事情。如果你讓一個(gè)東西與眾不同了,那么它就會(huì)突出出來(lái)。
說(shuō)了這些,就是要告訴你人們很容易忽視在他們視野之內(nèi)的變化。這個(gè)被稱作變化視盲。有一些很有趣的視頻,視頻內(nèi)容就是人們站在大街上和別人攀談(被別人叫住問(wèn)路),然后他們完全沒(méi)有注意到,談一半的時(shí)候,問(wèn)路人被調(diào)包了!
你可以用感覺(jué)去抓住注意力。明亮的顏色、大字體、“嗶嗶”聲或者是一些音調(diào)都能抓住注意力。
人們很容易走神。如果你不希望他們走神,那么別用讓頁(yè)面上的東西會(huì)閃,也別讓視頻自動(dòng)播放。但是,如果你要抓住他們的注意力,上面說(shuō)的事情可以做。
7.人們渴求信息
多巴胺是一種讓人們尋覓……食物、性和信息的化學(xué)物質(zhì)。學(xué)習(xí)是多巴胺能的——我們幫不了忙但是需要更多的信息。
人們往往需要超過(guò)他們實(shí)際處理能力的信息。信息越多,人們就覺(jué)得選擇越多。選擇越多,人們就覺(jué)得有駕馭感。越有駕馭感人們就覺(jué)得活得更好。
人們需要反饋。計(jì)算機(jī)本身沒(méi)必要告訴人類他正在讀取文件。但人類需要知道現(xiàn)在計(jì)算機(jī)正干些什么。
8.無(wú)意識(shí)過(guò)程
大部分心理過(guò)程都是發(fā)生在無(wú)意識(shí)狀態(tài)下的。
如果你能讓人們提交一個(gè)小操作(免費(fèi)注冊(cè)),那么他們肯定會(huì)晚點(diǎn)再提交一個(gè)更大的操作(比如升級(jí)到高級(jí)賬戶)。
老腦幫我們做決策,或說(shuō)至少參與了決策。老腦關(guān)注于生存和繁殖:食物、性和危險(xiǎn)(譯者注:人腦分為新腦、中腦和老腦。新腦負(fù)責(zé)思維、語(yǔ)言、溝通各腦等,中腦負(fù)責(zé)情感,老腦負(fù)責(zé)生存和繁殖)。這就是為什么食物、性和危險(xiǎn)這三種信息能夠抓住我們的注意力。
情感大腦(譯者注:應(yīng)該就是我剛才說(shuō)的中腦。)會(huì)受到圖片,特別是人物圖片,有故事情節(jié)的圖片的影響。感性的大腦對(duì)我們的決策有巨大的影響。
人們的行為倍受連自己都不知道的因素所影響。“退休”、“廈門(mén)”、“疲勞”甚至能夠讓年輕人慢慢走上下坡路(心理學(xué)上成為框架)。
老腦和情感大腦都不需要我們下意識(shí)的知識(shí)。我們總是將我們的決策歸咎于一個(gè)理性的下意識(shí)的大腦,但是下意識(shí)的大腦從來(lái)不是我們采取行動(dòng)的所有原因,甚至連原因都不是。
9.人們會(huì)穿著心智模型
人們總是在某些對(duì)象或任務(wù)中產(chǎn)生心智模型(管理支票、看書(shū)、使用遙控器)。
人們所擁有的關(guān)于特定任務(wù)的心智模型,可能會(huì)使你設(shè)計(jì)的界面對(duì)于他們好用或是不好用。
為了創(chuàng)造積極的用戶體驗(yàn),你可以讓你產(chǎn)品或網(wǎng)站的概念模型符合用戶的心智模型,或者你也能找到“教會(huì)”用戶一個(gè)不同的心智的方法。
隱喻幫助用戶“理解”概念模型。舉個(gè)例子,“這就像是在看書(shū)。”
用戶研究的最重要的原因是獲取用戶的心智模型。
10.視覺(jué)系統(tǒng)
如果頁(yè)面亂成一團(tuán)糟,那么人們就沒(méi)法找著信息。用分組法來(lái)幫助眼睛找到該關(guān)注的地方。
靠近的東西會(huì)被認(rèn)為是有“瓜葛”的。
字體該足夠大。別用太花的字體以便能夠看清。
研究表明人們會(huì)用周邊視覺(jué)來(lái)抓住他們要找的“重點(diǎn)”。眼動(dòng)研究很有意思,就是因?yàn)橛腥硕⒅硸|西并看不代表他們正在關(guān)注它。
最難看清的顏色是將紅色和藍(lán)色放在一起。嚴(yán)防藍(lán)底紅字或是紅底藍(lán)字。
當(dāng)用戶看屏幕時(shí)稍微有些角度并且透視稍微向上的時(shí)候,人們最容易認(rèn)清對(duì)象(標(biāo)準(zhǔn)透視)。
顏色可以用來(lái)表示物體是不是相配的。因?yàn)橛忻と舜嬖冢砸欢ㄓ浀靡闷渌姆绞奖磉_(dá)這個(gè)相同的信息
佛山網(wǎng)站建設(shè)_佛山網(wǎng)站制作_佛山網(wǎng)站設(shè)計(jì)_佛山網(wǎng)站_佛山網(wǎng)頁(yè)設(shè)計(jì)_佛山網(wǎng)頁(yè)建設(shè)_佛山網(wǎng)頁(yè)制作
大象的故事讓我想起了有著不同背景、教育或經(jīng)驗(yàn)的人對(duì)設(shè)計(jì)的不同的觀點(diǎn)。視覺(jué)設(shè)計(jì)師對(duì)用戶體驗(yàn)設(shè)計(jì)有著一種觀點(diǎn),交互設(shè)計(jì)會(huì)有另外的觀點(diǎn),而程序員也會(huì)有不同的觀點(diǎn)。理解甚至體驗(yàn)別人正在體驗(yàn)的大象的那一部分將會(huì)有一定的幫助。我是一個(gè)受教育而成的心理學(xué)家。所以,我體驗(yàn)的那部分的大象就是我們對(duì)人的了解和我們將我們的了解應(yīng)用于用戶體驗(yàn)設(shè)計(jì)。我對(duì)大腦、視覺(jué)系統(tǒng)、記憶和動(dòng)機(jī)做了研究和學(xué)習(xí),并從中推斷用戶體驗(yàn)設(shè)計(jì)的原則。
這篇文章是一個(gè)對(duì)大象的心理學(xué)家觀點(diǎn)的簡(jiǎn)單描速。
1.除非必要,否則人們不想工作或者思考只要能完成任務(wù),人們能少做就少做。
最好只展示一小點(diǎn)信息,接著讓他們抉擇是否需要查看更多。漸進(jìn)展開(kāi)是個(gè)不錯(cuò)的方法。最近我寫(xiě)了一篇關(guān)于“漸進(jìn)展開(kāi)”的博文。
別只是解釋,給個(gè)例子吧。注意屏幕、頁(yè)面或是設(shè)備上的對(duì)象的啟示(Affordance,啟示,功能可見(jiàn)性)。如果某個(gè)東西可點(diǎn)擊,那么就要把它做得像是可點(diǎn)擊的。
只提供人們確實(shí)需要的功能。別按你自己的想象認(rèn)為他們需要什么;做些用戶研究去確切地發(fā)現(xiàn)他們所需。給予他們超過(guò)他們的需要的功能只會(huì)搞砸體驗(yàn)。
提供默認(rèn)。默認(rèn)讓人們做更少的事就能完成工作。
2.人有局限性
人們只能在屏幕上看有限的信息或閱讀有限文字而不失興趣。在當(dāng)下只提供需要的信息(查看上述的“漸進(jìn)展開(kāi)”)。
讓信息易于掃描。
使用標(biāo)題和小塊信息或文字。
人們不能同時(shí)進(jìn)行多項(xiàng)任務(wù)。這份研究很清楚的表明了這個(gè)觀點(diǎn),所以別期望他們能夠做到。
人們喜歡短小的文案,但是長(zhǎng)文案又能讓他們更好地理解!這是個(gè)難題,所以要抉擇在你的項(xiàng)目里,是偏好更重要還是性能更重要。但是,要知道人們喊著想要的東西并不是對(duì)于他們最好的東西。
3.孰能無(wú)過(guò)
假設(shè)人們會(huì)犯錯(cuò)。要預(yù)見(jiàn)到他們會(huì)犯的錯(cuò)誤并努力避免發(fā)生。
如果一個(gè)錯(cuò)誤的結(jié)果嚴(yán)重,那么在操作之前提供一個(gè)確認(rèn)。
提供容易使用的“撤銷”。
防止錯(cuò)誤發(fā)生往往比發(fā)生錯(cuò)誤后幫助人們糾正更好。最好的錯(cuò)誤消息是完全沒(méi)有錯(cuò)誤消息。
如果一個(gè)任務(wù)容易出錯(cuò),那么把它分散成為細(xì)小的組。
如果用戶出了錯(cuò)而你能糾正,那么就糾正用戶的錯(cuò)誤,并且告訴用戶。
設(shè)計(jì)用戶體驗(yàn)的人也會(huì)犯錯(cuò)。所以得保證有時(shí)間和精力去迭代、用戶反饋和測(cè)試。
4.人類的記憶很復(fù)雜
人們會(huì)重建記憶。也就是說(shuō)記憶總是在變化的。你只能相信用戶所述的極少的一部分。觀察他們的行為要比聽(tīng)從他們所述要好。
記憶是脆弱的。它消退得很快,而且,受很多錯(cuò)誤影響著。別讓用戶從一個(gè)任務(wù)跳轉(zhuǎn)到另一個(gè)任務(wù)或者從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)時(shí)還記住某些東西。
人們?cè)谝淮文軌蛴涀?~4個(gè)項(xiàng)目。“7±2”法則是個(gè)民間傳說(shuō)。實(shí)驗(yàn)得出,真是的數(shù)字是3~4。
5.人是社會(huì)人
人們總是嘗試用科技來(lái)社交。這是數(shù)千年來(lái)的真理。
人們需要?jiǎng)e人來(lái)指導(dǎo)自己該做些什么。尤其是在不確定的時(shí)候。這被稱為“社會(huì)認(rèn)同”。舉個(gè)例子,這就是為什么打分和評(píng)論功能在各網(wǎng)站上這么強(qiáng)大。
如果人們同時(shí)在一起做事(同步行為),這會(huì)把大家團(tuán)結(jié)在一起——事實(shí)上大腦也會(huì)有一些化學(xué)反應(yīng)。笑同樣可以團(tuán)結(jié)人。
如果你幫了我的忙,我會(huì)感恩并且同樣幫助你(互惠)。研究表明,如果你想讓人們填表單,那么先給他們些他們需要的東西,然后讓他們填表,而不是先填后給。
當(dāng)你在看某人做某事時(shí),你大腦里相同的部分會(huì)被喚起,并認(rèn)為是你自己在做(稱為鏡像神經(jīng)元)。我們生性就是愛(ài)模仿的動(dòng)物。如果你需要人們做,那么讓他們看看別人正在做。
你最多只能報(bào)紙與150人的強(qiáng)聯(lián)系。強(qiáng)聯(lián)系的定義就是與其有親密的身體鄰近的聯(lián)系。但是弱聯(lián)系可以有上千個(gè)并且很有影響力(就像Facebook)。
6.注意力
我開(kāi)始考慮,注意力這個(gè)概念就是如何設(shè)計(jì)有浸入感的UI的關(guān)鍵。我接下來(lái)會(huì)寫(xiě)一些關(guān)于這個(gè)話題的文章。抓住注意力,當(dāng)他們正在關(guān)注于某件事情時(shí),不要分散他們的注意力。這個(gè)就是重點(diǎn)。
人生來(lái)就愛(ài)關(guān)注任何不同的或者新奇的事情。如果你讓一個(gè)東西與眾不同了,那么它就會(huì)突出出來(lái)。
說(shuō)了這些,就是要告訴你人們很容易忽視在他們視野之內(nèi)的變化。這個(gè)被稱作變化視盲。有一些很有趣的視頻,視頻內(nèi)容就是人們站在大街上和別人攀談(被別人叫住問(wèn)路),然后他們完全沒(méi)有注意到,談一半的時(shí)候,問(wèn)路人被調(diào)包了!
你可以用感覺(jué)去抓住注意力。明亮的顏色、大字體、“嗶嗶”聲或者是一些音調(diào)都能抓住注意力。
人們很容易走神。如果你不希望他們走神,那么別用讓頁(yè)面上的東西會(huì)閃,也別讓視頻自動(dòng)播放。但是,如果你要抓住他們的注意力,上面說(shuō)的事情可以做。
7.人們渴求信息
多巴胺是一種讓人們尋覓……食物、性和信息的化學(xué)物質(zhì)。學(xué)習(xí)是多巴胺能的——我們幫不了忙但是需要更多的信息。
人們往往需要超過(guò)他們實(shí)際處理能力的信息。信息越多,人們就覺(jué)得選擇越多。選擇越多,人們就覺(jué)得有駕馭感。越有駕馭感人們就覺(jué)得活得更好。
人們需要反饋。計(jì)算機(jī)本身沒(méi)必要告訴人類他正在讀取文件。但人類需要知道現(xiàn)在計(jì)算機(jī)正干些什么。
8.無(wú)意識(shí)過(guò)程
大部分心理過(guò)程都是發(fā)生在無(wú)意識(shí)狀態(tài)下的。
如果你能讓人們提交一個(gè)小操作(免費(fèi)注冊(cè)),那么他們肯定會(huì)晚點(diǎn)再提交一個(gè)更大的操作(比如升級(jí)到高級(jí)賬戶)。
老腦幫我們做決策,或說(shuō)至少參與了決策。老腦關(guān)注于生存和繁殖:食物、性和危險(xiǎn)(譯者注:人腦分為新腦、中腦和老腦。新腦負(fù)責(zé)思維、語(yǔ)言、溝通各腦等,中腦負(fù)責(zé)情感,老腦負(fù)責(zé)生存和繁殖)。這就是為什么食物、性和危險(xiǎn)這三種信息能夠抓住我們的注意力。
情感大腦(譯者注:應(yīng)該就是我剛才說(shuō)的中腦。)會(huì)受到圖片,特別是人物圖片,有故事情節(jié)的圖片的影響。感性的大腦對(duì)我們的決策有巨大的影響。
人們的行為倍受連自己都不知道的因素所影響。“退休”、“廈門(mén)”、“疲勞”甚至能夠讓年輕人慢慢走上下坡路(心理學(xué)上成為框架)。
老腦和情感大腦都不需要我們下意識(shí)的知識(shí)。我們總是將我們的決策歸咎于一個(gè)理性的下意識(shí)的大腦,但是下意識(shí)的大腦從來(lái)不是我們采取行動(dòng)的所有原因,甚至連原因都不是。
9.人們會(huì)穿著心智模型
人們總是在某些對(duì)象或任務(wù)中產(chǎn)生心智模型(管理支票、看書(shū)、使用遙控器)。
人們所擁有的關(guān)于特定任務(wù)的心智模型,可能會(huì)使你設(shè)計(jì)的界面對(duì)于他們好用或是不好用。
為了創(chuàng)造積極的用戶體驗(yàn),你可以讓你產(chǎn)品或網(wǎng)站的概念模型符合用戶的心智模型,或者你也能找到“教會(huì)”用戶一個(gè)不同的心智的方法。
隱喻幫助用戶“理解”概念模型。舉個(gè)例子,“這就像是在看書(shū)。”
用戶研究的最重要的原因是獲取用戶的心智模型。
10.視覺(jué)系統(tǒng)
如果頁(yè)面亂成一團(tuán)糟,那么人們就沒(méi)法找著信息。用分組法來(lái)幫助眼睛找到該關(guān)注的地方。
靠近的東西會(huì)被認(rèn)為是有“瓜葛”的。
字體該足夠大。別用太花的字體以便能夠看清。
研究表明人們會(huì)用周邊視覺(jué)來(lái)抓住他們要找的“重點(diǎn)”。眼動(dòng)研究很有意思,就是因?yàn)橛腥硕⒅硸|西并看不代表他們正在關(guān)注它。
最難看清的顏色是將紅色和藍(lán)色放在一起。嚴(yán)防藍(lán)底紅字或是紅底藍(lán)字。
當(dāng)用戶看屏幕時(shí)稍微有些角度并且透視稍微向上的時(shí)候,人們最容易認(rèn)清對(duì)象(標(biāo)準(zhǔn)透視)。
顏色可以用來(lái)表示物體是不是相配的。因?yàn)橛忻と舜嬖冢砸欢ㄓ浀靡闷渌姆绞奖磉_(dá)這個(gè)相同的信息
作者:朋友圈科技
相關(guān)內(nèi)容 Related
- 為什么響應(yīng)式設(shè)計(jì)需要媒體查詢2016/8/5
- 虛擬主機(jī)被搜索引擎爬蟲(chóng)訪問(wèn)耗費(fèi)大量流量解決方法2016/8/3
- 網(wǎng)站建設(shè)中如何創(chuàng)建完美的顏色組合2016/8/1
- 什么是長(zhǎng)尾關(guān)鍵詞?2016/8/1
- 建設(shè)企業(yè)或個(gè)人網(wǎng)站的好處2016/7/8
- 前端開(kāi)發(fā)者需要知道的常識(shí)2016/7/6
- 12種方法為您拓展業(yè)務(wù)通道2016/7/27
- SEO優(yōu)化的三大技巧2016/7/24
- 10的方法來(lái)提高你的網(wǎng)站設(shè)計(jì)2016/7/24
- 網(wǎng)站統(tǒng)計(jì)用哪個(gè)比較好,百度?cnzz?2016/7/21


