文/李　婧

針對(duì)網(wǎng)站界面設(shè)計(jì)用戶體驗(yàn)的研究

文/李婧

網(wǎng)站界面設(shè)計(jì)即人們常說(shuō)的UI（User Interface，用戶接口），對(duì)于網(wǎng)站功能展示、用戶交互性都有著重要的意義。網(wǎng)站界面用戶體驗(yàn)度通常包括視覺(jué)體驗(yàn)、情感體驗(yàn)、實(shí)用性體驗(yàn)等方面的內(nèi)容，本文從網(wǎng)站界面設(shè)計(jì)作用入手，分析了網(wǎng)站界面設(shè)計(jì)用戶體驗(yàn)的幾個(gè)方面，并探討了其發(fā)展趨勢(shì)。

網(wǎng)站；界面設(shè)計(jì)；UI；用戶體驗(yàn)

一、網(wǎng)站界面設(shè)計(jì)的作用分析

（一）服務(wù)網(wǎng)站功能定位

網(wǎng)站設(shè)計(jì)首先應(yīng)服務(wù)于網(wǎng)站功能定位，通過(guò)一定的界面設(shè)計(jì)能夠?qū)⒕W(wǎng)站所傳遞的信息，以獨(dú)具特色的形式展現(xiàn)出來(lái)，這是網(wǎng)站界面設(shè)計(jì)最為重要的意義。在數(shù)億計(jì)的各類網(wǎng)站中，如何能夠凸顯網(wǎng)站提供的功能，很大程度上都與該網(wǎng)站的界面設(shè)計(jì)有一定的關(guān)系。在人們?nèi)粘Ｉ钪?，常?jiàn)的網(wǎng)站包括購(gòu)物網(wǎng)站、新聞網(wǎng)站、娛樂(lè)網(wǎng)站、視頻網(wǎng)站、搜索網(wǎng)站、學(xué)習(xí)教育網(wǎng)站、機(jī)構(gòu)網(wǎng)站等，因此不同網(wǎng)站的功能應(yīng)能夠通過(guò)界面設(shè)計(jì)來(lái)體現(xiàn)出來(lái)，例如：政府網(wǎng)站一般應(yīng)具有一定的嚴(yán)肅性和莊重性，給人一種不可褻瀆的感覺(jué)，而購(gòu)物性的網(wǎng)站通過(guò)良好的界面UI設(shè)計(jì)使得購(gòu)物者能夠感受到品種的豐富與便捷。因此，網(wǎng)站界面的設(shè)計(jì)首先應(yīng)契合網(wǎng)站的功能定位。

（二）服務(wù)于用戶定位

網(wǎng)頁(yè)界面設(shè)計(jì)還應(yīng)服務(wù)于用戶定位，網(wǎng)站用戶可以按照多種分類標(biāo)準(zhǔn)進(jìn)行劃分，以年齡來(lái)區(qū)分可以分為兒童、青少年、青年、成人、老人等，按照性別可以劃分為男人、女人，按照網(wǎng)站的特定用戶又可以分為內(nèi)部用戶以及外部用戶等。因此，網(wǎng)站的界面設(shè)計(jì)還應(yīng)服務(wù)于用戶的定位，例如：對(duì)于某機(jī)構(gòu)內(nèi)部用戶而言，其界面設(shè)計(jì)應(yīng)盡可能地從該結(jié)構(gòu)工作的情況入手，做到使用的便捷性與實(shí)用性，對(duì)于外部用戶而言，往往除了實(shí)用性以外，界面的美觀性也有了一定程度的要求。另外對(duì)于一些特殊的網(wǎng)站，如兒童網(wǎng)站，則其界面設(shè)計(jì)應(yīng)盡可能地以卡通形象等形式為好?？梢?jiàn)，網(wǎng)站UI設(shè)計(jì)還應(yīng)較好地服務(wù)于用戶的定位。

（三）便于與用戶進(jìn)行交互

除了上述功能以及用戶方面的需求之外，網(wǎng)站界面還有一個(gè)重要的功能即與用戶進(jìn)行交互，以常見(jiàn)的搜索引擎網(wǎng)站的界面設(shè)計(jì)為例，無(wú)論是Google，還是百度、雅虎，都將搜索欄置于界面中最為明顯的位置來(lái)凸顯其良好的交互性，除此之外，以視頻網(wǎng)站為例，其界面設(shè)計(jì)應(yīng)考慮到如何將各類型的視頻進(jìn)行有序排列，并且提供給用戶便捷的視頻內(nèi)容搜索功能，這都是在交互性方面需要考慮的?？梢?jiàn)，基于UI功能定位，良好的網(wǎng)站界面設(shè)計(jì)應(yīng)從網(wǎng)站功能定位、用戶定位以及可交互性三個(gè)方面進(jìn)行提升。

