一. 什(shen)么是認(ren)知負(fu)(fu)荷理論?首先需要了解(jie)認(ren)知負(fu)(fu)荷的定義。
認(ren)知負荷(he)是(shi)指針對(dui)某一特定認(ren)知任務,記憶系統對(dui)其進(jin)行加工和保(bao)持信(xin)(xin)息過(guo)程中所承受的(de)(de)負荷(he)總量。而(er)認(ren)知負荷(he)理論就(jiu)是(shi)通過(guo)合理的(de)(de)設計,讓信(xin)(xin)息接受者能利用有(you)限的(de)(de)認(ren)知資源(yuan)達成最佳信(xin)(xin)息獲(huo)取(qu)效果的(de)(de)理論。
認知負(fu)荷(he)的來源有三個,內容的性質(zhi)(難度(du),數量等),用戶的已有經驗(yan)(比如相對于(yu)(yu)老(lao)年(nian)(nian)人(ren)來說(shuo)年(nian)(nian)輕人(ren)對于(yu)(yu)一(yi)款新手(shou)游更(geng)容易上手(shou)),內容的呈現方(fang)式(shi)(shi)。由于(yu)(yu)前兩者較難改變,因此本文主要討(tao)論關于(yu)(yu)呈現方(fang)式(shi)(shi)的優化,下(xia)面(mian)提出了四種策略,來構造一(yi)個合格的界面(mian)設計。
二. 如(ru)何(he)利用認知負荷理論?1. 部分(fen)任務(wu)(wu)策略(lve),基(ji)礎功(gong)(gong)能(neng)(neng)(neng)重(zhong)(zhong)點呈(cheng)(cheng)現(xian)簡單來(lai)說就(jiu)是先呈(cheng)(cheng)現(xian)部分(fen)任務(wu)(wu),然后依次呈(cheng)(cheng)現(xian)其(qi)余任務(wu)(wu),最(zui)后呈(cheng)(cheng)現(xian)整體(ti),其(qi)中最(zui)基(ji)礎的(de)(de)(de)(de)功(gong)(gong)能(neng)(neng)(neng)要重(zhong)(zhong)點呈(cheng)(cheng)現(xian)。比如(ru)淘寶,其(qi)實擁有非常多(duo)的(de)(de)(de)(de)功(gong)(gong)能(neng)(neng)(neng)。但在最(zui)開(kai)始,永遠是先從購物這個(ge)基(ji)礎的(de)(de)(de)(de)功(gong)(gong)能(neng)(neng)(neng)引導客戶。而這個(ge)功(gong)(gong)能(neng)(neng)(neng)也(ye)會放(fang)置在界面的(de)(de)(de)(de)最(zui)顯眼(yan)處。值(zhi)得注意的(de)(de)(de)(de)是,當(dang)要求處理信(xin)(xin)息(xi)時,工(gong)作記憶則一次只(zhi)能(neng)(neng)(neng)處理2~ 3 條信(xin)(xin)息(xi),因此設(she)計(ji)途徑任務(wu)(wu)最(zui)好(hao)不要超(chao)過(guo) 3 個(ge)。2. 清除冗余策略(lve),減少(shao)無關信(xin)(xin)息(xi)干(gan)擾界面要注重(zhong)(zhong)減少(shao)冗余的(de)(de)(de)(de)干(gan)擾信(xin)(xin)息(xi),這可以分(fen)為兩(liang)方面,一個(ge)是減少(shao)不必要的(de)(de)(de)(de)功(gong)(gong)能(neng)(neng)(neng)設(she)計(ji),一個(ge)是減少(shao)不必要的(de)(de)(de)(de)美化(hua)設(she)計(ji)。
(1)減少不必要的功能設計
前文的(de)部分任(ren)(ren)務(wu)(wu)策略要(yao)(yao)(yao)求設計途(tu)(tu)徑任(ren)(ren)務(wu)(wu)最(zui)好不要(yao)(yao)(yao)超過(guo) 3 個(ge)(ge),因此我們(men)需要(yao)(yao)(yao)把(ba)用(yong)戶做的(de)這些沒用(yong)的(de)任(ren)(ren)務(wu)(wu)拿走,但(dan)是(shi)移(yi)除所有的(de)任(ren)(ren)務(wu)(wu)是(shi)不可(ke)能的(de),可(ke)以(yi)(yi)采取以(yi)(yi)下兩(liang)種方法:提供給用(yong)戶一(yi)些可(ke)以(yi)(yi)編輯的(de)功(gong)能項(xiang)。例如導航,下拉菜單或(huo)是(shi)一(yi)個(ge)(ge)代表“更多(duo)”的(de)icon。把(ba)不常(chang)使用(yong)的(de)元素收起來(lai)(lai),這就減(jian)少(shao)導航上擺放過(guo)多(duo)低頻率使用(yong)的(de)操(cao)作,減(jian)少(shao)視覺(jue)上的(de)混亂。利用(yong)信息,移(yi)除部分途(tu)(tu)經(jing)任(ren)(ren)務(wu)(wu)。即(ji)減(jian)少(shao)到達目的(de)的(de)途(tu)(tu)徑任(ren)(ren)務(wu)(wu)。比(bi)如像谷歌有很(hen)多(duo)產(chan)品(pin),只要(yao)(yao)(yao)一(yi)個(ge)(ge)產(chan)品(pin)登錄了谷歌賬(zhang)號,使用(yong)其他(ta)產(chan)品(pin)時可(ke)以(yi)(yi)檢測(ce)手(shou)機上的(de)已(yi)經(jing)存在的(de)谷歌賬(zhang)號來(lai)(lai)自動登錄,免去輸入(ru)賬(zhang)號和密碼(ma)的(de)麻(ma)煩。又比(bi)如打(da)電話的(de)正常(chang)途(tu)(tu)徑比(bi)較復雜,但(dan)是(shi)可(ke)以(yi)(yi)根(gen)據老(lao)年(nian)人使用(yong)手(shou)機的(de)特點,發(fa)現老(lao)年(nian)人使用(yong)手(shou)機主要(yao)(yao)(yao)就是(shi)打(da)電話,來(lai)(lai)固定(ding)設置打(da)開手(shou)機直(zhi)接跳轉到通訊錄頁面。
(2)減(jian)少不必要(yao)的美化設計
例如避免使用(yong)華而不(bu)實的、與主題(ti)相關度(du)低的復(fu)雜(za)圖(tu)文(wen)或是過度(du)美(mei)化的用(yong)戶界面、不(bu)易識別含義(yi)的圖(tu)標等。3. 關聯記憶策略,獲得認(ren)知支架簡單來(lai)說,就是利(li)用(yong)用(yong)戶已經理解的熟悉的知識,來(lai)降低其使用(yong)的難度(du)。 有兩種方(fang)式。
(1)利用(yong)普遍的(de)(de)(de)設計模式我們會發現(xian),所(suo)有(you)的(de)(de)(de)外(wai)賣軟(ruan)件界面設計都(dou)大同小異,這(zhe)正(zheng)是(shi)利用(yong)了關聯(lian)記憶(yi)策略,讓用(yong)戶能(neng)以(yi)(yi)最低(di)的(de)(de)(de)成(cheng)本學(xue)會使(shi)用(yong)這(zhe)個(ge)軟(ruan)件。不僅是(shi)相似的(de)(de)(de)軟(ruan)件可以(yi)(yi)做為(wei)認(ren)知(zhi)支架,用(yong)戶所(suo)熟悉的(de)(de)(de)事(shi)物都(dou)可以(yi)(yi),比如現(xian)在(zai)老年人平板電腦,不能(neng)簡單仿照年輕人的(de)(de)(de)平板電腦設計的(de)(de)(de)少即是(shi)多(duo)的(de)(de)(de)原(yuan)則(ze),而應(ying)該參照以(yi)(yi)前的(de)(de)(de)收音機的(de)(de)(de)形式,在(zai)界面上(shang)顯示出各種按(an)鈕。
除(chu)了(le)大框架之外,小心的(de)(de)(de)使用icon也(ye)是方(fang)法之一(yi),盡量(liang)使用那些通用的(de)(de)(de)圖(tu)標(biao)來代表(biao)功(gong)能,比如信封圖(tu)標(biao)代表(biao)消息(xi)等。同(tong)時(shi)最好在(zai)icons旁邊放上文本(ben)標(biao)簽來指(zhi)出它的(de)(de)(de)意義,減(jian)少模(mo)糊(hu)。
(2)利(li)用鄰近(jin)減負原則
這個策略非常容易理解(jie),就(jiu)是相似的(de)功能放在(zai)一(yi)起(qi),可以(yi)減輕用(yong)(yong)戶(hu)的(de)認知負荷。比如(ru)音樂軟件,本地(di)音樂和收藏歌單永(yong)遠是放在(zai)一(yi)起(qi)的(de),這讓用(yong)(yong)戶(hu)能更(geng)快的(de)掌握軟件的(de)使用(yong)(yong)。4. 增強可讀策略,完善用(yong)(yong)戶(hu)體驗當做到以(yi)上三點,一(yi)個合格(ge)的(de)界面設計已經初步完成,接下來要做的(de),就(jiu)是一(yi)些細節上的(de)優化。比如(ru)圖(tu)片的(de)介(jie)紹文(wen)(wen)(wen)本應(ying)鄰近或嵌(qian)入(ru)圖(tu)片,不應(ying)分離太遠。同(tong)時圖(tu)片和文(wen)(wen)(wen)本的(de)呈現應(ying)盡(jin)量不要超過屏(ping)幕的(de)顯示范疇(chou),避免(mian)閱者頻繁的(de)拖拉觀(guan)看。在(zai)另一(yi)方面,針對(dui)不同(tong)人(ren)群可以(yi)選擇不同(tong)的(de)表(biao)現形式,針對(dui)專家(jia)用(yong)(yong)戶(hu)可以(yi)選擇純文(wen)(wen)(wen)字的(de),來放置更(geng)大的(de)信(xin)息(xi)量,而針對(dui)普通用(yong)(yong)戶(hu)可以(yi)是圖(tu)標的(de)或者圖(tu)文(wen)(wen)(wen)并茂的(de)。