伍婧勁　胡瑞芳

摘要：通過研究認(rèn)知心理學(xué)基本理論，分析了圖形用戶界面認(rèn)知的過程，并結(jié)合用戶需求提出了兩種典型的用戶認(rèn)知模式。在此基礎(chǔ)上，結(jié)合典型產(chǎn)品案例分析，對(duì)不同用戶認(rèn)知模式中的認(rèn)知過程進(jìn)行研究，得出了兩種典型用戶認(rèn)知模式下的圖形用戶界面設(shè)計(jì)特征和規(guī)律，為設(shè)計(jì)出真正好用的圖形用戶界面以及在設(shè)計(jì)中發(fā)現(xiàn)問題、規(guī)避風(fēng)險(xiǎn)提供了有力依據(jù)。

關(guān)鍵詞：圖形用戶界面;認(rèn)知過程;信息加工;認(rèn)知模式

中圖分類號(hào)：G642? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2022）07-0095-03

信息時(shí)代，圖形用戶界面作為一種友好的人機(jī)交互方式，已經(jīng)滲透到我們?nèi)粘Ｉ畹姆椒矫婷妫簭脑缟蠁拘涯愕氖謾C(jī)鬧鈴，到出門騎共享單車，到中午外賣平臺(tái)點(diǎn)餐，再到買東西移動(dòng)支付。用戶在使用圖形用戶界面的過程中不斷進(jìn)行著認(rèn)知活動(dòng)，其認(rèn)知活動(dòng)進(jìn)行的順利度、體驗(yàn)感，直接反映出界面是否能夠滿足用戶需求、是否好用。研究圖形用戶界面的認(rèn)知過程和用戶認(rèn)知模式，可以深刻理解人在使用圖形用戶界面時(shí)的心理活動(dòng)和大腦活動(dòng)。

1 圖形用戶界面

界面是指人與機(jī)器之間信息交互和操作交互的橋梁與紐帶[1]。界面有硬界面和軟件界面兩種形式。硬界面指人操作機(jī)器所接觸的實(shí)體按鍵、旋鈕和手柄等，軟界面指通過軟件和顯示設(shè)備呈現(xiàn)的以視覺信息為主的非實(shí)體界面。

圖形用戶界面，即通過圖形方式視覺化計(jì)算機(jī)操作環(huán)境的用戶界面。在圖形用戶界面中，計(jì)算機(jī)畫面上顯示圖標(biāo)、按鈕、窗口、菜單等圖形，表示不同含義，用戶通過鼠標(biāo)指針設(shè)備等對(duì)其進(jìn)行操作，實(shí)現(xiàn)與機(jī)器的交流。

圖形用戶界面出現(xiàn)后，用戶無須關(guān)注計(jì)算機(jī)內(nèi)部復(fù)雜的信息處理和存儲(chǔ)過程，也不再需要記憶復(fù)雜難懂的命令行，對(duì)計(jì)算機(jī)系統(tǒng)的狀態(tài)和運(yùn)行過程的理解和操作都通過用戶界面實(shí)現(xiàn)。易于理解和操作的圖形用戶界面降低了計(jì)算機(jī)的使用門檻，讓計(jì)算機(jī)的使用普及起來，而不再僅限于極少數(shù)專業(yè)人員。這個(gè)過程中，圖形用戶界面的易于認(rèn)知起著至關(guān)重要的作用。

2 圖形用戶界面中的認(rèn)知過程分析

認(rèn)知心理學(xué)研究客觀事物的信息由人體接收后的信息加工過程，它將人類的認(rèn)知心理比作計(jì)算機(jī)對(duì)數(shù)字信息的加工過程，包括對(duì)外界刺激的接收、編碼、分類、儲(chǔ)存、提取等。

認(rèn)知是一種信息加工過程，是感官對(duì)外界信息進(jìn)行提取后，通過一系列的加工，最后在大腦中得以解釋的過程。該過程包括了感覺、知覺、記憶、判斷、思維、推理、學(xué)習(xí)、想象、概念形成和語言等在內(nèi)的廣泛的腦功能。認(rèn)知功能是人體大腦高級(jí)機(jī)能的重要功能之一，認(rèn)知活動(dòng)是非常復(fù)雜的腦活動(dòng)過程。