二、網(wǎng)站界面用戶體驗(yàn)研究

（一）網(wǎng)站界面的視覺(jué)感受

網(wǎng)站界面的用戶體驗(yàn)最為直接的表現(xiàn)即視覺(jué)感官體驗(yàn)。視覺(jué)感覺(jué)體驗(yàn)主要是通過(guò)物理硬件如屏幕的亮度、網(wǎng)站色彩的搭配等界面設(shè)計(jì)傳達(dá)給用戶最為直接的視覺(jué)感受。網(wǎng)站的界面設(shè)計(jì)從最初的單純信息交互發(fā)展到豐富的多媒體元素，再到現(xiàn)如今扁平化、智能化的界面設(shè)計(jì)，使得人們的感官體驗(yàn)越來(lái)越能獲得一種設(shè)計(jì)藝術(shù)的美感。一方面這得益于信息技術(shù)的發(fā)展，使得設(shè)計(jì)人員能夠有更多的設(shè)計(jì)素材以及設(shè)計(jì)展現(xiàn)形式，另一方面得益于人們對(duì)于美好視覺(jué)感受藝術(shù)的不斷追求?？傊?，網(wǎng)站界面用戶體驗(yàn)最為基礎(chǔ)、最為直接的體驗(yàn)感受就是視覺(jué)感受。

（二）網(wǎng)站界面的情感體驗(yàn)

如果說(shuō)視覺(jué)感受是直接感受的話，那么情感體驗(yàn)則是隱藏在網(wǎng)站背后的心理感受。情感體驗(yàn)是對(duì)視覺(jué)感受的一種升華，是通過(guò)視覺(jué)感受反應(yīng)到心理的一種內(nèi)心世界的體驗(yàn)。以汶川“5·12”特大地震后人們?yōu)榱思o(jì)念逝者而將所有網(wǎng)站進(jìn)行黑白化處理的情感體驗(yàn)為例，當(dāng)人們看到所有的黑白界面，一方面能夠感受到一種凝重的氛圍，更能夠體驗(yàn)得到人們對(duì)于逝者的哀思，而這僅僅是通過(guò)簡(jiǎn)單的網(wǎng)站界面顏色黑白化處理獲得的。因此，網(wǎng)站界面用戶體驗(yàn)中情感價(jià)值體驗(yàn)也是界面設(shè)計(jì)中應(yīng)注重表達(dá)的重要方面。

（三）網(wǎng)站實(shí)用性體驗(yàn)

網(wǎng)站界面設(shè)計(jì)除去直接的視覺(jué)感官體驗(yàn)以及間接的情感價(jià)值體驗(yàn)之外，實(shí)用性的體驗(yàn)則顯得格外的關(guān)鍵。實(shí)用性體驗(yàn)是網(wǎng)站功能本質(zhì)的一種要求，是通過(guò)適當(dāng)?shù)慕缑嬖O(shè)計(jì)有效發(fā)揮網(wǎng)站提供服務(wù)的基本要求，使得用戶在使用時(shí)能夠方便地理解和使用網(wǎng)站提供的服務(wù)，并且能夠準(zhǔn)確地反饋給使用者有效的信息，其中操作簡(jiǎn)單、快捷、流暢是網(wǎng)站設(shè)計(jì)中實(shí)用性體驗(yàn)的重要要求。在諸多網(wǎng)站界面中，時(shí)常會(huì)發(fā)現(xiàn)一些彈框、圖片以及邊角的視頻容易影響到網(wǎng)站界面實(shí)用性的要求，嚴(yán)重的甚至連可用性體驗(yàn)也無(wú)法滿足。因此，在網(wǎng)站界面設(shè)計(jì)時(shí)，一定要很好地契合網(wǎng)站的服務(wù)定位，簡(jiǎn)化用戶操作步驟，帶給用戶良好的實(shí)用性體驗(yàn)。

（四）網(wǎng)站設(shè)計(jì)中各種元素信息體驗(yàn)

網(wǎng)站中各種元素信息體驗(yàn)通常包含兩個(gè)方面的內(nèi)容：一方面網(wǎng)站本身的數(shù)據(jù)信息，如新聞網(wǎng)站中新聞公告、新聞視頻、新聞標(biāo)題等；另一方面則是設(shè)計(jì)信息，例如：對(duì)于標(biāo)題大小的表示程度、顏色的選擇、背景圖片的應(yīng)用、水印效果等個(gè)性化選擇。對(duì)于網(wǎng)站設(shè)計(jì)中各類元素信息體驗(yàn)也比較重要，優(yōu)秀的界面設(shè)計(jì)能夠使信息展現(xiàn)呈現(xiàn)出一定的藝術(shù)感，并且傳達(dá)出作者的情感價(jià)值，能夠有效凸顯網(wǎng)站的服務(wù)性，因此，元素信息體驗(yàn)是其他幾個(gè)方面用戶體驗(yàn)的基礎(chǔ)。

