認知心理學(xué)下的UI界面設(shè)計
前言：想要寫出一篇引人入勝的文章？我們特意為您整理了認知心理學(xué)下的UI界面設(shè)計范文，希望能給你帶來靈感和參考，敬請閱讀。
摘要：現(xiàn)代社會智能設(shè)備的普及率越來越高，UI界面設(shè)計不僅要符合使用者的生理特征，還需要滿足其心理特征，結(jié)合認知心理學(xué)開展ui界面設(shè)計非常重要，實際設(shè)計過程中，要提高產(chǎn)品外觀的可識別性，完善產(chǎn)品的反饋功能，增加產(chǎn)品限制性功能設(shè)計，構(gòu)建理想的映射和匹配關(guān)系、遵守主題和對象相統(tǒng)一、交互方式相一致性原則。
關(guān)鍵詞：認知心理學(xué)；UI；界面設(shè)計
引言
從上個世紀50年代開始，工業(yè)設(shè)計得到了飛速發(fā)展，設(shè)計人員普遍認為產(chǎn)品的設(shè)計不能夠僅僅停留在功能與外形上，因為這樣設(shè)計出的產(chǎn)品只能夠滿足使用者的生理需求，但是無法符合使用者的心理特征。為了確保使用者能夠輕易的通過設(shè)備達到心理效果，在進行產(chǎn)品設(shè)計時，一方面要考慮到人們的生理以及行為技能，另一方面也要保證設(shè)計出的產(chǎn)品可以滿足人們的心理認知，甚至還要盡可能的達到更深層次的需求，即情感交流、審美觀念以及文化需求等。在開展設(shè)計工作時，設(shè)計人員工作重心不能夠局限在外觀設(shè)計以及操控數(shù)據(jù)研究上，而需要全面獲取和分析使用者的心理需求，并在此基礎(chǔ)上開展產(chǎn)品設(shè)計，有目的性的對產(chǎn)品參數(shù)進行調(diào)整。在現(xiàn)代社會環(huán)境中，科技發(fā)展越來越重視以人為本，而認知心理學(xué)的發(fā)展與應(yīng)用，為設(shè)計人員提供了良好的思路，也能夠解決產(chǎn)品設(shè)計中的諸多問題。在認知心理學(xué)視域下開展移動終端UI界面設(shè)計，落實以用戶為中心思想，改善產(chǎn)品的操作性，讓使用者能夠?qū)Ξa(chǎn)品給予充分的肯定。一般來說，使用者的操作行為受到了生理本能、思想認知、知識素養(yǎng)以及外部環(huán)境等因素的影響，要確保設(shè)計出的產(chǎn)品可用性高且能夠得到使用者的認可，需要按照下面幾項設(shè)計原則進行。
1提高產(chǎn)品外觀的可識別性
信息傳達的途徑多種多樣，在進行UI界面設(shè)計過程中，信息的傳達主要是以文字、圖形、顏色以及聲音等為載體實現(xiàn)的。但是不論是通過何種方式來完成信息的傳達，都必須要將隱性、抽象的信息轉(zhuǎn)變成形象、易懂的圖形符號，讓使用者在看到相關(guān)符號以后就能夠立即識別出來，在整個信息傳達過程中，信息交互的難度越低，使用者獲得的挫敗感也就越低，相應(yīng)的體驗到的滿足感也就越高[1]。通常情況下，人們在進行外界信號的識別與感知過程中，會有一個很明顯的“再認知”環(huán)節(jié)，換言之就是人們將知覺獲得的信息和腦海中已有記憶進行匹配的過程。圖像匹配表示為人們將首次接觸到的圖形元素與記憶中已有的圖形進行識別和匹配，讓人們能夠持續(xù)不斷的認識到各種新事物。所以，使用者在進行智能設(shè)備操作中，產(chǎn)品需要擁有良好的“自述”能力，依托于產(chǎn)品設(shè)計模型將產(chǎn)品工作原理和使用者認知心理聯(lián)系起來，讓使用者能夠充分了解和明白產(chǎn)品的運行方式，確保滿足使用者的心理需求[2]。為了實現(xiàn)這樣的目標，設(shè)計人員在進行產(chǎn)品設(shè)計時，需要提高產(chǎn)品外觀的可識別性以及操作性，具體來說需要通過以下幾個方面來進行。
1.1將“簡潔性”思想充分融入到UI界面設(shè)計中
從認知心理學(xué)的視域來看，人們知覺均存在明顯的“簡化”傾向，這里的“簡化”并不是代表物體中涵蓋了極少量的元素或者元素與元素之間的關(guān)系較為簡單，表示的是人們習(xí)慣于將外界所有刺激以最簡單的方式組織起來。這種“簡潔化”的思想對人們的心理認知產(chǎn)生了重大的影響，首先從正面影響來看，能夠引導(dǎo)人們向最簡化的結(jié)構(gòu)發(fā)展，降低緊張力，使得人們更加喜愛簡潔與對稱等類型圖形；其次從負面影響來看，在簡潔化思想的影響下，也會使得人們的活動變得固定、單一[3]。
1.2遵守鄰近性與相似性原則
從根本上來說，同樣是依照簡化以及整體化知覺目標的構(gòu)建原則，也就是說人們在對認知對象進行簡化過程中，會習(xí)慣于將相近的、雷同的元素聯(lián)系起來開展統(tǒng)一的認知。比如說人們在觀察空間中的各項物體時，往往會將顏色、形狀以及特征等元素相似的物體看作是一個整體。設(shè)計人員在進行UI界面設(shè)計過程中，可以依照功能或者特征的相似性來進行區(qū)域劃分，盡可能將相同功能的元素規(guī)劃到同一個區(qū)域中，一方面可以降低使用者操作強度，避免操作中產(chǎn)生不必要的移動距離，另一方面也使得界面更加的整潔和整齊，給使用者帶來良好的視覺感受。
1.3依照延續(xù)性原則
在進行UI界面設(shè)計過程中，在相似性原則的推動下，將各種信息元素融合到一起，構(gòu)建出具有延續(xù)性特征的空間，讓人們的視覺在這樣的空間環(huán)境中進行流動，一方面會沿著相近點以線性方式進行流動，另一方面也會依照色彩或者明暗變化來進行視覺移動。UI設(shè)計中需要保證使用者視覺流動的順暢性，這是開展UI界面設(shè)計需要充分重視的事項[4]。整體感強的界面設(shè)計能夠很好地滿足使用者的操作需求，而提高界面的延續(xù)性能夠讓使用者在各種信息空間或者界面中，都可以熟練掌握UI界面的操作方式，能夠有效的對多維度信息進行整合，是實現(xiàn)將不同頁面信息緊密聯(lián)系起來的重要途徑。
2完善產(chǎn)品的反饋功能
用戶在進行產(chǎn)品操作時，智能設(shè)備UI界面需要根據(jù)用戶的不同操作方式給予精準的信息反饋，從而確保交互行為能夠有效、順利的開展[5]。當產(chǎn)品的操作方式非常繁瑣且內(nèi)容較多時，產(chǎn)品操作難度明顯提升，并且完成整個操作流程需要較長的時間，這種情況下，在進行產(chǎn)品UI界面設(shè)計時，必須要讓用戶能夠準確認知到當下操作所處的位置，明白操作的具體進度，同時在階段性操作完成以后給予一定的鼓勵性反饋，比如說在某個產(chǎn)品上注冊新賬號時，需要選用色彩鮮明的顏色以及多樣化的圖標來顯示當下操作環(huán)節(jié)與下一步操作內(nèi)容，讓用戶能夠大概預(yù)算出完成整個操作過程需要多久時間。在進行智能產(chǎn)品UI界面設(shè)計過程中，設(shè)計人員需要在設(shè)計階段就考慮到使用過程可能會出現(xiàn)的不正確操作或者誤操作，當出現(xiàn)不正確操作方法時，UI交互界面應(yīng)當以聲音、圖示或者文字等的形式發(fā)出警示，將出現(xiàn)的不正確操作準確無誤的反饋給用戶，并指引用戶糾正當下操作方式，給予各種不同形式的正確操作建議。舉例說明，在互聯(lián)網(wǎng)剛剛出現(xiàn)時，使用者要想注冊某個產(chǎn)品的賬號，需要將昵稱、密碼以及驗證碼等各項信息填寫完成后，才可以進行提交，當出現(xiàn)昵稱已被注冊時，需要返回初始界面重新填寫各項信息，非常繁瑣。在當下已經(jīng)將這一問題進行了優(yōu)化，當使用者再輸入昵稱信息以后，在輸入框后面會顯示出“對號”或者“叉號”來提示昵稱是否可用，使用者按照反饋信息就可以看出昵稱有無被注冊過，確認無誤后再進行下一步操作，這樣優(yōu)化以后，通過良好的反饋功能可以顯著提升使用者的正確操作率。
3增加產(chǎn)品限制性功能設(shè)計
在進行智能產(chǎn)品UI界面設(shè)計時，還需要對產(chǎn)品的一些功能進行限制，就像人們生活的社會環(huán)境會對人們的日常行為進行約束一般[6]。比如說道路交通法規(guī)要求車輛在行駛過程中要按道行駛，依照要求路線行駛，避免道路出現(xiàn)事故或者擁堵，保證車輛的有序通行；在舉辦大型展覽活動時，現(xiàn)場會設(shè)置一些禁止進入的告示牌，并指引參觀者按照正確的路線進行觀看；電源插頭座設(shè)計中，也對允許插入的插頭規(guī)格進行了規(guī)范，等等。在開展UI界面設(shè)計時，也要在充分掌握使用者交互特征的基礎(chǔ)上，通過物理屬性、思想邏輯以及文化類型等原理對一些操作進行限制，使用者需要采取正確的操作手法才可以順利的實現(xiàn)產(chǎn)品信息交互。利用一些限制性的操作，一定程度上防止了使用者操作失誤的產(chǎn)生，給使用者帶來更加安全、舒心的使用環(huán)境。在增設(shè)限制性功能時，設(shè)計人員要熟知使用者操作特征、外部環(huán)境信息以及文化發(fā)展程度等，從而保證UI界面設(shè)計中的限制性功能能夠發(fā)揮良好的作用。比如說，正常情況下，智能產(chǎn)品UI界面上顯示的可操作按鈕要少于7個，盡管更多的按鈕能夠為使用者開展信息交互帶來更多的選擇權(quán)，但是過多的選擇也會給使用者選擇帶來一定的困難，影響使用者做出正確的選擇，降低操作的效率。所以，需要對各個按鈕進行權(quán)重排序，將權(quán)重值靠后的按鈕進行隱藏設(shè)置，縮小使用者進行第一選擇的范圍，進一步明確選擇的方向。在實際生活中，儀表盤上燈光處于發(fā)亮狀態(tài)時，說明設(shè)備處于工作狀態(tài)，而當燈光處于關(guān)閉狀態(tài)時，則說明設(shè)備處于停工狀態(tài)。在UI界面設(shè)計中，可以借鑒現(xiàn)實生活中設(shè)備儀表的視覺效果，依托于人們對生活中常識的認知和理解，將不能夠點擊的按鈕色調(diào)以及查看過的信息設(shè)置成灰色，可以有效防范使用者錯誤操作或者重復(fù)操作，進而提升節(jié)目信息的查看速度。
4構(gòu)建完善的映射和匹配關(guān)系
“映射和匹配”主要表示為兩個元素之間形成一一對應(yīng)的關(guān)系。從認知心理學(xué)理論層面來看，構(gòu)建高效、合理的映射和匹配關(guān)系，代表了操作行為與信息反饋之間形成科學(xué)、直接以及對等的關(guān)系，從而有效提升智能設(shè)備UI界面操作的便捷性。UI界面的視覺設(shè)計以及信息交互途徑設(shè)計等，需要和使用者對該智能設(shè)備的概念原理認知相一致，實現(xiàn)“自然匹配”，換言之，依托于物理環(huán)境以及文化通用思維，使得使用者能夠迅速掌握和明白設(shè)計完成的UI界面操作方式。設(shè)計人員需要將圖標的某項特征元素，比如說形狀、顏色、大小以及樣式等元素和具體實現(xiàn)的功能相吻合，讓使用者在看到該圖標時就可以快速、準確的想到能夠?qū)崿F(xiàn)的功能，確保相關(guān)按鈕的特征元素和界面屬性的變化形成自然聯(lián)系，在提高操作便利性的同時，也可以改善視覺體驗效果[7]。以現(xiàn)代非常流行的智能手機UI界面為代表進行說明，手機的物理音量按鍵設(shè)置在機體側(cè)邊緣，成條形上下分布，當需要調(diào)整手機音量時，在按動物理按鍵的同時，手機UI界面也會產(chǎn)生音量調(diào)節(jié)動態(tài)圖標，利用圖形狀態(tài)的改變來反饋音量調(diào)節(jié)的大小，通常情況下采用圓形或者柱形來顯示音量大小，音量調(diào)節(jié)越大，則圖形深色區(qū)域填充越多。假如，使用者在進行音量調(diào)節(jié)時，物理按鍵操作和UI節(jié)目動態(tài)圖形顯示不匹配，很容易產(chǎn)生錯誤操作。
5遵守統(tǒng)一和一致性原則
在開展UI界面設(shè)計過程中，嚴格落實統(tǒng)一性原則非常重要。統(tǒng)一性原則主要指設(shè)計出的UI界面的信息架構(gòu)、交互原則要清晰明了，在規(guī)劃、操作方式、色彩搭配、信息反饋以及控件大小等方面保持一致，好的UI界面設(shè)計能夠在無形之中為使用者帶來愉悅的操作感受，通過一致性的規(guī)劃可以讓使用者感到熟悉和便捷[8]。要實現(xiàn)UI界面設(shè)計的統(tǒng)一和一致性原則，需要從以下兩個方面進行。
5.1主題與對象的一致性
應(yīng)用產(chǎn)品中存在各種各樣的信息元素以及組件，不管鏈接的形式會出現(xiàn)何種改變，所有組成部分的信息呈現(xiàn)的目的要保持相同。比如說，某個智能設(shè)備的應(yīng)用軟件的客戶群體是中年精英男性，在總體設(shè)計風(fēng)格上要偏向于簡潔且有一定的邏輯性，而不可以在某些板塊或者二級頁面中出現(xiàn)代表女性的設(shè)計元素。
5.2交互原則相一致
在產(chǎn)品交互設(shè)計中，要確保各級交互原則的一致性，假如相互之間差距較大，不僅會給使用者操作帶來茫然，同時也會浪費較多的操作時間，不利于交互的順利進行，也會對相關(guān)信息產(chǎn)生較多誤解。比如說，在UI主界面中，綠色表示可以點擊，灰色表示限制操作，在其它頁面中也要嚴格按照這個規(guī)律來進行，盡可能不改變原有規(guī)律，從而提高使用者交互的效果。
6結(jié)束語
綜上所述，隨著現(xiàn)代科學(xué)技術(shù)水平的不斷發(fā)展，智能設(shè)備在社會生產(chǎn)與人們生活中發(fā)揮了重要作用，良好的UI界面設(shè)計不但可以促使使用者與產(chǎn)品的順利交互，同時也是人與人信息交流的重要方式。在實際UI界面設(shè)計時，要重視人文與精神內(nèi)涵，結(jié)合社會主流意識形態(tài)，這樣才可以有效提升產(chǎn)品實力，推動數(shù)字媒體行業(yè)獲得更好的發(fā)展。
參考文獻：
[1]王立才，孟祥武，張玉潔.移動網(wǎng)絡(luò)服務(wù)中基于認知心理學(xué)的用戶偏好提取方法[J].電子學(xué)報，2011，39（11）：2547-2553.
[2]李文波，謝鑫輝.淺論數(shù)字時代視覺傳達設(shè)計專業(yè)面臨的挑戰(zhàn)與出路———以UI界面設(shè)計推廣為例[J].藝術(shù)與設(shè)計（理論），2013，2（08）：163-165.
[3]王宇，陳少杰.心理學(xué)在UI與交互設(shè)計中的應(yīng)用與研究[J].設(shè)計，2017（07）：52-53.
[4]何揚帆，覃會優(yōu).論圖像學(xué)分析法對移動UI界面設(shè)計的應(yīng)用研究[J].工業(yè)設(shè)計，2017（08）：109-110.
[5]黃月，董艷.探討認知心理學(xué)實驗的AVG游戲設(shè)計與開發(fā)———以空白實驗法為例[J].中國電化教育，2015（04）：91-96.
[6]賀茂恩，盧鵬羽，宋俊飛.色彩心理學(xué)在UI界面設(shè)計中的研究[J].通訊世界，2018（01）：333.
[7]郭曉彬.新媒體驅(qū)動下的多元化互聯(lián)網(wǎng)UI界面視覺傳播策略與應(yīng)用[J].新媒體研究，2018，4（04）：104-105.
[8]李玉萍.扁平化圖形設(shè)計在校園導(dǎo)視UI界面設(shè)計中的應(yīng)用[J].美與時代（上），2017（09）：82-84.
作者：甄珍 單位：武漢商貿(mào)職業(yè)學(xué)院
