基于認知理論的數字界面設計方法研究

鐘萌 柯樹森 黃慶慧 潘慧敏 潛冬

摘要：在當今市場競爭日益激烈、產品功能趨同的體驗經濟時代，用戶體驗的重要性愈發凸顯。為了吸引和留存用戶，企業和品牌必須打造卓越的用戶體驗。而當前產品設計工作中面臨著用戶反饋不佳、產品缺乏一致性、需求管理不規范三大問題。立足于為用戶打造優秀的使用體驗，我們嘗試從根源的認知理論視角，對用戶在產品的使用過程進行剖析，探索出一套設計優化工作理念以及解決方案，并產出了初步的實踐成果。

關鍵詞：用戶體驗；交互設計；認知理論；設計法則

doi：10.3969/J.ISSN.1672-7274.2024.03.061

中圖分類號：TB 472? ? ? ? ? 文獻標志碼：B? ? ? ? ? ?文章編碼：1672-7274（2024）03-0-04

1? ?研究背景與現狀

1.1 研究背景

（1）產品步入體驗經濟時代。市場競爭日益激烈、產品功能逐漸趨同，但用戶對于產品和服務的期望也不斷升級，企業、品牌想要進一步吸引和留住用戶，勢必要通過打造優質的用戶體驗來形成差異化優勢。對于作為工具型產品的移動云盤而言，應緊跟時代趨勢，在保證傳輸、存儲等基礎功能和服務的基礎上，要不斷優化用戶體驗、滿足用戶的個性化需求和期望，來迎接時代的變革與挑戰。

（2）始終服務于“人”的設計。設計是一項創造性的、幫助人們解決問題的活動，我們始終難以脫離“人”來談論設計的價值和意義。移動云盤作為一款以人為中心的產品，始終追求服務于人的設計，提供便捷、安全、高效的文件存儲、管理和共享服務，以及人性化的操作體驗和創新的實用功能。同時，移動云盤注重用戶的反饋和建議，不斷優化和改進產品的設計和服務水平。這種以人民為中心的設計理念和服務模式，將不斷推動移動云盤產品的進步和發展，為人們的數字生活帶來更加美好的體驗。

1.2 研究現狀

認知理論的發展歷程涵蓋了從行為主義到計算機科學推動下的信息處理模型，再至應用神經科學技術下的認知過程與大腦活動研究。如今各領域不斷將理論應用于實踐，為發展提供有價值的洞見報告。目前，移動云盤存在的產品使用不流暢、設計缺乏一致性，需求管理不規范等設計問題亟須解決。如何將認知模型應用于數字界面設計，搭建行之有效的設計系統已成為產品發展的重要挑戰。

2? ?當前移動云盤面臨的問題及分析

2.1 用戶反饋產品使用不流暢

從不久前公布《云盤客戶感知專題研究》中發現，45.6%的問題集中在“本地文件找不到”“云盤文件”無分類等，其實質都是界面設計表達與用戶實際認知、預期的不匹配。從實現模型和心理模型[1]的概念可知，當設計表達越接近用戶的心理模型時，越能夠匹配用戶的認知模式和預期效果，以此降低用戶認知負荷，起到提升用戶體驗的作用。因此，我們需要以用戶為中心的思考界面設計方式，將用戶心理模型融入各個設計環節。

2.2 產品缺乏一致性

當前云盤產品存在不同模塊或功能中交互方式、界面設計等方面的差異，這種不一致可能會引發用戶誤操作、降低用戶的信任感。正如蘋果公司的首席設計師喬納森·艾維所說：“設計的一致性是建立用戶信任的關鍵?！盵2]設計一致性能夠使用戶更輕松地理解和使用產品，提高認知效率、減少認知負荷和記憶負擔。

但在針對10.0.0版本的設計走查中發現，34.6%的問題與一致性相關。為確保設計一致性，應把握云盤產品的整體設計基調，在此基礎上建立明確的設計規范和準則，以保障多模塊、大體量的云盤產品能夠以一個整體、易懂、易用的形象面向用戶。

2.3 產品需求管理不規范

當前，云盤產品業務體系龐大，需求來源眾多，但沒有一個明確的依據指導產品方是否需要增加設計需求，以及如何權衡需求的優先級。盲目增加設計需求一方面會導致研發項目的復雜化，另一方面會容易使產品日漸冗余、脫離產品設計基調，最終導致用戶體驗層面的“異化”。在此情況下，需求分析、優先級劃分的過程管理至關重要。為了有效管理需求，我們需要為需求管理建立明確的權衡依據。而確保一切的產品需求與用戶需求相匹配是解決問題的突破點。

3? ?設計優化理念的形成及工作落實

