用戶(hù)體驗(yàn)在網(wǎng)頁(yè)界面設(shè)計(jì)中的應(yīng)用

摘要：用戶(hù)體驗(yàn)是用戶(hù)在使用產(chǎn)品或服務(wù)的過(guò)程中建立起來(lái)的一種主觀的心理感受。其核心是以用戶(hù)為中心的設(shè)計(jì)。用戶(hù)體驗(yàn)包括兩個(gè)層次，一個(gè)是功能上的，一個(gè)是心理上的。功能方面，強(qiáng)調(diào)的是產(chǎn)品在使用過(guò)程中的易用性與友好度的問(wèn)題：心理方面，主要從滿(mǎn)足用戶(hù)的心理需求，包括感官體驗(yàn)、交互體驗(yàn)、情感體驗(yàn)、瀏覽體驗(yàn)和信任體驗(yàn)五個(gè)方面。本文以箭牌衛(wèi)浴網(wǎng)站為例，就用戶(hù)體驗(yàn)的功能體驗(yàn)與心里體驗(yàn)兩個(gè)層次分析該網(wǎng)站頁(yè)面設(shè)計(jì)的利弊，并做出相應(yīng)的改善。

關(guān)鍵詞：用戶(hù)體驗(yàn) 網(wǎng)頁(yè)界面 應(yīng)用

中圖分類(lèi)號(hào)：TB47

文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1003-0069（2015）03-0111-02

在這個(gè)信息爆炸的時(shí)代里，如何幫助用戶(hù)快速便捷地捕捉到所需要的信息，成為網(wǎng)頁(yè)設(shè)計(jì)中的“重中之重”。因而，用戶(hù)體驗(yàn)便顯得尤為重要。網(wǎng)頁(yè)中的界面設(shè)計(jì)，是用戶(hù)和產(chǎn)品互動(dòng)的窗口，是二者建立溝通的橋梁。因此，界面設(shè)計(jì)的重點(diǎn)在于根據(jù)用戶(hù)的感知功能和認(rèn)知特點(diǎn)，要求界面設(shè)計(jì)不僅要具有審美需求，更要注重通過(guò)一種合理的方式，直觀、有效地傳達(dá)信息，暗示產(chǎn)品的功能和行為。簡(jiǎn)單地說(shuō)，即網(wǎng)站是否好看、好用、讓用戶(hù)感到親切，這就需要注重用戶(hù)體驗(yàn)下的功能體驗(yàn)和心理體驗(yàn)。

一 功能體驗(yàn)

功能體驗(yàn)是用戶(hù)在使用產(chǎn)品過(guò)程中，使用是否通暢、便捷，即好用的問(wèn)題。網(wǎng)站的界面設(shè)計(jì)，要站在用戶(hù)使用的角度上，了解用戶(hù)需求和使用習(xí)慣，將用戶(hù)最想獲取的信息和板塊凸顯出來(lái)，視覺(jué)位置要漂亮醒目；將次要板塊弱化，刪減掉用戶(hù)不常用的功能。功能體驗(yàn)必須擁有足夠的可視性，用戶(hù)能夠清楚認(rèn)識(shí)流程中下一步做什么。如果功能隱藏的比較深，用戶(hù)就會(huì)難以發(fā)現(xiàn)這個(gè)功能并使用它。因而，在進(jìn)行網(wǎng)頁(yè)界面設(shè)計(jì)時(shí)，要根據(jù)功能的數(shù)量和用戶(hù)使用的次數(shù)，挑選出核心功能，并將其做足夠清晰的展示，而把一些次要功能聚合起來(lái)隱藏。

在箭牌衛(wèi)浴的官網(wǎng)上（http：//www.arrowsan.tary，com.cn/），首先，整個(gè)界面想傳達(dá)一種偏企業(yè)站的風(fēng)格，著重在介紹公司的企業(yè)文化、經(jīng)營(yíng)理念和主打產(chǎn)品等方向，而實(shí)際上卻采用電商站常用的眾多圖片羅列的手法來(lái)劃分各個(gè)板塊，讓畫(huà)面略顯凌亂、花哨、主次弱化，并十分影響加載速度；其次，畫(huà)面中功能板塊太過(guò)擁擠，微博分享板塊、淘寶官網(wǎng)板塊、微信分享板塊等鏈接居多，且占面積過(guò)大，各個(gè)功能都想突出，反而會(huì)無(wú)法抓取用戶(hù)的視覺(jué)焦點(diǎn)。（圖1）因而，在改版設(shè)計(jì)中，將分享板塊和掃描二維碼板塊弱化，折疊、固定在屏幕右側(cè)，用戶(hù)可根據(jù)需求，只需打開(kāi)折疊區(qū)域，查找相關(guān)功能。（圖3）

