交互設(shè)計(jì)與心理學(xué)關(guān)系

1 評(píng)論 12070 瀏覽 18 收藏 12 分鐘

交互設(shè)計(jì)是個(gè)跨學(xué)科專業(yè),其中,心理學(xué)便是其中很重要的一個(gè)部分。所以,如果你不想繼續(xù)僅憑直覺和死記硬背高大上的理論原則來(lái)從事交互設(shè)計(jì),如果你想成為優(yōu)秀的交互設(shè)計(jì)師,學(xué)習(xí)一定的心理學(xué)將是很有幫助也是很有必要的。這篇文章的主要目的就是初步地向大家介紹交互設(shè)計(jì)師至少應(yīng)該了解哪些基本的心理學(xué)理論。

1、認(rèn)知心理學(xué)

在對(duì)交互(interaction)的眾多定義中,我比較喜歡這個(gè):所謂交互,即輸入(input)和輸出(output)。所以,交互設(shè)計(jì)(Interaction Design)就是針對(duì)輸入方式(通常是人)和輸出方式(通常是機(jī)器)的設(shè)計(jì)。比如我們通過(guò)“觸摸”來(lái)控制手機(jī)便是一種輸入方式,然后手機(jī)在屏幕上提供相應(yīng)的界面就是輸出方式。而作為交互設(shè)計(jì)師,我們要思考的就是在何時(shí)采取何種輸入輸出方式。這里就涉及到一系列問(wèn)題:我們?yōu)槭裁匆糜|摸而不是其他方式?機(jī)器反饋的界面又該如何設(shè)計(jì)才能使用戶更容易理解,才能使人與機(jī)器的溝通更加舒暢自然?要回答這些問(wèn)題,就要求我們能夠從根本上認(rèn)識(shí)人是如何處理信息的以及人是如何行動(dòng)的。這就是認(rèn)知心理學(xué)的范疇。

人機(jī)交互圖

而認(rèn)知心理學(xué)理論將人比喻成計(jì)算機(jī),人像計(jì)算機(jī)一樣對(duì)外界信息進(jìn)行加工,如下圖所示:

20140528080749383

信息加工模型圖

認(rèn)知心理學(xué)無(wú)法一兩句話就說(shuō)明白,我這里只介紹幾個(gè)最關(guān)鍵的概念帶大家入門。

A、感受器即人的感覺器官,視覺、聽覺、觸覺等等。研究人的感受器的特點(diǎn)將有利于交互設(shè)計(jì)師理解人們?nèi)绾谓邮招畔ⅲ拍茉O(shè)計(jì)出合適的交互方式來(lái)使人們輕松愉快地接收你要提供的信息。其中,一般來(lái)說(shuō),從信息量的大小來(lái)看,視覺、聽覺、觸覺依次減小。因此,我們通常使用聽覺和觸覺來(lái)輔助視覺上的設(shè)計(jì),比如提示音和手機(jī)的震動(dòng)。

B、效應(yīng)器指手、足、語(yǔ)言器官等。效應(yīng)器的質(zhì)量指標(biāo)通常是反應(yīng)時(shí)間、運(yùn)動(dòng)速度和運(yùn)動(dòng)準(zhǔn)確性,因此交互設(shè)計(jì)師可以以這三個(gè)指標(biāo)來(lái)檢測(cè)你的設(shè)計(jì)是否符合人的認(rèn)知模型。

C、加工器,這個(gè)比較復(fù)雜,但也是最重要的一部分,簡(jiǎn)單來(lái)說(shuō),它告訴我們,除了客觀因素(如刺激強(qiáng)度、數(shù)量、作用方式)外,諸如動(dòng)機(jī)、興趣、知識(shí)經(jīng)驗(yàn)等主觀因素也是影響人們理解信息的重要因素。學(xué)習(xí)它,將有利于交互設(shè)計(jì)師更準(zhǔn)確地挖掘需求和提高設(shè)計(jì)質(zhì)量。

