認(rèn)知心理學(xué)下的UI界面設(shè)計(jì)

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

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

關(guān)鍵詞：認(rèn)知心理學(xué)；UI；界面設(shè)計(jì)

引言

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

1提高產(chǎn)品外觀的可識(shí)別性

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

1.1將“簡潔性”思想充分融入到UI界面設(shè)計(jì)中

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

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

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

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

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

2完善產(chǎn)品的反饋功能

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

3增加產(chǎn)品限制性功能設(shè)計(jì)

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

4構(gòu)建完善的映射和匹配關(guān)系

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

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

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

5.1主題與對象的一致性

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

5.2交互原則相一致

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

6結(jié)束語

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

參考文獻(xiàn)：

[1]王立才，孟祥武，張玉潔.移動(dòng)網(wǎng)絡(luò)服務(wù)中基于認(rèn)知心理學(xué)的用戶偏好提取方法[J].電子學(xué)報(bào)，2011，39（11）：2547-2553.

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

[3]王宇，陳少杰.心理學(xué)在UI與交互設(shè)計(jì)中的應(yīng)用與研究[J].設(shè)計(jì)，2017（07）：52-53.

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

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

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

[7]郭曉彬.新媒體驅(qū)動(dòng)下的多元化互聯(lián)網(wǎng)UI界面視覺傳播策略與應(yīng)用[J].新媒體研究，2018，4（04）：104-105.

[8]李玉萍.扁平化圖形設(shè)計(jì)在校園導(dǎo)視UI界面設(shè)計(jì)中的應(yīng)用[J].美與時(shí)代（上），2017（09）：82-84.

作者：甄珍 單位：武漢商貿(mào)職業(yè)學(xué)院