二 心理體驗(yàn)

心理體驗(yàn)就是要了解用戶(hù)的心理狀態(tài)、自我內(nèi)在需求，研究人類(lèi)的感情和知覺(jué)心理系統(tǒng)。設(shè)計(jì)師應(yīng)站在用戶(hù)的角度上，拋棄主觀的看法，試著去重視用戶(hù)心理、各種社會(huì)環(huán)境和文化脈絡(luò)，設(shè)計(jì)的產(chǎn)品能觸及用戶(hù)的心理層面，從而達(dá)到用戶(hù)與產(chǎn)品的深入交流。

2.1 感官體驗(yàn)

感官體驗(yàn)，也就是呈現(xiàn)給用戶(hù)的視聽(tīng)體驗(yàn)，是一種下意識(shí)的信息獲取過(guò)程，強(qiáng)調(diào)的是用戶(hù)使用產(chǎn)品的舒適性，即頁(yè)面是否具有美感，能夠吸引用戶(hù)眼球。通常，最能刺激感官反應(yīng)的設(shè)計(jì)會(huì)帶來(lái)較好的感官體驗(yàn)。在箭牌衛(wèi)浴的官網(wǎng)上，首屏（圖1）是930x768px的版心，而常見(jiàn)的顯示器默認(rèn)大小為1024x 768px。當(dāng)箭牌衛(wèi)浴官網(wǎng)在顯示器中完全顯示時(shí)，就會(huì)留下兩側(cè)的灰色塊區(qū)域，這樣的灰色塊，不僅會(huì)讓用戶(hù)感受到強(qiáng)烈的約束感，而且某種程度上浪費(fèi)了資源。而整個(gè)頁(yè)面多圖片的板塊劃分，主次關(guān)系上不夠突出，沒(méi)有更好地引導(dǎo)將用戶(hù)的視覺(jué)中心聚焦到核心區(qū)域。

在大屏?xí)r代下，人們更愿意去巨幕影院看電影，而不是僅僅待在電腦或電視機(jī)前，因?yàn)榫弈挥霸涸谝暵?tīng)效果上，更具真實(shí)感、震撼力。因而，在當(dāng)今網(wǎng)頁(yè)的界面設(shè)計(jì)中，像三星、中興（圖4）等官網(wǎng)的滿(mǎn)屏banner也就不足為奇。在進(jìn)行頁(yè)面改進(jìn)時(shí)，本著突出箭牌衛(wèi)浴一貫高品質(zhì)的產(chǎn)品形象——“創(chuàng)享舒適衛(wèi)浴空間”的廣告語(yǔ)為出發(fā)點(diǎn)，首屏上只放導(dǎo)航和banner，并利用滿(mǎn)屏設(shè)計(jì)，將“舒適空間”清晰地營(yíng)造在用戶(hù)眼前，使畫(huà)面更具張力和說(shuō)服力，從而吸引用戶(hù)眼球。（圖2）

2.2 交互體驗(yàn)

交互體驗(yàn)指的是呈獻(xiàn)給用戶(hù)操作上的體驗(yàn)、強(qiáng)調(diào)易用性和可用性。也就是用戶(hù)在使用時(shí)的有效、好用、高效、好記、少錯(cuò)和令人滿(mǎn)意的程度，能否有效完成任務(wù)，主觀感受怎樣等。這就要求網(wǎng)頁(yè)設(shè)計(jì)師在進(jìn)行界面設(shè)計(jì)時(shí)，要符合用戶(hù)的使用習(xí)慣、減少用戶(hù)記憶負(fù)擔(dān)、減少附加工作，并能及時(shí)給用戶(hù)以反饋。

在箭牌衛(wèi)浴的官網(wǎng)上，banner下方分別是：最新資訊、新品上市、高端工程精品案例三個(gè)板塊。板塊的標(biāo)題文字都為灰色，配以動(dòng)態(tài)圖片為背景，無(wú)形中干擾了用戶(hù)的辨識(shí)度，增加用戶(hù)的記憶負(fù)擔(dān)，影響用戶(hù)操作效率。（圖1）