2、格式塔心理學(xué)

這是交互設(shè)計(jì)中實(shí)際運(yùn)用的最多的心理學(xué)理論之一。它主要包括三個(gè)部分:相似原則、接近原則和完形原則。

A、相似原則:相等或相似的元素形成整體或群體。如下圖左圖中,你會(huì)不自覺地認(rèn)為它是縱向排列的,而右圖中是橫向排列。

20140528080750177

相似原則

相似原則告訴我們,人們通常把具有相似特征(如大小、形狀、顏色等)的事物組合在一起。在交互設(shè)計(jì)中,我們經(jīng)常用到這個(gè)原則,如網(wǎng)站的導(dǎo)航,使用不同顏色即可很容易將一級(jí)導(dǎo)航和二級(jí)導(dǎo)航區(qū)分開;再比如淘寶首頁(yè)的橫向標(biāo)簽導(dǎo)航中,“天貓”、“聚劃算”和“二手”這三個(gè)板塊和同一排的其他板塊比較,使用了更大的字體更鮮艷的顏色,通過(guò)這種方法來(lái)強(qiáng)調(diào)這三個(gè)板塊的與其他板塊的重要性不同。

2014052808075146

搜狐美劇頁(yè)面導(dǎo)航

20140528080751906

淘寶首頁(yè)

B、接近原則:緊密靠在一起的元素形成整體或群體。比如下圖中,你會(huì)不自覺地把它分成左右各一組。

20140528080752619

接近原則

接近原則告訴我們?nèi)绻阆M麑⒍鄠€(gè)元素進(jìn)行分類,那么讓同一類元素靠近在一起是個(gè)不錯(cuò)的選擇。比如iPhone的“通用”界面:

20140528080753276

iPhone的”通用“界面

同樣的道理,很多同學(xué)在網(wǎng)站排版或者平面設(shè)計(jì)排版的時(shí)候習(xí)慣用各種線條來(lái)劃分區(qū)域,其實(shí)沒(méi)有必要,很多時(shí)候只需要合理利用留白就能夠起到相同的作用并且更加簡(jiǎn)潔美觀。另外,這里有一個(gè)小知識(shí):由于人們的閱讀順序是從左往右,所以左右相鄰比上下相鄰顯得更為密切。比如下圖中,人們可能會(huì)覺得圖片對(duì)應(yīng)的文字是右邊的文字,而事實(shí)上是圖片下方的文字。所以,我們要盡量避免出現(xiàn)這種錯(cuò)誤,解決的辦法就是遵循用戶認(rèn)知習(xí)慣,采用橫向的排版,或者加大留白。

20140528080753940

看起來(lái)圖片是和右邊的文字對(duì)應(yīng)的,事實(shí)上卻是下方的文字

C、閉合原則:我們傾向于將圖形中缺失的部分“填滿”。如下圖,你會(huì)不自覺地認(rèn)為它是個(gè)三角形,實(shí)際上它們只是幾根線條而已。

20140528080754565

閉合原則

在交互設(shè)計(jì)中,這個(gè)原則也很常用,比如下面兩個(gè)方案,右邊的方案運(yùn)用了閉合原則,將標(biāo)題放在未閉合的線框線上,卻起到了很好的分組效果。

20140528080755202

3、色彩心理學(xué)

色彩心理學(xué)對(duì)于設(shè)計(jì)的重要性相信任何一個(gè)設(shè)計(jì)師都了解,這里不再贅述。

4、心流狀態(tài)

心流(flow)是人們?nèi)硇耐度肽呈碌囊环N心理狀態(tài)。人們處于這種情境時(shí),往往不愿意被打擾,心流狀態(tài)會(huì)產(chǎn)生極高的興奮感和充實(shí)感。

