淺析GUI對于用戶體驗的影響

葉媛

摘 要：視覺上的感受在用戶體驗中是最直觀的一部分，我們從藝術的角度，通過合理并富有創意的設計可以提升界面的可用性和可操作性。良好的視覺設計不僅能帶給用戶很好的瀏覽體驗，也能使用戶操作更便捷，最大限度地滿足用戶需求。

關鍵詞：用戶體驗；視覺設計；設計要素

“用戶體驗”一詞早在20世紀90年代就得到了大家的廣泛認知，隨著物聯網時代的到來，用戶體驗在貫穿設計創新以及信息交互的過程中占有越來越重要的地位。當今科技發展日新月異，在新形勢下，互聯網的發展迎來了機遇和挑戰。GUI的設計風格呈現多元化特征，使眾多網站不斷追求更貼近用戶的體驗設計。

1 用戶體驗的重要性

用戶體驗（user experience）簡稱UE，是用戶群體在使用一個產品（服務）的過程中建立起來的一種純主觀的心理感受。用戶體驗無處不在，我們判定一個設計是否成功，最重要的就是在設計中是否以用戶為中心，是否遵循“以人為本”的設計原則。用戶體驗的核心和本質就是研究人在特定場景下的思維模式和行為模式，然后順應和利用它。因此，用戶體驗需要觀察和記錄用戶平常狀態下的行為，從而進行分析、研究、思考。事實上，這正是很多機構和公司研究用戶體驗的方法。

設計的核心意義和價值就在于信息的交互與傳達，從而達到用戶的根本需求。視覺設計在產品的呈現中是最先被用戶接觸到的，直接影響到用戶對產品的第一印象。用戶在瀏覽過程中，布局的合理性、內容的豐富性、色彩的舒適性等都會使用戶產生不同的情緒，一旦產生了不良情緒，用戶的瀏覽很容易被迫中斷。我們可以通過用戶體驗的反饋結果對設計進行適當的調整，因此用戶體驗在產品設計中起到了至關重要的作用。

在用戶體驗領域，視覺設計師需要解決什么問題？解決的問題可以提高哪些價值？在用戶體驗領域里，視覺設計師要解決的問題是體驗的舒適性、合理性以及美觀性。它所帶來的價值，站在商業角度來看，是更優雅和更直觀地傳達產品的價值；站在用戶角度，則是擁有更高的用戶使用率，讓用戶更加喜愛產品，并對其產生情感上的依賴。在體驗設計的領域，視覺設計師要解決的是最普遍的問題。一般來說，用視覺設計的方法來解決實際問題需要從深度和廣度兩個維度拓展。從深度上來說，視覺設計僅僅滿足合理、舒適和好看這幾方面，還遠遠不夠。更核心的點是你需要讓用戶發自內心地感受到愉悅。只有情感上的愛不釋手，才真正能更有力量地幫助產品獲得成功。從廣度來說，視覺設計師需要試著去解決傳統意義上的非視覺問題。例如，討論時我們是否可以試著用圖形草圖幫助同事整理思路？或者匯報時通過動態的圖形來演示，使得大家的思路更加清晰？或者當父母老了想學習用微信時，是否我們可以做一份微信的手繪說明書幫助他們學習？

2 影響用戶體驗的視覺元素

人們日常所獲得的信息中，有將近80%都來自視覺，隨著時代的進步與技術的發展，視覺已經成了一種溝通現實世界與虛擬世界的橋梁。在新時代的互聯網行業中，視覺早已不再是傳統的、單純的視覺感受，而是承載著諸多產品功能及數據的媒介。良好的視覺設計應該能夠做到視覺表達與產品功能的統一，想要贏得更多的用戶，吸引更多用戶的注意，就必須了解用戶，了解滿足用戶需求需要達到什么樣的功能，而這些功能要如何通過視覺化的體驗高效傳達給用戶。

那么，怎樣的設計才是優秀的界面設計？優秀的界面視覺設計首先是能非常明確地傳達這個產品的主旨。簡單說，就是這個產品是用來做什么的。產品必須是一個有機統一的整體，產品的設計必須由內而外都是協調統一的。因此，在色彩、文字、排版、布局等的選擇必須與產品的功能、情感相呼應，務必做到一脈相承，良好地傳達產品的設計理念。

