認知心理學下的UI界面設計

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了認知心理學下的UI界面設計范文，希望能給你帶來靈感和參考，敬請閱讀。

摘要：現代社會智能設備的普及率越來越高，UI界面設計不僅要符合使用者的生理特征，還需要滿足其心理特征，結合認知心理學開展ui界面設計非常重要，實際設計過程中，要提高產品外觀的可識別性，完善產品的反饋功能，增加產品限制性功能設計，構建理想的映射和匹配關系、遵守主題和對象相統(tǒng)一、交互方式相一致性原則。

關鍵詞：認知心理學；UI；界面設計

引言

從上個世紀50年代開始，工業(yè)設計得到了飛速發(fā)展，設計人員普遍認為產品的設計不能夠僅僅停留在功能與外形上，因為這樣設計出的產品只能夠滿足使用者的生理需求，但是無法符合使用者的心理特征。為了確保使用者能夠輕易的通過設備達到心理效果，在進行產品設計時，一方面要考慮到人們的生理以及行為技能，另一方面也要保證設計出的產品可以滿足人們的心理認知，甚至還要盡可能的達到更深層次的需求，即情感交流、審美觀念以及文化需求等。在開展設計工作時，設計人員工作重心不能夠局限在外觀設計以及操控數據研究上，而需要全面獲取和分析使用者的心理需求，并在此基礎上開展產品設計，有目的性的對產品參數進行調整。在現代社會環(huán)境中，科技發(fā)展越來越重視以人為本，而認知心理學的發(fā)展與應用，為設計人員提供了良好的思路，也能夠解決產品設計中的諸多問題。在認知心理學視域下開展移動終端UI界面設計，落實以用戶為中心思想，改善產品的操作性，讓使用者能夠對產品給予充分的肯定。一般來說，使用者的操作行為受到了生理本能、思想認知、知識素養(yǎng)以及外部環(huán)境等因素的影響，要確保設計出的產品可用性高且能夠得到使用者的認可，需要按照下面幾項設計原則進行。

1提高產品外觀的可識別性

信息傳達的途徑多種多樣，在進行UI界面設計過程中，信息的傳達主要是以文字、圖形、顏色以及聲音等為載體實現的。但是不論是通過何種方式來完成信息的傳達，都必須要將隱性、抽象的信息轉變成形象、易懂的圖形符號，讓使用者在看到相關符號以后就能夠立即識別出來，在整個信息傳達過程中，信息交互的難度越低，使用者獲得的挫敗感也就越低，相應的體驗到的滿足感也就越高[1]。通常情況下，人們在進行外界信號的識別與感知過程中，會有一個很明顯的“再認知”環(huán)節(jié)，換言之就是人們將知覺獲得的信息和腦海中已有記憶進行匹配的過程。圖像匹配表示為人們將首次接觸到的圖形元素與記憶中已有的圖形進行識別和匹配，讓人們能夠持續(xù)不斷的認識到各種新事物。所以，使用者在進行智能設備操作中，產品需要擁有良好的“自述”能力，依托于產品設計模型將產品工作原理和使用者認知心理聯系起來，讓使用者能夠充分了解和明白產品的運行方式，確保滿足使用者的心理需求[2]。為了實現這樣的目標，設計人員在進行產品設計時，需要提高產品外觀的可識別性以及操作性，具體來說需要通過以下幾個方面來進行。

1.1將“簡潔性”思想充分融入到UI界面設計中

從認知心理學的視域來看，人們知覺均存在明顯的“簡化”傾向，這里的“簡化”并不是代表物體中涵蓋了極少量的元素或者元素與元素之間的關系較為簡單，表示的是人們習慣于將外界所有刺激以最簡單的方式組織起來。這種“簡潔化”的思想對人們的心理認知產生了重大的影響，首先從正面影響來看，能夠引導人們向最簡化的結構發(fā)展，降低緊張力，使得人們更加喜愛簡潔與對稱等類型圖形；其次從負面影響來看，在簡潔化思想的影響下，也會使得人們的活動變得固定、單一[3]。

1.2遵守鄰近性與相似性原則

從根本上來說，同樣是依照簡化以及整體化知覺目標的構建原則，也就是說人們在對認知對象進行簡化過程中，會習慣于將相近的、雷同的元素聯系起來開展統(tǒng)一的認知。比如說人們在觀察空間中的各項物體時，往往會將顏色、形狀以及特征等元素相似的物體看作是一個整體。設計人員在進行UI界面設計過程中，可以依照功能或者特征的相似性來進行區(qū)域劃分，盡可能將相同功能的元素規(guī)劃到同一個區(qū)域中，一方面可以降低使用者操作強度，避免操作中產生不必要的移動距離，另一方面也使得界面更加的整潔和整齊，給使用者帶來良好的視覺感受。

1.3依照延續(xù)性原則

