淺析GUI對(duì)于用戶體驗(yàn)的影響

葉媛

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

關(guān)鍵詞：用戶體驗(yàn)；視覺(jué)設(shè)計(jì)；設(shè)計(jì)要素

“用戶體驗(yàn)”一詞早在20世紀(jì)90年代就得到了大家的廣泛認(rèn)知，隨著物聯(lián)網(wǎng)時(shí)代的到來(lái)，用戶體驗(yàn)在貫穿設(shè)計(jì)創(chuàng)新以及信息交互的過(guò)程中占有越來(lái)越重要的地位。當(dāng)今科技發(fā)展日新月異，在新形勢(shì)下，互聯(lián)網(wǎng)的發(fā)展迎來(lái)了機(jī)遇和挑戰(zhàn)。GUI的設(shè)計(jì)風(fēng)格呈現(xiàn)多元化特征，使眾多網(wǎng)站不斷追求更貼近用戶的體驗(yàn)設(shè)計(jì)。

1 用戶體驗(yàn)的重要性

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

設(shè)計(jì)的核心意義和價(jià)值就在于信息的交互與傳達(dá)，從而達(dá)到用戶的根本需求。視覺(jué)設(shè)計(jì)在產(chǎn)品的呈現(xiàn)中是最先被用戶接觸到的，直接影響到用戶對(duì)產(chǎn)品的第一印象。用戶在瀏覽過(guò)程中，布局的合理性、內(nèi)容的豐富性、色彩的舒適性等都會(huì)使用戶產(chǎn)生不同的情緒，一旦產(chǎn)生了不良情緒，用戶的瀏覽很容易被迫中斷。我們可以通過(guò)用戶體驗(yàn)的反饋結(jié)果對(duì)設(shè)計(jì)進(jìn)行適當(dāng)?shù)恼{(diào)整，因此用戶體驗(yàn)在產(chǎn)品設(shè)計(jì)中起到了至關(guān)重要的作用。

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

2 影響用戶體驗(yàn)的視覺(jué)元素

人們?nèi)粘Ｋ@得的信息中，有將近80%都來(lái)自視覺(jué)，隨著時(shí)代的進(jìn)步與技術(shù)的發(fā)展，視覺(jué)已經(jīng)成了一種溝通現(xiàn)實(shí)世界與虛擬世界的橋梁。在新時(shí)代的互聯(lián)網(wǎng)行業(yè)中，視覺(jué)早已不再是傳統(tǒng)的、單純的視覺(jué)感受，而是承載著諸多產(chǎn)品功能及數(shù)據(jù)的媒介。良好的視覺(jué)設(shè)計(jì)應(yīng)該能夠做到視覺(jué)表達(dá)與產(chǎn)品功能的統(tǒng)一，想要贏得更多的用戶，吸引更多用戶的注意，就必須了解用戶，了解滿足用戶需求需要達(dá)到什么樣的功能，而這些功能要如何通過(guò)視覺(jué)化的體驗(yàn)高效傳達(dá)給用戶。

那么，怎樣的設(shè)計(jì)才是優(yōu)秀的界面設(shè)計(jì)？?jī)?yōu)秀的界面視覺(jué)設(shè)計(jì)首先是能非常明確地傳達(dá)這個(gè)產(chǎn)品的主旨。簡(jiǎn)單說(shuō)，就是這個(gè)產(chǎn)品是用來(lái)做什么的。產(chǎn)品必須是一個(gè)有機(jī)統(tǒng)一的整體，產(chǎn)品的設(shè)計(jì)必須由內(nèi)而外都是協(xié)調(diào)統(tǒng)一的。因此，在色彩、文字、排版、布局等的選擇必須與產(chǎn)品的功能、情感相呼應(yīng)，務(wù)必做到一脈相承，良好地傳達(dá)產(chǎn)品的設(shè)計(jì)理念。

優(yōu)秀的界面視覺(jué)設(shè)計(jì)應(yīng)當(dāng)是獨(dú)特的、吸引人的，特別是最初的直觀感受。當(dāng)然這必須先滿足之前的先決條件，而不是單純地為了博眼球、搏出位。整個(gè)設(shè)計(jì)過(guò)程會(huì)是一場(chǎng)微妙的博弈與平衡，以達(dá)到一種有魅力的、素雅的、耐看的境界。

而優(yōu)秀的視覺(jué)設(shè)計(jì)師是能夠感受和接納用戶的。每作出一個(gè)決定的時(shí)候，都是從用戶的角度出發(fā)，而不能總是陷入無(wú)限的自我陶醉或者情懷當(dāng)中。

其次，優(yōu)秀的視覺(jué)設(shè)計(jì)師是熟悉、精通多種風(fēng)格的。用戶是多樣的、需求是多種的，流行是會(huì)隨著時(shí)間變化的，界面的視覺(jué)元素也應(yīng)隨時(shí)代發(fā)展而進(jìn)步。

最后，優(yōu)秀的視覺(jué)設(shè)計(jì)師是有自己的理念的。這種理念不會(huì)是狹隘的扁平化或者擬物化，這些只是表象的手段。這種理念應(yīng)當(dāng)是基于它對(duì)用戶有何益處，又或者給用戶帶來(lái)什么樣的好處，獲得了什么樣的啟發(fā)，或許是生理上的，或許是情感上的。