優秀的界面視覺設計應當是獨特的、吸引人的，特別是最初的直觀感受。當然這必須先滿足之前的先決條件，而不是單純地為了博眼球、搏出位。整個設計過程會是一場微妙的博弈與平衡，以達到一種有魅力的、素雅的、耐看的境界。

而優秀的視覺設計師是能夠感受和接納用戶的。每作出一個決定的時候，都是從用戶的角度出發，而不能總是陷入無限的自我陶醉或者情懷當中。

其次，優秀的視覺設計師是熟悉、精通多種風格的。用戶是多樣的、需求是多種的，流行是會隨著時間變化的，界面的視覺元素也應隨時代發展而進步。

最后，優秀的視覺設計師是有自己的理念的。這種理念不會是狹隘的扁平化或者擬物化，這些只是表象的手段。這種理念應當是基于它對用戶有何益處，又或者給用戶帶來什么樣的好處，獲得了什么樣的啟發，或許是生理上的，或許是情感上的。

“用戶的視線首先落在什么地方？設計要素如何才能引起用戶的注意？我們所要向用戶表達的信息是否會成為他們關注的焦點？設計的整體布局是否合理，結構是否優化？層次是否清晰明確？”在設計之前我們所要考慮及分析的方面有很多，需要有足夠的用戶分析作為設計的支撐。

2.1 文字內容

文字在界面設計中是最重要的部分，是不可缺少的一部分。在界面設計中，對于文字有其特定的規范。網頁當中的文字與界面整體的風格設計息息相關，字體尤其獨特，在設計中采用不同的文字會產生風格迥異的視覺體驗。文字可以有不同的功能及表現形式，具體體現在字體、字號、行距、色彩、排版形式等方面，標題文字或slogan，我們可以使用一些富有創意的文字字體和排版形式，按照層級的遞減關系來編排界面中文字的大小，層級越高，字號就越大。正文的文字通常會影響用戶的閱讀效率，在PC端我們通常采用微軟雅黑的字體以及不小于14號的字號，而在移動端通常會根據不同的系統和屏幕尺寸來進行相應的調整，使之達到讓用戶閱讀起來最舒適的效果。

2.2 圖片展示

人們所獲得的信息將近80%是來自視覺的，而圖文并茂通常是用戶最容易接受的表達形式，圖形是人與人進行交流與溝通的最直接的視覺傳達方式，因此圖片信息在界面設計中也是尤為重要的一部分。

圖片的使用可以使得畫面更加豐富飽滿，在信息傳遞方面的表達更加的直觀和生動，更加容易集中用戶的注意力，從而更好地引導用戶，實現目標。富有創意的圖片往往具有烘托氣氛的作用，可以讓用戶感受到整體的設計氛圍。與此同時，富有視覺沖擊力的圖片可以幫助企業樹立品牌形象。

2.3 色彩搭配

色彩本身會說話，它可以表達出豐富的情感。世界萬物都要通過色彩作為媒介才能夠被人們所感知，不同的色系、不同的明度、不同的純度以及不同的色彩搭配都能給人帶來不一樣的心情。例如，紅色帶給人熱情，藍色帶給人安靜，綠色具有頑強的生命力，紫色充滿了夢幻。巧妙的色彩搭配往往能給用戶以強大的視覺沖擊力，這些富有強大感染力的色彩能給用戶留下極為深刻的視覺印象，強化信息交互，留住用戶的視線。

2.4 版式布局

布局設計是從宏觀的角度去考慮產品的結構與功能，運用合理的版式設計原理，將界面上的視覺元素進行富有層次的排列組合，使得界面的內容表達更加直觀，使復雜的內容簡單化。布局的目的就是實現信息傳達的清晰化、合理化，從而提高用戶瀏覽時的舒適度。布局設計是系統化的，能引導用戶的視覺動線，起到統籌作用，雖然沒有圖片及文字那樣給人帶來直觀的印象，但卻是必不可少的。

3 如何提升用戶體驗