在進行UI界面設計過程中，在相似性原則的推動下，將各種信息元素融合到一起，構建出具有延續(xù)性特征的空間，讓人們的視覺在這樣的空間環(huán)境中進行流動，一方面會沿著相近點以線性方式進行流動，另一方面也會依照色彩或者明暗變化來進行視覺移動。UI設計中需要保證使用者視覺流動的順暢性，這是開展UI界面設計需要充分重視的事項[4]。整體感強的界面設計能夠很好地滿足使用者的操作需求，而提高界面的延續(xù)性能夠讓使用者在各種信息空間或者界面中，都可以熟練掌握UI界面的操作方式，能夠有效的對多維度信息進行整合，是實現將不同頁面信息緊密聯系起來的重要途徑。

2完善產品的反饋功能

用戶在進行產品操作時，智能設備UI界面需要根據用戶的不同操作方式給予精準的信息反饋，從而確保交互行為能夠有效、順利的開展[5]。當產品的操作方式非常繁瑣且內容較多時，產品操作難度明顯提升，并且完成整個操作流程需要較長的時間，這種情況下，在進行產品UI界面設計時，必須要讓用戶能夠準確認知到當下操作所處的位置，明白操作的具體進度，同時在階段性操作完成以后給予一定的鼓勵性反饋，比如說在某個產品上注冊新賬號時，需要選用色彩鮮明的顏色以及多樣化的圖標來顯示當下操作環(huán)節(jié)與下一步操作內容，讓用戶能夠大概預算出完成整個操作過程需要多久時間。在進行智能產品UI界面設計過程中，設計人員需要在設計階段就考慮到使用過程可能會出現的不正確操作或者誤操作，當出現不正確操作方法時，UI交互界面應當以聲音、圖示或者文字等的形式發(fā)出警示，將出現的不正確操作準確無誤的反饋給用戶，并指引用戶糾正當下操作方式，給予各種不同形式的正確操作建議。舉例說明，在互聯網剛剛出現時，使用者要想注冊某個產品的賬號，需要將昵稱、密碼以及驗證碼等各項信息填寫完成后，才可以進行提交，當出現昵稱已被注冊時，需要返回初始界面重新填寫各項信息，非常繁瑣。在當下已經將這一問題進行了優(yōu)化，當使用者再輸入昵稱信息以后，在輸入框后面會顯示出“對號”或者“叉號”來提示昵稱是否可用，使用者按照反饋信息就可以看出昵稱有無被注冊過，確認無誤后再進行下一步操作，這樣優(yōu)化以后，通過良好的反饋功能可以顯著提升使用者的正確操作率。

3增加產品限制性功能設計

在進行智能產品UI界面設計時，還需要對產品的一些功能進行限制，就像人們生活的社會環(huán)境會對人們的日常行為進行約束一般[6]。比如說道路交通法規(guī)要求車輛在行駛過程中要按道行駛，依照要求路線行駛，避免道路出現事故或者擁堵，保證車輛的有序通行；在舉辦大型展覽活動時，現場會設置一些禁止進入的告示牌，并指引參觀者按照正確的路線進行觀看；電源插頭座設計中，也對允許插入的插頭規(guī)格進行了規(guī)范，等等。在開展UI界面設計時，也要在充分掌握使用者交互特征的基礎上，通過物理屬性、思想邏輯以及文化類型等原理對一些操作進行限制，使用者需要采取正確的操作手法才可以順利的實現產品信息交互。利用一些限制性的操作，一定程度上防止了使用者操作失誤的產生，給使用者帶來更加安全、舒心的使用環(huán)境。在增設限制性功能時，設計人員要熟知使用者操作特征、外部環(huán)境信息以及文化發(fā)展程度等，從而保證UI界面設計中的限制性功能能夠發(fā)揮良好的作用。比如說，正常情況下，智能產品UI界面上顯示的可操作按鈕要少于7個，盡管更多的按鈕能夠為使用者開展信息交互帶來更多的選擇權，但是過多的選擇也會給使用者選擇帶來一定的困難，影響使用者做出正確的選擇，降低操作的效率。所以，需要對各個按鈕進行權重排序，將權重值靠后的按鈕進行隱藏設置，縮小使用者進行第一選擇的范圍，進一步明確選擇的方向。在實際生活中，儀表盤上燈光處于發(fā)亮狀態(tài)時，說明設備處于工作狀態(tài)，而當燈光處于關閉狀態(tài)時，則說明設備處于停工狀態(tài)。在UI界面設計中，可以借鑒現實生活中設備儀表的視覺效果，依托于人們對生活中常識的認知和理解，將不能夠點擊的按鈕色調以及查看過的信息設置成灰色，可以有效防范使用者錯誤操作或者重復操作，進而提升節(jié)目信息的查看速度。

4構建完善的映射和匹配關系

