基于交互體驗(yàn)和視覺體驗(yàn)的用戶界面設(shè)計(jì)分析

馬羚

摘要：在用戶界面（User Interface，以下簡(jiǎn)稱UI）設(shè)計(jì)過程當(dāng)中，交互體驗(yàn)和視覺體驗(yàn)是兩項(xiàng)需要考慮的核心內(nèi)容，而從UI操作的特點(diǎn)以及人的生理、心理特點(diǎn)來講，其兩者之間又存在著直接的關(guān)聯(lián)。因此在UI設(shè)計(jì)中，應(yīng)當(dāng)基于用戶的交互體驗(yàn)和視覺體驗(yàn)做到兩者兼顧，使UI全面符合人的操作習(xí)慣以及視覺生理、心理需求，從而達(dá)到優(yōu)化用戶體驗(yàn)的目的。本文首先明確了研究所涉及的相關(guān)概念，其次闡述了基于交互體驗(yàn)和視覺體驗(yàn)的UI設(shè)計(jì)意義及原則，最后提出了基于交互體驗(yàn)和視覺體驗(yàn)的UI設(shè)計(jì)思路，希望能夠?yàn)橄嚓P(guān)的工作實(shí)踐提供參考。

關(guān)鍵詞：交互體驗(yàn);視覺體驗(yàn);用戶界面設(shè)計(jì)

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

文章編碼：1672-7053（2021）03-0080-02

準(zhǔn)確的來講，“UI（User Interface）”即“用戶界面”是一個(gè)廣泛的定義，指的是人和物互動(dòng)過程中的界面，如汽車的方向盤、中控臺(tái)，以及遙控器的按鍵面板等等。不過在信息化技術(shù)出現(xiàn)與普及之后，UI這一概念更多地被應(yīng)用到了人與軟件的交互中來，如計(jì)算機(jī)、智能手機(jī)的系統(tǒng)界面，各種網(wǎng)頁、應(yīng)用的操作界面等等，本文針對(duì)的是人與軟件交互的UI。從上個(gè)世紀(jì)八九十年代開始，以互聯(lián)網(wǎng)和計(jì)算機(jī)為主的信息化技術(shù)便面向全球迅速推廣開來，時(shí)至今日其已經(jīng)滲透進(jìn)了人們生活、生產(chǎn)、學(xué)習(xí)、購物的方方面面，各種技術(shù)、設(shè)備明顯增多，系統(tǒng)、網(wǎng)頁、軟件應(yīng)用層出不窮，這使得UI設(shè)計(jì)成為了人們重點(diǎn)關(guān)注的對(duì)象。因?yàn)閁I是人操作設(shè)備、系統(tǒng)、網(wǎng)頁、軟件的必要“接口”，只有通過它才能達(dá)成目的，發(fā)揮出信息化技術(shù)的作用和優(yōu)勢(shì)。在信息化技術(shù)發(fā)展的早期，UI設(shè)計(jì)是較為粗糙的，單方面?zhèn)戎毓δ艿膶?shí)現(xiàn)，在一定程度上忽視了UI設(shè)計(jì)需基于交互體驗(yàn)和視覺體驗(yàn)，而實(shí)際上正是這兩者影響著人機(jī)交互操作及視覺體驗(yàn)。與此同時(shí)，人們不再僅僅重視信息化功能的實(shí)現(xiàn)，而是更注重信息化功能實(shí)現(xiàn)時(shí)的操作體驗(yàn)和視覺體驗(yàn)，這甚至成為了產(chǎn)品能否被用戶接受、喜愛的主要指標(biāo)之一。

1相關(guān)概念解析

1.1交互體驗(yàn)

交互體驗(yàn)是指人使用產(chǎn)品或者訪問服務(wù)的過程中所感受到的、所獲得的交互內(nèi)容的總和，是一種主觀感覺，好學(xué)易用、準(zhǔn)確高效、安全友好是人性化交互體驗(yàn)的基本要求。在信息化服務(wù)領(lǐng)域當(dāng)中，各種軟件、系統(tǒng)、APP都會(huì)使用戶產(chǎn)生交互體驗(yàn)感，比如用戶注冊(cè)、按鈕設(shè)置、錯(cuò)誤提示、在線搜索、在線問答、意見反饋等，并且其強(qiáng)調(diào)交互操作中的可用性、易用性。

1.2視覺體驗(yàn)

視覺體驗(yàn)是指運(yùn)用視覺器官去辨別光的明暗強(qiáng)弱、色的色素組成，以及物體的大小遠(yuǎn)近、狀貌變化，從而準(zhǔn)確把握事物的特征，真實(shí)反映客觀事物。不過需要重視的一點(diǎn)是，視覺體驗(yàn)不僅僅局限在“視覺”本身上，其同時(shí)還會(huì)影響到人的精神活動(dòng)、心理活動(dòng)，如使人產(chǎn)生審美的感受，或是產(chǎn)生輕松、舒緩、愉悅的情緒等等。