在對(duì)箭牌衛(wèi)浴的官網(wǎng)進(jìn)行頁(yè)面改進(jìn)時(shí)，內(nèi)容部分為第二屏，通過(guò)第一屏的滿(mǎn)屏banner烘托舒適空間的氣氛，引起用戶(hù)興趣，用戶(hù)就會(huì)不自覺(jué)地滑動(dòng)鼠標(biāo)滾輪，來(lái)觀看第二屏，當(dāng)然，對(duì)該網(wǎng)站很熟悉的用戶(hù)，不用翻看第二屏，直接通過(guò)首屏中的導(dǎo)航便能進(jìn)入相應(yīng)的模塊，了解所有信息。第二屏的版心采用主流的960px的寬度；三個(gè)板塊的標(biāo)題文字，采用加粗、深黑色并去掉動(dòng)態(tài)背景，獨(dú)占一行，用lpx的橫線做分割的方式以加凸顯；將官方購(gòu)物商城、聯(lián)系方式、服務(wù)中心等板塊單獨(dú)放在右側(cè)，便于用戶(hù)快速打開(kāi)購(gòu)物網(wǎng)址并與企業(yè)取得聯(lián)系。（圖3）

2.3 情感體驗(yàn)

情感體驗(yàn)偏向于用戶(hù)在使用產(chǎn)品過(guò)程中的內(nèi)心感受，指的是用戶(hù)在互動(dòng)過(guò)程中的態(tài)度和情緒，強(qiáng)調(diào)產(chǎn)品的友好度的問(wèn)題。激發(fā)用戶(hù)情感體驗(yàn)的有效方法就是通過(guò)設(shè)計(jì)引起用戶(hù)內(nèi)心情感的共鳴。情感體驗(yàn)通常包含：客戶(hù)分類(lèi)、友好提示、會(huì)員交流、及時(shí)反饋、會(huì)員推薦、會(huì)員優(yōu)惠、專(zhuān)家答疑、鼓勵(lì)用戶(hù)參與、網(wǎng)站地圖等方面。

從中興官網(wǎng)的網(wǎng)頁(yè)案例中，可以看出其設(shè)計(jì)清新、簡(jiǎn)潔，在色彩上，藍(lán)色給人以科技感十足的情感體驗(yàn)，banner中舒適自在的畫(huà)面也傳達(dá)著中興“以人為本”經(jīng)營(yíng)理念。此外，右下方“全球銷(xiāo)售網(wǎng)點(diǎn)的部分”用地圖的方式，當(dāng)鼠標(biāo)滑到某一區(qū)域時(shí)，該區(qū)域變成灰色并顯示區(qū)域范圍和名稱(chēng)，以此來(lái)提示用戶(hù)所觸碰的區(qū)域，給用戶(hù)以反饋，該設(shè)計(jì)十分人性化，是注重用戶(hù)情感體驗(yàn)的很好表達(dá)。（圖4）在對(duì)箭牌衛(wèi)浴官網(wǎng)的改進(jìn)設(shè)計(jì)中，情感體驗(yàn)主要通過(guò)烘托網(wǎng)站氛圍來(lái)表達(dá)，通過(guò)頁(yè)面簡(jiǎn)潔、清爽的設(shè)計(jì)，配以banner上潔凈、舒適的生活環(huán)境，營(yíng)造健康、溫暖的生活空間，從而傳達(dá)產(chǎn)品的舒適性和可靠性。

2.4 瀏覽體驗(yàn)

瀏覽體驗(yàn)指的是用戶(hù)在瀏覽網(wǎng)頁(yè)過(guò)程中的心理感受，這和感官體驗(yàn)相近，但并不完全相同。感官體驗(yàn)強(qiáng)調(diào)的是用戶(hù)視聽(tīng)上的體驗(yàn)，突出的是舒適性；瀏覽體驗(yàn)強(qiáng)調(diào)的是呈現(xiàn)給用戶(hù)瀏覽上的體驗(yàn)，突出的是吸引性。瀏覽體驗(yàn)更加注重觀察用戶(hù)的瀏覽習(xí)慣，如何將用戶(hù)瀏覽網(wǎng)頁(yè)，變成一種舒適、輕松、愉悅的享受。

