以用戶(hù)體驗(yàn)為中心的web設(shè)計(jì)

摘要：用戶(hù)體驗(yàn)的核心是以用戶(hù)為中心的設(shè)計(jì)。簡(jiǎn)單易用的網(wǎng)頁(yè)界面和良好的用戶(hù)體驗(yàn)是吸引和留住訪客的關(guān)鍵。影響Web用戶(hù)體驗(yàn)有四個(gè)因素，它們是品牌、內(nèi)容、可用性和功能。那么對(duì)于網(wǎng)站設(shè)計(jì)人員來(lái)說(shuō)，該如何提升web用戶(hù)的體驗(yàn)？

關(guān)鍵詞：Web設(shè)計(jì)；用戶(hù)體驗(yàn)；品牌；內(nèi)容；可用性；功能

中圖分類(lèi)號(hào)：TP393.092 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1007-9599 （2012） 21-0000-02

您是否曾有過(guò)以下類(lèi)似的經(jīng)歷：訪問(wèn)某網(wǎng)站，瀏覽整個(gè)全站后卻無(wú)法找到你所需要的信息和資料？某些網(wǎng)站為了后臺(tái)數(shù)據(jù)，強(qiáng)迫用戶(hù)成為該網(wǎng)站的會(huì)員，強(qiáng)制性要求用戶(hù)注冊(cè)，為了獲取資料和查看信息，為了獲得某項(xiàng)網(wǎng)站的功能，您不得不按照網(wǎng)站的要求完成其所設(shè)置的關(guān)卡，花費(fèi)大量時(shí)間和精力去填寫(xiě)繁瑣無(wú)趣的注冊(cè)信息？當(dāng)您想要離開(kāi)或關(guān)閉某網(wǎng)頁(yè)時(shí)，總是會(huì)自動(dòng)彈出對(duì)話(huà)框：“是否將本站設(shè)為首頁(yè)”或“是否收藏本網(wǎng)站”，這樣強(qiáng)制性的引導(dǎo)行為是否讓您感到很沮喪？

用戶(hù)是沒(méi)有耐性的，若不能在網(wǎng)頁(yè)上迅速查找到他所需要的信息資料，快捷方便地完成注冊(cè)任務(wù)，或網(wǎng)站給予用戶(hù)的引導(dǎo)是主動(dòng)且友好地，用戶(hù)會(huì)立即離開(kāi)關(guān)閉你的網(wǎng)頁(yè)，到你的競(jìng)爭(zhēng)對(duì)手網(wǎng)站上去，從此一去不復(fù)還，別指望他再會(huì)光顧你的網(wǎng)站。

所以，簡(jiǎn)單易用的網(wǎng)頁(yè)界面和良好的用戶(hù)體驗(yàn)是吸引和留住訪客的關(guān)鍵。

那么，什么是用戶(hù)體驗(yàn)?zāi)?？”用?hù)體驗(yàn)，英文縮寫(xiě)UE（User Experience），指用戶(hù)在使用某一個(gè)產(chǎn)品或?yàn)g覽某一個(gè)網(wǎng)站的時(shí)所帶給他的體驗(yàn)與感受。用戶(hù)體驗(yàn)的核心是以用戶(hù)為中心的設(shè)計(jì)?！?/p>

在Web設(shè)計(jì)中，用戶(hù)體驗(yàn)的好壞直接影響網(wǎng)站的瀏覽度與訪問(wèn)流量，也是網(wǎng)站的生存之道。影響Web用戶(hù)體驗(yàn)有四個(gè)因素，它們是品牌、內(nèi)容、可用性和功能。

1 品牌

網(wǎng)站應(yīng)塑造自身品牌，提高用戶(hù)的粘性。用戶(hù)對(duì)品牌有著特有偏好，假如我們想購(gòu)買(mǎi)平板電腦，九成數(shù)消費(fèi)者首選必定是蘋(píng)果產(chǎn)品IPAD，一提到自行車(chē)，我們會(huì)想到知名品牌捷安特（Giant Bicycles ）或者國(guó)產(chǎn)品牌鳳凰，很少消費(fèi)者愿意購(gòu)買(mǎi)沒(méi)有任何知名度的商品，因?yàn)槠放埔馕吨|(zhì)量的保證。那么我們?nèi)绾嗡茉炀W(wǎng)站的品牌呢？

首先，網(wǎng)站應(yīng)有良好的形象，讓用戶(hù)登入網(wǎng)站后有較好的第一印象；另外，要讓網(wǎng)頁(yè)界面視覺(jué)效果設(shè)計(jì)與自身品牌的一致，讓用戶(hù)更易識(shí)別，便于理解、操作和記憶；其次，高質(zhì)量的內(nèi)容是網(wǎng)站生存的關(guān)鍵，網(wǎng)站的內(nèi)容是否對(duì)用戶(hù)具有價(jià)值和吸引力，用戶(hù)瀏覽網(wǎng)頁(yè)過(guò)程中和使用網(wǎng)站某項(xiàng)功能時(shí)是否能產(chǎn)生愉悅和難忘的體驗(yàn)。