2基于交互體驗(yàn)和視覺體驗(yàn)的用戶界面設(shè)計(jì)意義

人不論是對(duì)于事物的生理、心理感知，還是對(duì)信息的獲取都主要通過視覺，尤其是在信息化的人機(jī)交互中更是如此。簡(jiǎn)而言之，信息化的人機(jī)交互必須要依靠視覺，如通過視覺獲取交互所需信息，接受交互的流程引導(dǎo)，掌握正確的交互操作方法等等。基于交互體驗(yàn)和視覺體驗(yàn)進(jìn)行用戶界面設(shè)計(jì)能夠大大增強(qiáng)用戶的體驗(yàn)感，滿足用戶在人機(jī)交互中的視覺生理、心理需求，保證所有的操作都符合人的視覺認(rèn)知規(guī)律和活動(dòng)心理規(guī)律，進(jìn)而對(duì)信息化服務(wù)起到一種重要的改進(jìn)、優(yōu)化作用。

3基于交互體驗(yàn)和視覺體驗(yàn)的用戶界面設(shè)計(jì)原則

3.1一致性

一方面，是要保證UI設(shè)計(jì)自身各種交互控件、視覺元素的一致性，如一致的排列規(guī)律、字體大小、色彩等等，不能在視覺上對(duì)人造成干擾，引起視覺疲勞;另一方面，要保證與行業(yè)傳統(tǒng)習(xí)慣的一致性，時(shí)至今日，人們已經(jīng)習(xí)慣了信息化服務(wù)，在既往的UI設(shè)計(jì)中已經(jīng)初步形成了一些UI設(shè)計(jì)的傳統(tǒng)習(xí)慣，用戶對(duì)之也已經(jīng)完全地習(xí)慣，為了迎合這種習(xí)慣，不對(duì)用戶的交互造成困擾，UI設(shè)計(jì)便需要盡可能地和傳統(tǒng)習(xí)慣相一致。

3.2準(zhǔn)確性

在UI設(shè)計(jì)中信息的傳達(dá)是極為關(guān)鍵的一環(huán)，直接影響著用戶的交互操作。實(shí)踐中，信息的傳達(dá)主要是通過視覺來實(shí)現(xiàn)的，要注意不能由于單方面地追求視覺體驗(yàn)，而造成信息傳達(dá)不準(zhǔn)確。應(yīng)當(dāng)以信息傳達(dá)的準(zhǔn)確性為基本原則，展開對(duì)UI的設(shè)計(jì)，簡(jiǎn)而言之就是所有的視覺元素都不能對(duì)用戶造成信息傳達(dá)方面的誤導(dǎo)，防止用戶產(chǎn)生錯(cuò)誤的認(rèn)知，執(zhí)行錯(cuò)誤的操作。

3.3可讀性

在人機(jī)交互中存在一個(gè)雙向的信息流，一方面是機(jī)器對(duì)人發(fā)出的信息，另一方面是人對(duì)機(jī)器發(fā)出的信息，而且以機(jī)器對(duì)人發(fā)出的信息為先，基于這些信息，人才能夠根據(jù)自身所需的功能和服務(wù)向機(jī)器發(fā)出信息，即各種指令。因此，在UI設(shè)計(jì)中，必須要考慮到機(jī)器向人傳達(dá)信息的可讀性問題，在視覺上要符合人的認(rèn)知規(guī)律，如字體的大小要合理，排版不能太緊湊，以免引起視覺疲勞等等。

3.4合理性

在UI設(shè)計(jì)中，可能包括了諸多的交互功能，這就會(huì)增加了視覺設(shè)計(jì)的復(fù)雜度，在這樣的情況下，UI交互控件、視覺元素的布局就會(huì)成為一個(gè)很大的問題。在這里需要堅(jiān)持的基本原則是合理布局，這種合理性要體現(xiàn)在兩個(gè)方面，一方面是視覺――認(rèn)知規(guī)律的合理性，如符合人的視覺運(yùn)動(dòng)習(xí)慣;另一方面是交互控件功能的邏輯合理性，以方便用戶進(jìn)行快速、準(zhǔn)確地交互操作。

4基于交互體驗(yàn)和視覺體驗(yàn)的用戶界面設(shè)計(jì)思路

4.1明確用戶群體

