如何做出滿(mǎn)足用戶(hù)心理預(yù)期的設(shè)計(jì)?
編輯導(dǎo)語(yǔ):在心理學(xué)上有一種效應(yīng)叫“預(yù)期效應(yīng)”,即動(dòng)物和人類(lèi)的行為不是受他們行為的直接結(jié)果的影響,而是受他們預(yù)期行為將會(huì)帶來(lái)什么結(jié)果所支配。根據(jù)心理預(yù)期,可以提升產(chǎn)品體驗(yàn)。那么,如何做出滿(mǎn)足用戶(hù)心理預(yù)期的設(shè)計(jì)呢?一起來(lái)看一下吧。
01 一個(gè)需求引發(fā)的思考
這是一個(gè)工作中的需求,用戶(hù)可以在我們的后臺(tái)創(chuàng)建直播間,然后進(jìn)行直播。創(chuàng)建直播間的時(shí)候需要上傳直播封面,這個(gè)需求就是把創(chuàng)客貼這樣的在線(xiàn)設(shè)計(jì)平臺(tái)接入到直播封面,讓用戶(hù)可以不用自己設(shè)計(jì),直接在創(chuàng)客貼中選擇自己喜歡的圖片改改就可以用,大大節(jié)約了設(shè)計(jì)成本。
用戶(hù)點(diǎn)擊在線(xiàn)設(shè)計(jì)后可以跳轉(zhuǎn)到圖片選擇頁(yè)面,這個(gè)頁(yè)面由我們自己開(kāi)發(fā),圖片來(lái)源于創(chuàng)客貼。
設(shè)計(jì)過(guò)程中開(kāi)發(fā)提了一個(gè)問(wèn)題:列表頁(yè)的圖片使用瀑布流還是固定尺寸?
開(kāi)發(fā)同學(xué)認(rèn)為應(yīng)該使用瀑布流,因?yàn)槭忻嫔掀毡榫褪鞘褂玫钠俨剂鳌?/p>
開(kāi)發(fā)同學(xué)的視角是“市面上的主流做法就是這么做的”。
一般場(chǎng)景下是無(wú)可厚非的,但是這次并不是一般的場(chǎng)景。
為什么呢?
先說(shuō)一下直播封面的尺寸的背景,在我們的后臺(tái),直播封面的比例是固定的,所以在和創(chuàng)客貼溝通初期就確定了不管創(chuàng)客貼的圖片尺寸如何,都需要裁剪為我們直播封面的尺寸,才能保證適配。
現(xiàn)在再來(lái)還原用戶(hù)A的使用場(chǎng)景,用戶(hù)A打算開(kāi)展一場(chǎng)直播,于是進(jìn)入后臺(tái)開(kāi)始創(chuàng)建直播間,點(diǎn)擊封面圖打算選一張好看的圖片來(lái)作為封面圖,接著就進(jìn)入到了圖片的列表頁(yè)。
這時(shí)有兩種情況:
1)列表頁(yè)使用瀑布流
意味著列表頁(yè)的圖片尺寸不一,此時(shí)會(huì)給用戶(hù)造成一種突兀和疑惑的感覺(jué),直播封面圖明明是x:y的尺寸,為什么列表頁(yè)有這么多尺寸,讓我如何選擇?也就是和用戶(hù)的心理預(yù)期不符。
2)列表頁(yè)使用固定尺寸x:y
即直播封面圖的比例,封面圖比例保持一致,一來(lái)銜接順暢,二來(lái)符合用戶(hù)的心理預(yù)期。
以上關(guān)于這個(gè)用戶(hù)心理預(yù)期的思考,也讓我對(duì)怎樣的設(shè)計(jì)才更加符合用戶(hù)的心理預(yù)期有了更多的想法。
02 心理預(yù)期是什么?
在心理學(xué)上有一種效應(yīng)叫做“預(yù)期效應(yīng)”。
心理學(xué)家廷波克在1928年對(duì)猴子做實(shí)驗(yàn):訓(xùn)練其完成一項(xiàng)辨別任務(wù)——猴子的沮喪。
實(shí)驗(yàn)大概是這樣的,實(shí)驗(yàn)者每次都當(dāng)著猴子的面把香蕉放入擋板,然后再拿出來(lái)給猴子吃。
多次試驗(yàn)后,猴子已經(jīng)對(duì)擋板下拿出來(lái)的食物有了預(yù)期,此時(shí)再次實(shí)驗(yàn),把香蕉放入擋板,但是拿出猴子不喜歡的蔬菜,此時(shí)猴子表現(xiàn)出了驚訝,甚至高聲尖叫大發(fā)脾氣。
實(shí)驗(yàn)的結(jié)果表明:動(dòng)物和人類(lèi)的行為不是受他們行為的直接結(jié)果的影響,而是受他們預(yù)期行為將會(huì)帶來(lái)什么結(jié)果所支配。
聽(tīng)起來(lái)有些繞,但是待我舉個(gè)例子,你小時(shí)候每次考試拿到90分以上媽媽就會(huì)帶你去吃平時(shí)從來(lái)不會(huì)吃的肯德基,所以你認(rèn)為只要你考試拿到90分就能吃肯德基。
有一次你考試得了95分,高興地把試卷拿回家給媽媽看,媽媽夸獎(jiǎng)了你一句說(shuō)“你真棒!”,然后做自己的事情去了,一周過(guò)去了媽媽都沒(méi)有帶你去吃肯德基,你繃不住了,去問(wèn)媽媽什么時(shí)候能去吃肯德基,媽媽說(shuō)不去吃肯德基。
此時(shí)你會(huì)如何?恐怕你可能會(huì)大哭一場(chǎng),搞不懂為什么你明明考了95分但是卻沒(méi)有帶你去吃你心心念念的肯德基。
這里我們可以復(fù)盤(pán)看看,媽媽從未給你做過(guò)只要考試90分以上就能吃肯德基的承諾,為什么當(dāng)你考95分時(shí)卻篤定媽媽一定會(huì)帶你去吃肯德基?
其實(shí)和上面說(shuō)的實(shí)驗(yàn)是一樣的,當(dāng)多次類(lèi)似的行為發(fā)生后,你就形成了一個(gè)心理預(yù)期:即只要A,就能B。
只要我考上95分,媽媽就能帶我去吃肯德基,這已經(jīng)刻在了你的心里,成為了一個(gè)穩(wěn)定的預(yù)期。
一旦你達(dá)到A卻沒(méi)有得到B,那么就會(huì)打破你的心理預(yù)期,就可能帶來(lái)一系列的反應(yīng),或超預(yù)期或預(yù)期不符。
此時(shí)再來(lái)看上面猴子的實(shí)驗(yàn)中得到的結(jié)論:動(dòng)物和人類(lèi)的行為不是受他們行為的直接結(jié)果的影響,而是受他們預(yù)期行為將會(huì)帶來(lái)什么結(jié)果所支配。
對(duì)于同樣的結(jié)果,即你媽媽沒(méi)有帶你去肯德基這件事情結(jié)果都是一樣的,但是前提條件不一樣,你就會(huì)有不一樣的感受。
如果你考試上90分時(shí),你媽媽從未帶你去肯德基,那你不會(huì)又什么感覺(jué),但是如果她一直這樣做,偶爾一次斷了,那么你就會(huì)覺(jué)得和你的預(yù)期不符。
這就是預(yù)期效應(yīng)。
03 如何運(yùn)用心理預(yù)期提升產(chǎn)品體驗(yàn)?
我們可以利用2大設(shè)計(jì)原則來(lái)進(jìn)行設(shè)計(jì)指導(dǎo),也就是尼爾森十大可用性原則中的系統(tǒng)狀態(tài)可見(jiàn)性、一致性和標(biāo)準(zhǔn)化。
1. 告訴用戶(hù)“我是誰(shuí)?我在哪?我能做什么?”
首先告訴用戶(hù)“我是誰(shuí)?”
讓用戶(hù)知道自己處于何種角色,尤其是當(dāng)一個(gè)產(chǎn)品涉及多個(gè)角色時(shí),要讓用戶(hù)知道自己處于何種角色。例如教育產(chǎn)品中可能會(huì)分老師、助教、學(xué)生等多個(gè)角色,當(dāng)角色太多就需要使用標(biāo)簽等方式來(lái)做區(qū)分。
然后讓用戶(hù)知道自己處于哪個(gè)位置,即“我在哪”,因?yàn)楫?dāng)用戶(hù)迷失的時(shí)候就很容易產(chǎn)生焦慮的感覺(jué)。
1)導(dǎo)航欄
導(dǎo)航欄就是最典型的讓用戶(hù)知道自己在哪的設(shè)計(jì)方法。
2)步驟條
還有一種能夠非常明確告訴用戶(hù)自己在哪的設(shè)計(jì)組件是步驟條,當(dāng)遇到復(fù)雜任務(wù)或存在先后關(guān)系的時(shí)候使用步驟條就能很好地引導(dǎo)用戶(hù)完成操作。
3)高亮定位
當(dāng)“我”的信息和其他用戶(hù)的信息混在一起的時(shí)候,高亮定位是常見(jiàn)的做法,例如社交軟件中“我”的消息區(qū)別于其他人的消息是高亮的。
“我能做什么?”
讓用戶(hù)知道我下一步能做什么,也就是界面中要有明確的示能和意符讓用戶(hù)知道能做什么在哪里操作。
這里要多說(shuō)一句示能和意符分別是什么,舉個(gè)例子你可能就明白了。
可以看到這界面有一個(gè)矩形條和圓形,你會(huì)知道這個(gè)圓形是可以拖拽的,這是互聯(lián)網(wǎng)賦予你的經(jīng)驗(yàn)。
矩形條和圓形兩個(gè)元素組合在一起就暗示了可以左右滑動(dòng),這就是示能,揭示元素與人的關(guān)系。
意符是什么呢?
還是剛剛的矩形條和圓形,現(xiàn)在去掉了圓形,只剩下矩形條,這時(shí)候哪怕你覺(jué)得應(yīng)該是可以滑動(dòng)的,但是你不知道怎么操作才能使進(jìn)度條移動(dòng),因?yàn)槿鄙倭嘶瑝K。
而這里的滑塊就是意符,一種可以告訴你該如何操作的提示。
掌握了示能和意符,我們就能輕松解決用戶(hù)“我能做什么”的問(wèn)題了,下面就舉幾個(gè)例子。
2. 告訴用戶(hù)系統(tǒng)做了什么
讓用戶(hù)知道系統(tǒng)做了什么也就是要給用戶(hù)明確的反饋,例如文字、動(dòng)效、聲音和界面元素的變化來(lái)提示。
1)文字提示
文字提示是最常見(jiàn)的方式,例如toast、小紅點(diǎn)、小氣泡、彈窗等形式。
2)動(dòng)效
動(dòng)效例如加載動(dòng)效、加入購(gòu)物車(chē)動(dòng)效、數(shù)字變化等方式。
3)聲音
例如蘋(píng)果系統(tǒng)支付成功后的聲音,微信語(yǔ)音來(lái)電的聲音等,都是一聽(tīng)到就能夠喚起人們記憶的聲音。
以上。
本文由 @餿面包 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
動(dòng)物和人類(lèi)的行為不是受他們行為的直接結(jié)果的影響,而是受他們預(yù)期行為將會(huì)帶來(lái)什么結(jié)果所支配。