把握這個(gè)心理狀態(tài)對(duì)于沉浸式的交互設(shè)計(jì)特別有用,比如設(shè)計(jì)一款閱讀類應(yīng)用,一款大型網(wǎng)游,我們都希望用戶能夠不被打擾地沉浸到應(yīng)用中去。這樣的設(shè)計(jì)例子很多,比如游戲的全屏功能,比如使用safari瀏覽器時(shí),向上滑動(dòng)頁(yè)面時(shí)自動(dòng)隱藏工具類和地址欄。

2014052808075643

safari瀏覽器

那么,如何讓用戶達(dá)到心流狀態(tài)呢?心理學(xué)告訴我們至少要具備以下條件:

A、明確且可實(shí)現(xiàn)的目標(biāo);所以,我們應(yīng)該記得始終讓用戶明確地知道他的目標(biāo),并且目標(biāo)是可實(shí)現(xiàn)的。比如,你需要你的游戲玩家去消滅10個(gè)叫做強(qiáng)盜的怪,那就在任務(wù)菜單里寫清楚“10個(gè)”和“強(qiáng)盜”,并且要保證這個(gè)任務(wù)是玩家有辦法完成的。

B、流暢的任務(wù);保持流暢的任務(wù)直到目標(biāo)實(shí)現(xiàn)為止。比如我們通常會(huì)忽視網(wǎng)站的404錯(cuò)誤頁(yè)面,但是,如果在通知錯(cuò)誤的同時(shí)告訴用戶接下來(lái)該怎么辦會(huì)更好。

20140528080756857

告訴用戶接下來(lái)可以怎么做的404頁(yè)面

C、持續(xù)性的反饋;時(shí)刻告訴用戶當(dāng)前的狀態(tài)、所處位置以及操作的效果。此類的設(shè)計(jì)包括很多,比如導(dǎo)航設(shè)計(jì)、轉(zhuǎn)場(chǎng)動(dòng)畫設(shè)計(jì)、狀態(tài)界面設(shè)計(jì)等等。

D、可控制的操作;盡管用戶全心全意地沉浸到其中,但依然希望能夠在需要的時(shí)候可以控制自己的行為。此類設(shè)計(jì)包括可撤銷設(shè)計(jì)、防錯(cuò)設(shè)計(jì)等。

以上4個(gè)是目前我掌握的、我認(rèn)為對(duì)于交互設(shè)計(jì)最實(shí)用的幾個(gè)心理學(xué)理論,除此以外,還有很多心理學(xué)理論都能夠運(yùn)用到交互設(shè)計(jì)當(dāng)中去,比如消費(fèi)心理學(xué)等。這里我再給大家介紹一種有趣并且也挺實(shí)用的一種心理學(xué)理論:目標(biāo)趨近效應(yīng)(goal-gradient effect)。

目標(biāo)趨近效應(yīng)指的是人們?cè)诮咏繕?biāo)時(shí)會(huì)加快行動(dòng)。比如,咖啡店送你一張積分卡,每買一杯咖啡就得1個(gè)積分貼卡,等積分卡滿的時(shí)候就可以換取禮物。下面是兩種不同的方法:

A、積分卡有10個(gè)貼槽,給你卡時(shí)所有貼槽都是空著的;

B、積分卡有12個(gè)貼槽,給你卡時(shí)已經(jīng)貼上了2張貼紙;

問(wèn):貼滿一張卡需要多久,A和B是否相同?答案當(dāng)然是不同,盡管同樣需要買10杯咖啡,但往往B方案會(huì)更快地貼滿。這就是目標(biāo)趨近效應(yīng),離目標(biāo)越近,人們就越有動(dòng)力完成它。這在交互設(shè)計(jì)中也有使用到,比如我們剛注冊(cè)一個(gè)網(wǎng)站時(shí),網(wǎng)站會(huì)提醒我們已經(jīng)填寫了70%的資料,繼續(xù)完善就會(huì)得到什么樣的獎(jiǎng)勵(lì),這就是利用人們的目標(biāo)趨近心理。

轉(zhuǎn)載自:38升

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!