根據(jù)UI主要針對(duì)的用戶群體，可以基本分析、判斷出他們的視覺能力、視覺思維，據(jù)此便可以大體確定UI的風(fēng)格特點(diǎn)，從而迎合用戶的視覺體驗(yàn)，得到用戶的認(rèn)可和喜愛。近些年，全球的信息化市場(chǎng)與應(yīng)用市場(chǎng)都得到了極大地發(fā)展，各種信息化設(shè)備、信息化應(yīng)用服務(wù)大量增多，而且對(duì)于用戶群體的劃分也越來越細(xì)致。如有專門針對(duì)少年兒童的教育、學(xué)習(xí)類信息化服務(wù);有專門針對(duì)年輕人的網(wǎng)絡(luò)社交信息化服務(wù);以及專門針對(duì)老年人的智慧健康信息化服務(wù)等等。這些不同的用戶群體，在視覺能力、視覺思維上是具有自身特點(diǎn)的。在針對(duì)少年兒童的UI設(shè)計(jì)中，其風(fēng)格特點(diǎn)應(yīng)當(dāng)保持簡(jiǎn)明、卡通、溫暖和趣味，以吸引少年兒童的興趣和注意力;年輕人對(duì)信息化操作和互聯(lián)網(wǎng)世界較為熟悉，而且視覺能力較強(qiáng)，視覺思維運(yùn)轉(zhuǎn)較快，更多地是追求個(gè)性化的體驗(yàn)，所以針對(duì)他們的UI設(shè)計(jì)風(fēng)格特點(diǎn)應(yīng)當(dāng)注重視覺上的沖擊力，強(qiáng)化UI設(shè)計(jì)對(duì)用戶心理的觸動(dòng);針對(duì)老年人的UI設(shè)計(jì)，在風(fēng)格上則需要力求簡(jiǎn)單、清楚、明了，不能給用戶帶來視覺上的壓力和疲勞感，方便他們進(jìn)行快捷地操作。

4.2符合閱讀習(xí)慣

人們?cè)趯?duì)將事物進(jìn)行觀察時(shí)，具有一定的視覺習(xí)慣，例如讀書的時(shí)候從左至右看，觀看豎幅海報(bào)時(shí)從上到下看，這些習(xí)慣具有終身性，這是設(shè)計(jì)師在進(jìn)行UI設(shè)計(jì)時(shí)需要重點(diǎn)關(guān)注的部分，在保證用戶能夠在一次觀看中獲得充分閱讀量的情況下，進(jìn)行內(nèi)容的框架設(shè)計(jì)，盡可能將重點(diǎn)內(nèi)容和價(jià)值性較高的內(nèi)容放在左上角，順應(yīng)人們的視覺習(xí)慣，保證人們的視覺平衡。

4.3強(qiáng)調(diào)圖標(biāo)的獨(dú)特性

在進(jìn)行UI圖形排版時(shí)，首先要進(jìn)行軟件風(fēng)格的定位，保證圖形排版的合理性和視覺效應(yīng)，能夠讓用戶在使用時(shí)有良好的視覺體驗(yàn)。圖形的設(shè)計(jì)與排版直接影響用戶的使用感受，如果圖形的形狀與UI設(shè)計(jì)的整體風(fēng)格達(dá)不到協(xié)調(diào)統(tǒng)一，那么就無法給用戶一個(gè)明確的視覺認(rèn)知，軟件特點(diǎn)也不明確，很難在軟件市場(chǎng)中長(zhǎng)久地立足?？紤]到近幾年來，用戶的視覺思考模式逐漸由文字轉(zhuǎn)化為了圖形，設(shè)計(jì)師們應(yīng)該對(duì)UI設(shè)計(jì)中的圖形充分重視，盡可能地保證圖形既符合UI設(shè)計(jì)的整體需求，又能夠具有一定的創(chuàng)新性和獨(dú)特性，讓用戶在瞬間產(chǎn)生較為深刻的記憶。

4.4增強(qiáng)用戶視覺體驗(yàn)

人是“視覺動(dòng)物”，視覺對(duì)于人的身心感受影響是相當(dāng)大的，甚至?xí)Q定人對(duì)事物的接受程度。因此，為了使UI設(shè)計(jì)更受人喜愛與認(rèn)可，并由此促進(jìn)系統(tǒng)、網(wǎng)頁、應(yīng)用等信息化服務(wù)的市場(chǎng)化發(fā)展，就需要合理地增強(qiáng)用戶視覺體驗(yàn)。這里所謂的視覺體驗(yàn)，不一定非要強(qiáng)調(diào)視覺――心理上的沖擊力，而是要讓用戶感到舒適。如色彩是非常容易給人帶來視覺體驗(yàn)的設(shè)計(jì)元素，在設(shè)計(jì)中時(shí)，既要保證色彩的選擇與信息化服務(wù)的屬性、功能以及界面信息基本一致，也要保證其具有一種美學(xué)性質(zhì)的和諧性，能夠給人帶來視覺上美的享受，從而提升其視覺體驗(yàn)。

5結(jié)語

交互體驗(yàn)和視覺體驗(yàn)是UI設(shè)計(jì)中的兩大核心內(nèi)容與關(guān)鍵課題，它們共同決定著UI設(shè)計(jì)的品質(zhì)，進(jìn)而影響著人的信息化服務(wù)體驗(yàn)，所以需要對(duì)基于交互體驗(yàn)和視覺體驗(yàn)的UI設(shè)計(jì)加強(qiáng)研究、探討與實(shí)踐，正確認(rèn)識(shí)其二者的重要性，處理好它們的相互關(guān)系，以此提升UI設(shè)計(jì)的品質(zhì)及信息化服務(wù)體驗(yàn)。