認識酷森、了(le)解酷森、選擇酷森

互聯酷之道 企業森動力

從認知負荷理(lǐ)論看界面設計,讓産品更加簡單易上手

分(fēn)享到:
來(lái)源:本站原創     2019-09-24
字号:T|T

一. 什(shén)麽是認知負荷理(lǐ)論?首先需要了(le)解認知負荷的(de)定義。

認知負荷是指針對(duì)某一特定認知任務,記憶系統對(duì)其進行加工和(hé)保持信息過程中所承受的(de)負荷總量。而認知負荷理(lǐ)論就是通(tōng)過合理(lǐ)的(de)設計,讓信息接受者能利用(yòng)有限的(de)認知資源達成最佳信息獲取效果的(de)理(lǐ)論。

認知負荷的(de)來(lái)源有三個(gè),内容的(de)性質(難度,數量等),用(yòng)戶的(de)已有經驗(比如相對(duì)于老年人(rén)來(lái)說年輕人(rén)對(duì)于一款新手遊更容易上手),内容的(de)呈現方式。由于前兩者較難改變,因此本文主要討(tǎo)論關于呈現方式的(de)優化(huà),下(xià)面提出了(le)四種策略,來(lái)構造一個(gè)合格的(de)界面設計。

二. 如何利用(yòng)認知負荷理(lǐ)論?1. 部分(fēn)任務策略,基礎功能重點呈現簡單來(lái)說就是先呈現部分(fēn)任務,然後依次呈現其餘任務,最後呈現整體,其中最基礎的(de)功能要重點呈現。比如淘寶,其實擁有非常多(duō)的(de)功能。但在最開始,永遠(yuǎn)是先從購(gòu)物(wù)這(zhè)個(gè)基礎的(de)功能引導客戶。而這(zhè)個(gè)功能也(yě)會放置在界面的(de)最顯眼處。值得(de)注意的(de)是,當要求處理(lǐ)信息時(shí),工作記憶則一次隻能處理(lǐ)2~ 3 條信息,因此設計途徑任務最好不要超過 3 個(gè)。2. 清除冗餘策略,減少無關信息幹擾界面要注重減少冗餘的(de)幹擾信息,這(zhè)可(kě)以分(fēn)爲兩方面,一個(gè)是減少不必要的(de)功能設計,一個(gè)是減少不必要的(de)美(měi)化(huà)設計。

(1)減少不必要的(de)功能設計

前文的(de)部分(fēn)任務策略要求設計途徑任務最好不要超過 3 個(gè),因此我們需要把用(yòng)戶做(zuò)的(de)這(zhè)些沒用(yòng)的(de)任務拿走,但是移除所有的(de)任務是不可(kě)能的(de),可(kě)以采取以下(xià)兩種方法:提供給用(yòng)戶一些可(kě)以編輯的(de)功能項。例如導航,下(xià)拉菜單或是一個(gè)代表“更多(duō)”的(de)icon。把不常使用(yòng)的(de)元素收起來(lái),這(zhè)就減少導航上擺放過多(duō)低頻(pín)率使用(yòng)的(de)操作,減少視覺上的(de)混亂。利用(yòng)信息,移除部分(fēn)途經任務。即減少到達目的(de)的(de)途徑任務。比如像谷歌(gē)有很多(duō)産品,隻要一個(gè)産品登錄了(le)谷歌(gē)賬号,使用(yòng)其他(tā)産品時(shí)可(kě)以檢測手機上的(de)已經存在的(de)谷歌(gē)賬号來(lái)自動登錄,免去輸入賬号和(hé)密碼的(de)麻煩。又比如打電話(huà)的(de)正常途徑比較複雜(zá),但是可(kě)以根據老年人(rén)使用(yòng)手機的(de)特點,發現老年人(rén)使用(yòng)手機主要就是打電話(huà),來(lái)固定設置打開手機直接跳轉到通(tōng)訊錄頁面。

(2)減少不必要的(de)美(měi)化(huà)設計

例如避免使用(yòng)華而不實的(de)、與主題相關度低的(de)複雜(zá)圖文或是過度美(měi)化(huà)的(de)用(yòng)戶界面、不易識别含義的(de)圖标等。3. 關聯記憶策略,獲得(de)認知支架簡單來(lái)說,就是利用(yòng)用(yòng)戶已經理(lǐ)解的(de)熟悉的(de)知識,來(lái)降低其使用(yòng)的(de)難度。 有兩種方式。

(1)利用(yòng)普遍的(de)設計模式我們會發現,所有的(de)外賣軟件界面設計都大(dà)同小異,這(zhè)正是利用(yòng)了(le)關聯記憶策略,讓用(yòng)戶能以最低的(de)成本學會使用(yòng)這(zhè)個(gè)軟件。不僅是相似的(de)軟件可(kě)以做(zuò)爲認知支架,用(yòng)戶所熟悉的(de)事物(wù)都可(kě)以,比如現在老年人(rén)平闆電腦(nǎo),不能簡單仿照(zhào)年輕人(rén)的(de)平闆電腦(nǎo)設計的(de)少即是多(duō)的(de)原則,而應該參照(zhào)以前的(de)收音(yīn)機的(de)形式,在界面上顯示出各種按鈕。

除了(le)大(dà)框架之外,小心的(de)使用(yòng)icon也(yě)是方法之一,盡量使用(yòng)那些通(tōng)用(yòng)的(de)圖标來(lái)代表功能,比如信封圖标代表消息等。同時(shí)最好在icons旁邊放上文本标簽來(lái)指出它的(de)意義,減少模糊。

(2)利用(yòng)鄰近減負原則

這(zhè)個(gè)策略非常容易理(lǐ)解,就是相似的(de)功能放在一起,可(kě)以減輕用(yòng)戶的(de)認知負荷。比如音(yīn)樂(yuè)軟件,本地音(yīn)樂(yuè)和(hé)收藏歌(gē)單永遠(yuǎn)是放在一起的(de),這(zhè)讓用(yòng)戶能更快(kuài)的(de)掌握軟件的(de)使用(yòng)。4. 增強可(kě)讀策略,完善用(yòng)戶體驗當做(zuò)到以上三點,一個(gè)合格的(de)界面設計已經初步完成,接下(xià)來(lái)要做(zuò)的(de),就是一些細節上的(de)優化(huà)。比如圖片的(de)介紹文本應鄰近或嵌入圖片,不應分(fēn)離太遠(yuǎn)。同時(shí)圖片和(hé)文本的(de)呈現應盡量不要超過屏幕的(de)顯示範疇,避免閱者頻(pín)繁的(de)拖拉觀看。在另一方面,針對(duì)不同人(rén)群可(kě)以選擇不同的(de)表現形式,針對(duì)專家用(yòng)戶可(kě)以選擇純文字的(de),來(lái)放置更大(dà)的(de)信息量,而針對(duì)普通(tōng)用(yòng)戶可(kě)以是圖标的(de)或者圖文并茂的(de)。