當我們在使用一款產品時，顯而易見的，我們最先接觸到的就是視覺上的體現，用戶可以通過界面上的排版布局通過各種操作按鈕去完成想要的操作，當我們非常順利地完成計劃時，自然會對產品產生好感。

用戶在使用或瀏覽界面的過程，不僅僅是信息交互的過程，也是與用戶之間建立信任關系的過程。產品中影響用戶體驗的因素有很多，如使用環境、品牌形象、信息內容、加載速度等，而視覺設計是諸多影響體驗因素之一，但卻是至關重要的一個環節，視覺設計會直接影響用戶對產品建立信任的程度和初步印象。主題明確、結構主次分明、色彩搭配舒適的界面能更快吸引用戶的目光。因此，就要求設計師在進行視覺設計時，從用戶的角度考慮問題，要想獲得更高的用戶黏度，除了要抓住用戶的“痛點”，還要考慮到用戶群體的操作習慣、思維方式和使用環境，用最優的色彩、文字排版形式來提升網站可用性，為用戶帶來愉悅的瀏覽體驗，從而給用戶留下深刻印象，吸引用戶再次訪問。

3.1 結構清晰 閱讀舒適

設計的核心意義和價值在于能夠向用戶輸送信息，引導用戶的操作行為，從而達到滿足用戶需求的目的。設計與純藝術是有一定差別的，設計的本質是為大眾服務，所以視覺層面上信息傳達是否清晰、體驗是否舒服尤為重要。因此，也要求設計師在著手進行設計之前，進行充分的用戶研究，盡可能避免因視覺上的某些不合理性而影響到用戶對產品的整體印象，產生抵觸情緒。例如，圖1中的兩個產品界面設計，界面主色色調較淺，上面的白色文字閱讀性很差，閱讀會很費力，左邊界面，每個圖片的主題文字和發布時間閱讀性相對都較弱，右邊界面，層次相對不是很清晰，推薦一下、關注、分享的引導性較弱，整體的用戶體驗會大打折扣。

3.2 化繁為簡 易于接受

隨著技術的飛速發展，越來越多的用戶群體習慣在網上查找資料、瀏覽新聞、購物等。人們對于生活品質的要求也隨之提高，新的交互設計形式層出不窮，越來越多的創新思維被應用到實際項目中。這些設計形式往往可以使產品變得更加生動和富有趣味性，但有些時候設計的裝飾性過度，掩蓋了原本的內容及功能性，用戶在瀏覽操作上相對難以找到需求點，用戶體驗往往會大打折扣。設計沒有非常統一的標準去評判其優劣，只有在用戶的使用過程中，通過用戶的體驗反饋，才能夠得知產品是否被大眾所喜愛，大眾易于接受的產品才能算得上是優秀的產品。產品的設計中會涉及很多的操作行為，如果界面上有多余的元素很有可能就會形成誤導和阻礙。所以，在設計時不應過分關注多余的裝飾，要化繁為簡，突出重點內容，簡化界面，使之簡潔明了，排除了用戶的諸多閱讀障礙，體驗感自然隨之提高！例如，圖2所示的界面設計，界面簡潔明快，沒有多余的設計元素，在色彩、文字、按鈕、圖片上都進行了精細處理，可以說是一款用戶體驗良好的產品。

4 結語

用戶體驗無處不在，在科學技術迅猛發展的時代背景下，用戶對于產品的需求越來越高。這大大提高了設計出更具吸引力的、用戶體驗更好的產品的難度。面對復雜多變的外部環境，傳統的產品設計方法已經不能適應當今的社會發展形勢，設計師們要擁有產品思維，做設計早已不再是單純地從審美角度出發，更需要全方位、多角度地去考慮實際問題，為用戶提供更加便捷高效的解決方案，這才是產品本身所應關注的問題。

參考文獻：

[1] 余小芬.網頁設計風格的審美效應[J].大眾文藝，2012.

[2] 特里斯（美），阿伯特（美）.用戶體驗度量[M].周榮剛，譯.機械工業出版社，2009.

[3] 霍夫曼（美）.瞬間之美：Web界面設計如何讓用戶心動[M].向怡寧，譯.人民郵電出版社，2009.

[4] 隋涌.互聯網產品視覺設計[M].清華大學出版社，2015.