三、網(wǎng)站界面用戶體驗(yàn)發(fā)展趨勢(shì)

（一）適應(yīng)多元化設(shè)備的發(fā)展趨勢(shì)

隨著信息技術(shù)的發(fā)展，網(wǎng)站界面設(shè)計(jì)也朝著更加多元化的趨勢(shì)快速發(fā)展，首先，表現(xiàn)為網(wǎng)站的適用性更加豐富，除了傳統(tǒng)的PC設(shè)備，現(xiàn)如今豐富的移動(dòng)智能終端設(shè)備如手機(jī)、平板電腦、車載電腦等不同類型的設(shè)備對(duì)網(wǎng)站界面用戶體驗(yàn)有了不同的要求，一些設(shè)備通過(guò)自身的網(wǎng)站頁(yè)面轉(zhuǎn)碼，使得網(wǎng)站的整體性遭到了嚴(yán)重的破壞，帶給用戶非常不好的用戶體驗(yàn)，因此，在未來(lái)網(wǎng)站界面如何能夠適應(yīng)多元化設(shè)備的發(fā)展需求是未來(lái)網(wǎng)站界面在用戶體驗(yàn)方面重要的體現(xiàn)。

（二）富客戶端技術(shù)的大量應(yīng)用

傳統(tǒng)的網(wǎng)站界面開(kāi)發(fā)技術(shù)包括HTML、CSS、JavaScript等技術(shù)，而當(dāng)前一些更具交互的HTML5技術(shù)、Java FX以及一些基于JavaScript技術(shù)的框架，如EXT、JQuery等富客戶端技術(shù)的應(yīng)用，無(wú)論是在用戶的視覺(jué)藝術(shù)感受、情感體驗(yàn)，還是交互性能方面都有了巨大的提升，甚至于一定程度上達(dá)到了C/S應(yīng)用客戶端的效果，這是非常值得鼓舞的。但是在網(wǎng)站界面方面還有諸多的問(wèn)題需要解決，例如：對(duì)于網(wǎng)站標(biāo)準(zhǔn)的遵守程度，網(wǎng)站界面的兼容性問(wèn)題都是當(dāng)前網(wǎng)站界面設(shè)計(jì)方面比較突出的問(wèn)題?？傊S著信息技術(shù)的發(fā)展以及網(wǎng)站界面開(kāi)發(fā)設(shè)計(jì)人員水平的不斷提升，未來(lái)網(wǎng)站在用戶體驗(yàn)度方面一定會(huì)有質(zhì)的飛躍。

結(jié)語(yǔ)

網(wǎng)站界面設(shè)計(jì)用戶體驗(yàn)涉及諸多方面的內(nèi)容，歸納起來(lái)主要包括用戶視覺(jué)體驗(yàn)、情感體驗(yàn)、實(shí)用性體驗(yàn)以及信息表達(dá)體驗(yàn)幾個(gè)方面，本文從網(wǎng)站界面功能入手，分析了界面設(shè)計(jì)的重要意義，并簡(jiǎn)述了用戶體驗(yàn)的幾個(gè)方面，同時(shí)簡(jiǎn)要探討了網(wǎng)站界面用戶體驗(yàn)發(fā)展趨勢(shì)，為進(jìn)一步提升網(wǎng)站界面功能性、體驗(yàn)度、可交互性方面的需求提供一定的參考。

［1］馬志強(qiáng).基于用戶體驗(yàn)的智能手機(jī)網(wǎng)站界面交互設(shè)計(jì)研究［D］.無(wú)錫：江南大學(xué)，2013.

［2］楊莉莉.以用戶體驗(yàn)為導(dǎo)向的電商購(gòu)物網(wǎng)站界面設(shè)計(jì)研究［D］.上海：華東理工大學(xué)，2014.

［3］胡占梅.交互式情感與認(rèn)知體驗(yàn)在用戶界面設(shè)計(jì)中的應(yīng)用研究［D］.西安：陜西科技大學(xué)，2014.

［4］于松翠.基于用戶體驗(yàn)的網(wǎng)站界面設(shè)計(jì)研究［D］.西安：西安工程大學(xué)，2013.

［5］羅婉婧.用戶界面對(duì)用戶體驗(yàn)的影響的跨文化研究［D］.北京：北京外國(guó)語(yǔ)大學(xué)，2015.

【李婧，河南工業(yè)大學(xué)】