2 內(nèi)容

確保網(wǎng)站內(nèi)容要有較強(qiáng)的可讀性，文字有組織性，比如要對(duì)文字的顏色、大小、密度、圖文鏈接等瀏覽視覺(jué)效果進(jìn)行精心編排，通過(guò)對(duì)圖文的設(shè)計(jì)與排版，讓用戶(hù)更易讀；其次，網(wǎng)站內(nèi)容應(yīng)有及時(shí)性和原創(chuàng)性，網(wǎng)站要以最快的速度即時(shí)更新網(wǎng)站內(nèi)容，沒(méi)有用戶(hù)喜歡一塵不變的內(nèi)容，此外，還應(yīng)注重內(nèi)容的原創(chuàng)性，有獨(dú)特性，若網(wǎng)站內(nèi)容都是通過(guò)采集或直接拷貝粘貼的，用戶(hù)在其他網(wǎng)站里同樣也可以搜索得到，那么你的網(wǎng)站沒(méi)有任何優(yōu)勢(shì)與競(jìng)爭(zhēng)力，也很難生存下去；內(nèi)容在展示方式上，還需要做到圖文并茂，文字和圖片同時(shí)展現(xiàn)會(huì)讓用戶(hù)更容易理解與接受。

3 可用性

”網(wǎng)站的可用性是衡量用戶(hù)體驗(yàn)的指標(biāo)，是對(duì)用戶(hù)使用網(wǎng)站達(dá)成目標(biāo)是否順利、以及在這個(gè)過(guò)程中用戶(hù)是否滿(mǎn)意的綜合衡量。簡(jiǎn)單一點(diǎn)說(shuō)，網(wǎng)站可用性是指網(wǎng)站真正能夠提供客戶(hù)功能信息的實(shí)用性。網(wǎng)站的可用性是要讓網(wǎng)站結(jié)構(gòu)、內(nèi)容，以及導(dǎo)航系統(tǒng)和操作流程方便易用。

4 功能

網(wǎng)站上技術(shù)的流程與應(yīng)用都應(yīng)為用戶(hù)提供互動(dòng)的服務(wù)，用戶(hù)常常光顧的網(wǎng)站必定是具備了多功能的，比如，要有查詢(xún)功能，方便用戶(hù)查詢(xún)和提交信息后的反饋；若操作成功或失敗都要給用戶(hù)相應(yīng)操作的提示，及時(shí)讓用戶(hù)知道正發(fā)生的事；網(wǎng)站應(yīng)具備最起碼的安全和個(gè)人隱私保護(hù)，讓用戶(hù)在你的網(wǎng)站中感到安全放心；網(wǎng)站所有頁(yè)面優(yōu)化應(yīng)側(cè)重于網(wǎng)站主要目標(biāo)受眾群體；網(wǎng)站應(yīng)避免經(jīng)常性的發(fā)生錯(cuò)誤，發(fā)生了則得立刻從錯(cuò)誤中迅速恢復(fù)。

對(duì)于網(wǎng)站設(shè)計(jì)人員來(lái)說(shuō)，該如何提升web用戶(hù)體驗(yàn)，避免本文開(kāi)頭出現(xiàn)的種種現(xiàn)象？若已經(jīng)發(fā)生用戶(hù)流失的情況，我們又該如何改善用戶(hù)體驗(yàn)挽回失去的用戶(hù)？

了解研究用戶(hù)的心理，需要我們站在用戶(hù)的角度來(lái)考慮用戶(hù)的需求、喜好、行為習(xí)慣。

（1）讓用戶(hù)登入網(wǎng)站后有良好的第一印象，其中包括網(wǎng)站的穩(wěn)定性與網(wǎng)頁(yè)打開(kāi)的速度。那就需要保證主機(jī)穩(wěn)定不會(huì)出現(xiàn)故障，保證頁(yè)面能在3秒鐘之內(nèi)打開(kāi)，避免讓用戶(hù)長(zhǎng)時(shí)間的等待進(jìn)而失去耐心離開(kāi)或直接關(guān)閉網(wǎng)頁(yè)。若網(wǎng)頁(yè)打開(kāi)較慢那就需要配置好空間，優(yōu)化代碼，或減少動(dòng)畫(huà)和圖片的體積。

（2）美觀具有親和力的界面視覺(jué)設(shè)計(jì)，包括對(duì)版式布局、圖文的設(shè)計(jì)、色彩搭配、動(dòng)態(tài)效果等。蘋(píng)果的產(chǎn)品一經(jīng)面世會(huì)被全球人追捧和關(guān)注，除了良好的用戶(hù)體驗(yàn)和完善的功能外，就因?yàn)槠浜?jiǎn)潔美觀的外形設(shè)計(jì)和炫酷的界面設(shè)計(jì)。