3.1 設計優化理念的形成

認知理論是探究人的大腦是如何獲取、儲存以及運用知識的理論，目的在于研究和理解人類認知的內在心理加工機制，從而解釋人類的行為[3]。而產品界面設計實質是對所展示信息的組織，即在界面為用戶呈現什么信息、如何呈現信息以及如何讓用戶理解并產生正確行為。好的設計應當是體貼的、理解人的、與認知相匹配的，所以理解和正確應用認知理論是產品設計優化的方向與底層邏輯。故我們嘗試從認知理論的角度去探索和形成設計優化工作的整體指導理念。

3.2 通過認知模型解析產品使用過程

知覺過程模型將人類認知活動的過程描述為信息處理的多層次結構，包括底層感覺處理和高層認知加工：底層感覺器官接收刺激并將其轉化成神經信號，然后傳遞到大腦的初級感覺區域；而高層認知加工包括大腦對感知信息的解釋、組織和理解。從感覺處理的底層加工到組織理解的高層加工是人類認知活動的一般過程?；诖?，我們可以將用戶使用產品的過程拆解為感知、理解、決策及行動幾個階段，整個過程各階段的順利進行、符合預期，能夠有效提升用戶體驗。

3.2.1 感知信息

我們首先將產品的獨立頁面看作設計落實以及用戶感知的基本單元。對于移動云盤這類工具型產品，當用戶進入界面時，通常伴隨使用目的和心理預期，如進入文件列表頁即為查詢或瀏覽文件等。當頁面的設計目的越能快速與用戶預期相匹配時，用戶就越容易順利建立感知。

