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