（3）有清晰的網(wǎng)站導(dǎo)航系統(tǒng)，不會(huì)讓用戶(hù)在你的網(wǎng)站中迷失方向，能清楚自己所在的方位。試想你駕車(chē)行駛在縱橫交錯(cuò)、錯(cuò)綜復(fù)雜的立交橋上，橋上沒(méi)有任何指示的標(biāo)牌，你將會(huì)感到怎樣的困惑和手足無(wú)措。有了明確的路標(biāo)，才能讓用戶(hù)明確自己的位置：“我在哪里？這里有什么？從這里可以到哪里去？”網(wǎng)站導(dǎo)航系統(tǒng)包含了三種不同類(lèi)型的導(dǎo)航，分別是位于網(wǎng)頁(yè)頭部的全局導(dǎo)航菜單和網(wǎng)站地圖功能，位于二級(jí)或三級(jí)頁(yè)面上的面包屑導(dǎo)航。另外，明確的導(dǎo)航標(biāo)題、信息的合理歸類(lèi)、清晰地導(dǎo)航層次、快速返回的路徑能讓導(dǎo)航更加的貼近用戶(hù)。

（4）搜索功能在網(wǎng)頁(yè)界面中也必不可少。用戶(hù)逐頁(yè)翻閱網(wǎng)頁(yè)查找信息會(huì)浪費(fèi)很多時(shí)間和精力，通過(guò)檢索信息，可以幫助用戶(hù)迅速地挑選、查找到自己所關(guān)注的信息內(nèi)容。

（5）網(wǎng)站的內(nèi)容是網(wǎng)站生存之本，再精美的網(wǎng)站外表和完善的功能都離不開(kāi)實(shí)質(zhì)內(nèi)容的支撐。此外，保證內(nèi)容的原創(chuàng)性也是讓SEO經(jīng)常光顧網(wǎng)站的有效方法，因?yàn)樗阉饕婧茈y保證對(duì)不常更新的網(wǎng)站有比較穩(wěn)定的排名。

（6）交互功能是用戶(hù)體驗(yàn)設(shè)計(jì)第一層標(biāo)準(zhǔn)，常見(jiàn)的交互功能有客服、留言系統(tǒng)和論壇系統(tǒng)等。交互功能的主要作用就是方便用戶(hù)及時(shí)和網(wǎng)站溝通，并且可以及時(shí)解決用戶(hù)的問(wèn)題，形成一種良性互動(dòng)。

（7）細(xì)分你網(wǎng)站內(nèi)容，讓用戶(hù)感覺(jué)你網(wǎng)站的專(zhuān)業(yè)性。如果是門(mén)戶(hù)網(wǎng)站，盡量細(xì)分每一個(gè)版塊內(nèi)容；除了細(xì)分以外，還需要把內(nèi)容做得精。

（8）多種方式登錄讓用戶(hù)使用更加的便捷，比如騰訊的QQ為不同平臺(tái)的用戶(hù)提供了多種登錄方式，在普通臺(tái)式電腦、智能手機(jī)和平板電腦上都可以同時(shí)使用QQ軟件。

（9）簡(jiǎn)潔快速的注冊(cè)，讓用戶(hù)填寫(xiě)更少的信息，提供更多的為什么。此外，涉及到個(gè)人隱私需要明確告知用戶(hù)，私人隱私信息絕不對(duì)外公開(kāi)，填寫(xiě)此注冊(cè)信息是為了以后讓網(wǎng)站更好為用戶(hù)服務(wù)。

（10）不合理地詢(xún)問(wèn)會(huì)阻礙用戶(hù)正常操作流程，使執(zhí)行效率中斷，主動(dòng)且友好地引導(dǎo)用戶(hù)，使用有禮貌的語(yǔ)言，能使用戶(hù)身心舒暢。

此外，在設(shè)計(jì)中還應(yīng)考慮用戶(hù)使用過(guò)程中可能會(huì)出現(xiàn)的種種突發(fā)狀況，并及制定出相應(yīng)的對(duì)策?！傲己玫挠脩?hù)體驗(yàn)就是一定要站在用戶(hù)的角度去出發(fā)，按照who—誰(shuí)是用戶(hù)？What—他要干什么？why—為什么要做這件事？where—我在哪兒或我要去哪兒等？”多了解與聆聽(tīng)你的用戶(hù)，想想他們內(nèi)心真正需要的是什么。如果用戶(hù)不不愿意使用你的產(chǎn)品和光顧你的網(wǎng)站，那一定是因?yàn)槟愕漠a(chǎn)品不夠豐富，服務(wù)沒(méi)有足夠貼心，讓用戶(hù)感到不滿(mǎn)意。如果你各個(gè)方面做得很好，用戶(hù)自然會(huì)記得你，并且會(huì)通過(guò)各種方法和途徑找到你，對(duì)你的產(chǎn)品產(chǎn)生認(rèn)可與依賴(lài)。

參考文獻(xiàn)：

[1]Jesse James Garrett.用戶(hù)體驗(yàn)要素.機(jī)械工業(yè)出版社，2007，10.

[2]Robert Hoekman.Jr.瞬間之美.人民郵電出版社，第1版，2009，7，1.