欄目層級(jí)、內(nèi)容的分類(lèi)、內(nèi)容豐富、信息的更新頻率、信息的編寫(xiě)方式、新文章標(biāo)記、精彩內(nèi)容推薦、快速通道等都是瀏覽體驗(yàn)的重要組成部分。同一欄目下，不同分類(lèi)分隔清晰，一目了然；各個(gè)區(qū)塊內(nèi)容簡(jiǎn)潔、有調(diào)理；確保穩(wěn)定的更新頻率，以吸引瀏覽者經(jīng)常瀏覽；段落標(biāo)題應(yīng)加粗、凸顯，以區(qū)別于內(nèi)文；頁(yè)面底色不能干擾主體頁(yè)面的閱讀；應(yīng)采用易讀文字，避免文字過(guò)小、過(guò)密造成的閱讀障礙；為有明確目的的用戶(hù)提供快速入口。在對(duì)箭牌衛(wèi)浴網(wǎng)站的改版設(shè)計(jì)中，將以往最新資訊、新品上市、最新活動(dòng)三個(gè)板塊，只有標(biāo)題，需點(diǎn)擊才有內(nèi)容的迂回展示方式轉(zhuǎn)變?yōu)橹苯訉⒏鱾€(gè)模塊的最新內(nèi)容更新在頁(yè)面中，使用戶(hù)一目了然地看到各板塊的最新動(dòng)態(tài)，減少了用戶(hù)的操作步驟，同時(shí)也使得整個(gè)首頁(yè)更加豐富。

2.5 信任體驗(yàn)

信任體驗(yàn)指的是用戶(hù)對(duì)網(wǎng)站的信任程度，強(qiáng)調(diào)可靠性。網(wǎng)站信任度影響著諸多方面，一方面，表現(xiàn)在網(wǎng)站、企業(yè)的知名度、網(wǎng)站的功能和服務(wù)；另一方面，表現(xiàn)在用戶(hù)對(duì)企業(yè)的信心。比如企業(yè)介紹過(guò)于簡(jiǎn)單，產(chǎn)品信息、聯(lián)系信息不夠全面，部分功能過(guò)于陳舊，未能及時(shí)更新等等，這些看似小的細(xì)節(jié)都極大地影響網(wǎng)站的信任度。對(duì)于互聯(lián)網(wǎng)來(lái)說(shuō)，真正的信任是要用戶(hù)突破眾多心理障礙的，怎樣將網(wǎng)頁(yè)界面設(shè)計(jì)做得有親和力、可信度，是進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)的最高目標(biāo)之一。規(guī)范的內(nèi)容呈現(xiàn)是說(shuō)服用戶(hù)相信企業(yè)正規(guī)的有效力量。因而，在對(duì)箭牌衛(wèi)浴網(wǎng)頁(yè)改版的實(shí)踐中，盡力將各個(gè)板塊的內(nèi)容用簡(jiǎn)短、條理的列表方式，清晰、豐富地展現(xiàn)在用戶(hù)面前，優(yōu)化網(wǎng)頁(yè)界面的功能板塊，從而樹(shù)立企業(yè)的良好形象，讓用戶(hù)更好地了解到企業(yè)的經(jīng)營(yíng)理念、公司文化和主營(yíng)商品等信息。

總結(jié)

通過(guò)對(duì)箭牌衛(wèi)浴網(wǎng)頁(yè)改版的實(shí)踐環(huán)節(jié)的研究得知，體驗(yàn)設(shè)計(jì)是以用戶(hù)體驗(yàn)為設(shè)計(jì)目標(biāo)的設(shè)計(jì)，它破除了以往需求設(shè)計(jì)為主導(dǎo)的設(shè)計(jì)局限。體驗(yàn)設(shè)計(jì)以人的需求為基礎(chǔ)，體現(xiàn)在用戶(hù)與產(chǎn)品互動(dòng)的方方面面。

在進(jìn)行網(wǎng)頁(yè)界面設(shè)計(jì)時(shí)，要考慮用戶(hù)與產(chǎn)品互動(dòng)的各種可能性，并深入了解用戶(hù)的期望值和體驗(yàn)的最佳效果。只有功能體驗(yàn)和心理體驗(yàn)都做好才能算是成功的用戶(hù)體驗(yàn)。成功的用戶(hù)體驗(yàn)也終將為網(wǎng)站帶來(lái)可觀的流量和用戶(hù)。