圖形用戶界面是信息的載體，人對(duì)圖形用戶界面的認(rèn)知過程可看作人對(duì)文字和圖形的信息加工過程。圖形用戶界面設(shè)計(jì)中用戶認(rèn)知是用戶在圖形用戶界面使用過程中的信息加工過程，研究圍繞用戶對(duì)界面信息的獲取、加工、輸出過程中的基本要素和規(guī)律展開。

圖形用戶界面得到用戶注意后，認(rèn)知過程就開始了。用戶通過注意獲取界面信息，繼而形成感覺;感覺持續(xù)輸出，結(jié)合過往的知識(shí)經(jīng)驗(yàn)深化和組織形成知覺;知覺形成后，進(jìn)一步通過想象將當(dāng)前信息進(jìn)行延伸、擴(kuò)展;想象結(jié)合記憶將以往的舊場(chǎng)景加上新獲取的信息加工完善形成新場(chǎng)景;記憶將當(dāng)前信息進(jìn)行存儲(chǔ)，供大腦需要時(shí)檢索使用;思維根據(jù)已有的知識(shí)結(jié)構(gòu)和獨(dú)特的個(gè)體特征進(jìn)行判斷、解決問題，指揮行為;行為與圖形用戶界面產(chǎn)生交互，圖形用戶界面發(fā)生視覺改變向用戶反饋行為的有效性及結(jié)果。此時(shí)，完成一次圖形用戶界面的認(rèn)知循環(huán)，如圖 1所示。用戶在對(duì)圖形用戶界面的使用中，會(huì)不斷地重復(fù)這個(gè)認(rèn)知過程，最終滿足用戶的使用需求。

注意具有指向性、局部性和移動(dòng)性，用戶完成一次圖形用戶界面的交互操作通常需要注意在多個(gè)目標(biāo)之間移動(dòng)數(shù)次。感覺具備普適性但也有個(gè)體差異，人人都有感覺，但人人的感覺都不同。知覺受到個(gè)體知識(shí)經(jīng)驗(yàn)經(jīng)歷影響，具有較大的差異性和獨(dú)特性;知識(shí)越廣泛、經(jīng)驗(yàn)越豐富，知覺就越完善。記憶是以往的知識(shí)經(jīng)歷在頭腦中的累積與存儲(chǔ)，在提取時(shí)進(jìn)行恢復(fù)和使用;記憶包括長(zhǎng)期記憶與短期記憶;記憶通常與現(xiàn)實(shí)有一定偏離，并且會(huì)在回憶中不斷地被大腦加工。思維是大腦的創(chuàng)造性活動(dòng)，主要表現(xiàn)在形成概念以及解決問題中，思維結(jié)合內(nèi)外部信息，做出判斷、指揮行為。

優(yōu)秀的圖形用戶界面設(shè)計(jì)應(yīng)當(dāng)遵循視覺系統(tǒng)對(duì)外界物體的感知規(guī)律，優(yōu)化視覺思維過程，從而達(dá)到最優(yōu)的認(rèn)知結(jié)果。

3 圖形用戶界面設(shè)計(jì)中的用戶認(rèn)知模式及案例分析

用戶是指圖形用戶界面的使用者。圖形用戶界面中的用戶認(rèn)知是用戶在使用過程中的信息加工過程：用戶對(duì)圖形用戶界面信息獲取后，基于已有的知識(shí)經(jīng)驗(yàn)對(duì)信息進(jìn)行加工和輸出。認(rèn)知活動(dòng)和操作圖形用戶界面的行為動(dòng)作相結(jié)合，以此達(dá)到用戶使用圖形用戶界面的需求和目的，同時(shí)在使用過程中沉淀下來對(duì)于該用戶界面的印象、態(tài)度和情感，形成用戶體驗(yàn)，直接反映出界面是否能夠滿足需求、是否好用。

圖形用戶界面設(shè)計(jì)中的用戶認(rèn)知根據(jù)需求與目的的不同可分為目標(biāo)導(dǎo)向型認(rèn)知與情感獲取型認(rèn)知兩個(gè)大類。

