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

馬羚

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

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

中圖分類號：J524 文獻標識碼：A

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

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

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

1.1交互體驗

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

1.2視覺體驗

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

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

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

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

3.1一致性

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

3.2準確性

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

3.3可讀性

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

3.4合理性

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

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

4.1明確用戶群體

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

4.2符合閱讀習(xí)慣

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

4.3強調(diào)圖標的獨特性

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

4.4增強用戶視覺體驗

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

5結(jié)語

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