“用戶的視線首先落在什么地方？設(shè)計(jì)要素如何才能引起用戶的注意？我們所要向用戶表達(dá)的信息是否會(huì)成為他們關(guān)注的焦點(diǎn)？設(shè)計(jì)的整體布局是否合理，結(jié)構(gòu)是否優(yōu)化？層次是否清晰明確？”在設(shè)計(jì)之前我們所要考慮及分析的方面有很多，需要有足夠的用戶分析作為設(shè)計(jì)的支撐。

2.1 文字內(nèi)容

文字在界面設(shè)計(jì)中是最重要的部分，是不可缺少的一部分。在界面設(shè)計(jì)中，對(duì)于文字有其特定的規(guī)范。網(wǎng)頁(yè)當(dāng)中的文字與界面整體的風(fēng)格設(shè)計(jì)息息相關(guān)，字體尤其獨(dú)特，在設(shè)計(jì)中采用不同的文字會(huì)產(chǎn)生風(fēng)格迥異的視覺(jué)體驗(yàn)。文字可以有不同的功能及表現(xiàn)形式，具體體現(xiàn)在字體、字號(hào)、行距、色彩、排版形式等方面，標(biāo)題文字或slogan，我們可以使用一些富有創(chuàng)意的文字字體和排版形式，按照層級(jí)的遞減關(guān)系來(lái)編排界面中文字的大小，層級(jí)越高，字號(hào)就越大。正文的文字通常會(huì)影響用戶的閱讀效率，在PC端我們通常采用微軟雅黑的字體以及不小于14號(hào)的字號(hào)，而在移動(dòng)端通常會(huì)根據(jù)不同的系統(tǒng)和屏幕尺寸來(lái)進(jìn)行相應(yīng)的調(diào)整，使之達(dá)到讓用戶閱讀起來(lái)最舒適的效果。

2.2 圖片展示

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

圖片的使用可以使得畫(huà)面更加豐富飽滿，在信息傳遞方面的表達(dá)更加的直觀和生動(dòng)，更加容易集中用戶的注意力，從而更好地引導(dǎo)用戶，實(shí)現(xiàn)目標(biāo)。富有創(chuàng)意的圖片往往具有烘托氣氛的作用，可以讓用戶感受到整體的設(shè)計(jì)氛圍。與此同時(shí)，富有視覺(jué)沖擊力的圖片可以幫助企業(yè)樹(shù)立品牌形象。

2.3 色彩搭配

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

2.4 版式布局

布局設(shè)計(jì)是從宏觀的角度去考慮產(chǎn)品的結(jié)構(gòu)與功能，運(yùn)用合理的版式設(shè)計(jì)原理，將界面上的視覺(jué)元素進(jìn)行富有層次的排列組合，使得界面的內(nèi)容表達(dá)更加直觀，使復(fù)雜的內(nèi)容簡(jiǎn)單化。布局的目的就是實(shí)現(xiàn)信息傳達(dá)的清晰化、合理化，從而提高用戶瀏覽時(shí)的舒適度。布局設(shè)計(jì)是系統(tǒng)化的，能引導(dǎo)用戶的視覺(jué)動(dòng)線，起到統(tǒng)籌作用，雖然沒(méi)有圖片及文字那樣給人帶來(lái)直觀的印象，但卻是必不可少的。

3 如何提升用戶體驗(yàn)

當(dāng)我們?cè)谑褂靡豢町a(chǎn)品時(shí)，顯而易見(jiàn)的，我們最先接觸到的就是視覺(jué)上的體現(xiàn)，用戶可以通過(guò)界面上的排版布局通過(guò)各種操作按鈕去完成想要的操作，當(dāng)我們非常順利地完成計(jì)劃時(shí)，自然會(huì)對(duì)產(chǎn)品產(chǎn)生好感。

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

3.1 結(jié)構(gòu)清晰 閱讀舒適

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

3.2 化繁為簡(jiǎn) 易于接受

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

4 結(jié)語(yǔ)

用戶體驗(yàn)無(wú)處不在，在科學(xué)技術(shù)迅猛發(fā)展的時(shí)代背景下，用戶對(duì)于產(chǎn)品的需求越來(lái)越高。這大大提高了設(shè)計(jì)出更具吸引力的、用戶體驗(yàn)更好的產(chǎn)品的難度。面對(duì)復(fù)雜多變的外部環(huán)境，傳統(tǒng)的產(chǎn)品設(shè)計(jì)方法已經(jīng)不能適應(yīng)當(dāng)今的社會(huì)發(fā)展形勢(shì)，設(shè)計(jì)師們要擁有產(chǎn)品思維，做設(shè)計(jì)早已不再是單純地從審美角度出發(fā)，更需要全方位、多角度地去考慮實(shí)際問(wèn)題，為用戶提供更加便捷高效的解決方案，這才是產(chǎn)品本身所應(yīng)關(guān)注的問(wèn)題。

參考文獻(xiàn)：

[1] 余小芬.網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格的審美效應(yīng)[J].大眾文藝，2012.

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

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

[4] 隋涌.互聯(lián)網(wǎng)產(chǎn)品視覺(jué)設(shè)計(jì)[M].清華大學(xué)出版社，2015.