目標(biāo)導(dǎo)向型認(rèn)知以完成某一相對(duì)明確的任務(wù)為目標(biāo)。用戶使用界面時(shí)通過獲取界面信息，經(jīng)過認(rèn)知加工，篩選出任務(wù)相關(guān)信息并進(jìn)行交互操作，直到順利完成任務(wù)。整個(gè)認(rèn)知過程目的明確、相對(duì)高效，對(duì)信息的加工過程中傾向于只關(guān)注與完成任務(wù)有關(guān)的部分，側(cè)重于理性思維。該類型的圖形用戶界面應(yīng)簡(jiǎn)潔、高效、易用，具備較強(qiáng)的容錯(cuò)性和一致性，流程清晰易懂，突出關(guān)鍵信息和交互操作的部分。用戶體驗(yàn)很大程度上由使用過程是否順暢決定。

情感獲取型認(rèn)知以獲得某一心理價(jià)值為導(dǎo)向。用戶使用界面時(shí)并不一定具有特別明確的目標(biāo)和任務(wù)，通常處于“隨便看看”“打發(fā)時(shí)間”、感覺有點(diǎn)無聊或孤獨(dú)這樣的心理狀態(tài)，來獲取某一類的感興趣的信息。在獲取與加工信息的過程中，更加側(cè)重于感受自身的情緒、情感狀態(tài)。整個(gè)認(rèn)知過程中通常思維處于發(fā)散狀態(tài)，強(qiáng)調(diào)主觀感受。該類型的圖形用戶界面應(yīng)美觀、豐富、情感化，以呈現(xiàn)內(nèi)容為主，交互簡(jiǎn)單明了。用戶的使用體驗(yàn)很大程度上由使用過程中獲取到的情感價(jià)值決定。

結(jié)合認(rèn)知理論研究對(duì)典型案例中的視覺元素和操作流程進(jìn)行分析，可以總結(jié)出指導(dǎo)圖形用戶界面設(shè)計(jì)的一些原則和規(guī)律。

以用戶量數(shù)億的微博和微信為例進(jìn)行分析。微博和微信都是社交類應(yīng)用程序。微博基于用戶關(guān)系進(jìn)行信息分享、傳播以及獲取通過關(guān)注機(jī)制分享簡(jiǎn)短實(shí)時(shí)信息，具備廣播式的特點(diǎn)。微信是向特定用戶發(fā)送語音短信、視頻、圖片和文字等形式內(nèi)容的即時(shí)通訊工具，具備點(diǎn)對(duì)點(diǎn)、私密性的特點(diǎn)。

微博的使用過程中，絕大多數(shù)用戶以瀏覽感興趣的內(nèi)容為主，典型認(rèn)知為情感獲取型認(rèn)知。用戶進(jìn)入應(yīng)用后，界面上的色彩、圖形、布局和字符等獲取用戶注意，用戶形成感覺，繼而結(jié)合知識(shí)經(jīng)驗(yàn)形成知覺：當(dāng)前內(nèi)容是白花綠葉的花卉圖片;記憶與想象結(jié)合對(duì)當(dāng)前信息進(jìn)行加工：看到過類似的景物？覺得美？同時(shí)對(duì)當(dāng)前場(chǎng)景進(jìn)行存儲(chǔ);思維根據(jù)個(gè)體特征進(jìn)行判斷：是否感興趣？查看詳情或者跳過？如果感興趣則點(diǎn)擊圖片進(jìn)一步查看，界面也會(huì)反饋以放大的圖片給用戶;不感興趣則上滑頁面，頁面則呈現(xiàn)下一條內(nèi)容作為反饋。

結(jié)合以上微博使用過程中初步基礎(chǔ)的一個(gè)認(rèn)知過程分析，我們可以看出：在情感獲取型認(rèn)知中，圖形用戶界面設(shè)計(jì)的重點(diǎn)在于如何更好地展示內(nèi)容以及如何向用戶提供他感興趣的內(nèi)容。用戶如果在瀏覽中不斷地獲取到想要的信息，情感得到滿足，就會(huì)增加使用時(shí)間和頻率。相反，如果用戶在使用過程中無法獲取到想要的內(nèi)容，需求得不到滿足，就會(huì)放棄使用。