“映射和匹配”主要表示為兩個元素之間形成一一對應的關系。從認知心理學理論層面來看，構建高效、合理的映射和匹配關系，代表了操作行為與信息反饋之間形成科學、直接以及對等的關系，從而有效提升智能設備UI界面操作的便捷性。UI界面的視覺設計以及信息交互途徑設計等，需要和使用者對該智能設備的概念原理認知相一致，實現“自然匹配”，換言之，依托于物理環(huán)境以及文化通用思維，使得使用者能夠迅速掌握和明白設計完成的UI界面操作方式。設計人員需要將圖標的某項特征元素，比如說形狀、顏色、大小以及樣式等元素和具體實現的功能相吻合，讓使用者在看到該圖標時就可以快速、準確的想到能夠實現的功能，確保相關按鈕的特征元素和界面屬性的變化形成自然聯系，在提高操作便利性的同時，也可以改善視覺體驗效果[7]。以現代非常流行的智能手機UI界面為代表進行說明，手機的物理音量按鍵設置在機體側邊緣，成條形上下分布，當需要調整手機音量時，在按動物理按鍵的同時，手機UI界面也會產生音量調節(jié)動態(tài)圖標，利用圖形狀態(tài)的改變來反饋音量調節(jié)的大小，通常情況下采用圓形或者柱形來顯示音量大小，音量調節(jié)越大，則圖形深色區(qū)域填充越多。假如，使用者在進行音量調節(jié)時，物理按鍵操作和UI節(jié)目動態(tài)圖形顯示不匹配，很容易產生錯誤操作。

5遵守統(tǒng)一和一致性原則

在開展UI界面設計過程中，嚴格落實統(tǒng)一性原則非常重要。統(tǒng)一性原則主要指設計出的UI界面的信息架構、交互原則要清晰明了，在規(guī)劃、操作方式、色彩搭配、信息反饋以及控件大小等方面保持一致，好的UI界面設計能夠在無形之中為使用者帶來愉悅的操作感受，通過一致性的規(guī)劃可以讓使用者感到熟悉和便捷[8]。要實現UI界面設計的統(tǒng)一和一致性原則，需要從以下兩個方面進行。

5.1主題與對象的一致性

應用產品中存在各種各樣的信息元素以及組件，不管鏈接的形式會出現何種改變，所有組成部分的信息呈現的目的要保持相同。比如說，某個智能設備的應用軟件的客戶群體是中年精英男性，在總體設計風格上要偏向于簡潔且有一定的邏輯性，而不可以在某些板塊或者二級頁面中出現代表女性的設計元素。

5.2交互原則相一致

在產品交互設計中，要確保各級交互原則的一致性，假如相互之間差距較大，不僅會給使用者操作帶來茫然，同時也會浪費較多的操作時間，不利于交互的順利進行，也會對相關信息產生較多誤解。比如說，在UI主界面中，綠色表示可以點擊，灰色表示限制操作，在其它頁面中也要嚴格按照這個規(guī)律來進行，盡可能不改變原有規(guī)律，從而提高使用者交互的效果。

6結束語

綜上所述，隨著現代科學技術水平的不斷發(fā)展，智能設備在社會生產與人們生活中發(fā)揮了重要作用，良好的UI界面設計不但可以促使使用者與產品的順利交互，同時也是人與人信息交流的重要方式。在實際UI界面設計時，要重視人文與精神內涵，結合社會主流意識形態(tài)，這樣才可以有效提升產品實力，推動數字媒體行業(yè)獲得更好的發(fā)展。

參考文獻：

[1]王立才，孟祥武，張玉潔.移動網絡服務中基于認知心理學的用戶偏好提取方法[J].電子學報，2011，39（11）：2547-2553.

[2]李文波，謝鑫輝.淺論數字時代視覺傳達設計專業(yè)面臨的挑戰(zhàn)與出路———以UI界面設計推廣為例[J].藝術與設計（理論），2013，2（08）：163-165.

[3]王宇，陳少杰.心理學在UI與交互設計中的應用與研究[J].設計，2017（07）：52-53.

[4]何揚帆，覃會優(yōu).論圖像學分析法對移動UI界面設計的應用研究[J].工業(yè)設計，2017（08）：109-110.

[5]黃月，董艷.探討認知心理學實驗的AVG游戲設計與開發(fā)———以空白實驗法為例[J].中國電化教育，2015（04）：91-96.

[6]賀茂恩，盧鵬羽，宋俊飛.色彩心理學在UI界面設計中的研究[J].通訊世界，2018（01）：333.

[7]郭曉彬.新媒體驅動下的多元化互聯網UI界面視覺傳播策略與應用[J].新媒體研究，2018，4（04）：104-105.

[8]李玉萍.扁平化圖形設計在校園導視UI界面設計中的應用[J].美與時代（上），2017（09）：82-84.

作者：甄珍 單位：武漢商貿職業(yè)學院