其次，如何通過具體的界面信息表達幫助用戶快速完成頁面目的的感知也是這一環節重要的設計考慮因素。學者理查德·格雷戈里（Richard Gregory）提出了“自下而上”和“自上而下”兩種信息處理的概念[4]。其中，自下而上的處理強調感覺信息的客觀性和獨立性，它將注意力集中在感知刺激本身，如信息的顏色、形狀、位置等屬性對人產生的直接刺激。在設計法則中也有諸多理論闡釋了這一原理，如“雷斯托夫效應”表達了某個元素越特殊、越違背常規就越容易引起注意；而自上而下的處理是由個體的認知因素和先驗知識引導的，它強調了認知的主觀性和個體的角色?！把鸥鞑级伞敝兴鶑娬{的“用戶會將他們圍繞一種熟悉產品建立的期望轉移至其他看起來相似的產品上”也佐證了這一觀點，應用到產品界面中可以理解為：當界面信息表達與用戶已有習慣相適應時更容易建立感知。

故此，我們首先要應當明確用戶在各個頁面當中的使用目的，以此作為整個頁面設計的根本出發點。其次，需要了解用戶在每個頁面中關注信息的優先級，并在設計時確保重要信息能夠優先被感知，這是頁面設計優化的基礎要義。

3.2.2 理解信息

在產品使用過程當中，確保用戶對所感知信息的正確理解能夠推進整體認知鏈路的完整性和后期使用的流暢性。移動云盤的用戶覆蓋了從青年到老年的各個群體，雅各布·尼爾森（Jakob Nielsen）所提出的“簡單性原則”“可讀性原則”等[5]自然適用于這一設計過程，我們需要做到的是確保信息能夠被大部分人所理解。

心理學家約翰·斯威勒（John Sweller）于1988年提出來的認知負荷理論中，對理解信息做出了相關解釋。 認知負荷是指在執行特定認知任務時，所需的個體思維資源、工作記憶容量以及信息處理精力[6]。其中包括與任務直接相關的思考、分析活動所產生的內部認知負荷（如營銷活動規則的學習）；與任務無關的外部因素對認知資源的消耗所帶來的外部認知負荷（如中國移動云盤內搜索界面不必要的廣告信息干擾），以及從短時記憶經過思維關聯和處理轉化成長期記憶過程中所產生的相關認知負荷（如界面中愛心圖形通?？杀宦撓胫痢包c贊、喜歡”這一含義）。簡而言之，界面信息表達帶來認知負荷越高用戶越難理解，認知負荷越低則越容易理解。

故在設計優化時，需考慮以最簡單、明確、存在認知共識的方式，使所有用戶理解的界面信息（如信息可視化、通俗語言表達、減少干擾等）最大程度降低認知負荷。

3.2.3 決策與行動

當用戶順利完成重要信息的理解后，隨即產生的是為了實現目標所要進行的決策與行動環節。界面易操作性越高用戶使用越便捷、易用。諸多理論也可應用于這一環節的設計，如費茨定律中所闡釋的“目標越大且距離越近，便越快到達，且出錯率較低”可以指導我們為操作入口設計更大的可視、可觸范圍等。

為了使界面功能更易用，中國移動云盤設計依舊需要站在用戶的角度思考操作的設計方式，從確保手機備份、文件搜索等核心功能入口易尋找，觀看視頻、分享內容等功能易操作，核心功能操作后反饋清晰準確等方面進行設計考慮。

通過應用認知過程模型對用戶產品使用過程進行剖析后，我們確認了中國移動云盤的設計優化工作開展的基本方向，即確保中國移動云盤內界面設計效果能夠貼近用戶認知過程模型，使用戶能夠在各頁面（相冊、文件等）、各場景（分享、轉存等）中完成從信息感知到信息理解再到信息操作的流暢的整體過程。

3.3 以頁面目的和信息優先級為核心的設計

優化理念

基于上述結合認知過程的分析，推導出首先明確用戶目的與信息優先級，其次確保各級信息易感知、易識別、易理解，最后保障關聯信息操作易找、易用的設計優化理念框架。

3.4 產品設計優化工作內容

（1）拆解產品結構至“頁面”最小單元。為了最終將設計優化的理念融入產品的每一個細節，我們首先對云盤產品進行了結構的詳細分解。從而對產品的每個頁面、每個元素都進行深入的分析和審查，以確保每一處都符合最佳設計標準和用戶體驗要求。

（2）通過調研把握用戶核心關注信息、操作。為了確保以用戶為中心的核心設計理念能夠貫穿于產品的各個操作鏈路和各個頁面之中，我們通過問卷調研的形式進行細致入微的分析，這使我們能夠更好地理解用戶在每類頁面上的目的、關注的信息及操作，并形成一套直觀的信息優先級排序，從而有針對性地進行后續細致的設計優化。

（3）立足頁面目的與信息優先級，依據經典設計法則建立云盤設計規范。以調研所獲取的用戶目的及信息關注優先級作為基礎依據，以幫助用戶在各頁面中用最簡單、直接的方式感知信息并理解信息為核心優化理念，并將其貫穿在各個頁面各視覺元素的展示和排布中。如在云筆記頁面設計優化的探索中，首先，根據調研情況將頁面目的拆分至快速查找筆記、快速創建新筆記以及筆記基礎管理三個方面；其次，明確云筆記頁面各級目的下用戶核心關注信息及操作的優先級；再次根據頁面目的和用戶關注度優先級、結合經典設計法則建立界面設計規范細項，如在云筆記頁面中，提出“單個筆記卡片的展示信息需精簡、呈現形式合理”的應用規范；最后，根據規范細項對現有產品進行評估，總結出問題列表，為產品優改提供直觀的落地參考。此外，在規范現有產品設計的基礎上，進一步拓展使用場景，為優化用戶體驗提供具有延展性的設計參考。如提出寬屏場景下用多列布局展示筆記的設計等。

4? ?移動云盤設計優化工作成果

（1）中國移動云盤App產品頁面分類表。輸出移動云盤App頁面分類表，將200余頁面分為內容瀏覽類、單一功能類等8個一級分類指標，細分至27個二級分類指標。

（2）中國移動云盤App產品UE設計規范。產出移動云盤各頁面的UE設計規范，為云盤產品的整體設計優改及需求分析提供參考依據和指導方向。

（3）中移互聯網產品UE規范通用手冊。通過對主流設計原則、系統的深度研究，整理形成中移互聯網產品UE規范通用手冊，從底層的人因科學視角為各產品的UIUE設計相關工作提供基礎理論支撐。

5? ?應用效果

目前，針對移動云盤存在的體驗設計問題正在進行逐步優化，并在優化過程中取得創新和熟悉度之間的平衡。如在首頁，提升備份功能視覺權重，增強引導性，提升主要功能的曝光率及使用率。改版后，手機備份功能使用率環比增長8.4%。

參考文獻

[1] Cooper A.About Face4： The Essentials of Interaction Design[M]. Wiley & Sons， Inc.2014.13-17

[2] Nielsen J.10 Usability Heuristics for User Interface Design[M]. Nielsen Norman Group.2023.10-15

[3] 黃雅梅．基于ACT-R認知模型的界面設計要素及其交互方式研究[D]．南京：東南大學，2016.

[4] Gregory R.The Bootstrapped Mind： How the Brain is Shaped by Culture and Other People's Brains[M].Oxford University Press.2010.31～33

[5] Nielsen J.Usability Engineering[M].Academic Press.1993.15～16

[6] Sweller John， R E Mayer.Cognitive load theory： Instructional implications of theInteraction of cognitive load and germane load[J]. Instructional Science， 2000， 28（3）： 235-266