微信的使用過程中，最重要的功能在于通訊，有目標(biāo)地查看消息或者發(fā)出消息，因此典型認(rèn)知為目標(biāo)導(dǎo)向型認(rèn)知。用戶進(jìn)入應(yīng)用后，界面上的色彩、圖形、布局和字符等獲取用戶注意（首先獲取用戶注意的是未讀消息的紅色提示），用戶形成感覺，繼而結(jié)合知識(shí)經(jīng)驗(yàn)形成知覺：當(dāng)前有未讀消息;記憶與想象結(jié)合對(duì)當(dāng)前信息進(jìn)行加工：未讀消息來自朋友、公眾號(hào)或者系統(tǒng)等，同時(shí)對(duì)當(dāng)前場(chǎng)景進(jìn)行存儲(chǔ);思維根據(jù)個(gè)體特征進(jìn)行判斷：是否要處理未讀消息。行為根據(jù)判斷結(jié)果點(diǎn)擊某條未讀消息進(jìn)行查看，頁面則反饋以該條聊天頁面;或者上滑頁面瀏覽更多對(duì)話。

結(jié)合以上微信使用過程中初步基礎(chǔ)的一個(gè)認(rèn)知過程分析，可以看出：在目標(biāo)導(dǎo)向型認(rèn)知中，圖形用戶界面設(shè)計(jì)的重點(diǎn)在于突出關(guān)鍵信息并以高效的方式引導(dǎo)用戶完成目標(biāo)任務(wù)。用戶的關(guān)注重點(diǎn)在于能否順利、快速地完成目標(biāo)任務(wù)。

4 結(jié)束語

通過分析用戶在圖形用戶使用中的認(rèn)知過程，可以將每個(gè)看似平淡無奇的使用動(dòng)作分解成數(shù)個(gè)認(rèn)知過程，其中的細(xì)節(jié)可以幫助我們探究用戶行為的深層次原因;再結(jié)合用戶認(rèn)識(shí)模式的分析，準(zhǔn)確定位用戶需求，繼而找到不同類型的圖形用戶界面設(shè)計(jì)中需關(guān)注的不同側(cè)重點(diǎn)，為設(shè)計(jì)人員研究提供理論依據(jù)與設(shè)計(jì)支撐，幫助他們?cè)O(shè)計(jì)出更加好用的圖形用戶界面。

參考文獻(xiàn)：

[1] 袁修干，莊達(dá)民.人機(jī)工程[M].北京：北京航空航天大學(xué)出版社，2002.

[2] 柳沙.設(shè)計(jì)心理學(xué)[M].2版.上海：上海人民美術(shù)出版社，2012.

[3] 宮勇.圖形符號(hào)設(shè)計(jì)認(rèn)知研究[D].杭州：浙江大學(xué)，2013.

[4] （美）Robert J.Sternberg著.楊炳鈞，陳燕，鄒枝玲譯.認(rèn)知心理學(xué)[M].北京：中國(guó)輕工業(yè)出版社，2006.

[5] （美）唐納德·A.諾曼（Donald A.Norman）著.梅瓊譯.設(shè)計(jì)心理學(xué)[M].北京：中信出版社，2003.

[6] （美）Jeff Johnson著.張一寧譯.認(rèn)知與設(shè)計(jì)：理解UI設(shè)計(jì)準(zhǔn)則[M].北京：人民郵電出版社，2011.

[7] 張婷婷.圖形用戶界面中影響用戶認(rèn)知的圖標(biāo)設(shè)計(jì)因素研究[D].上海：上海交通大學(xué)，2011.

[8] 郭建曉.基于認(rèn)知心理學(xué)的公交車駕駛室人機(jī)交互界面設(shè)計(jì)研究[D].濟(jì)南：山東大學(xué)，2020.

【通聯(lián)編輯：李雅琪】

收稿日期：2021-11-20

作者簡(jiǎn)介：伍婧勁（1986—），女，四川眉山人，碩士，工程師，研究方向?yàn)楹娇针娮釉O(shè)備的人機(jī)界面設(shè)計(jì)。