基于用戶(hù)體驗(yàn)的網(wǎng)站界面設(shè)計(jì)研究

張海燕

摘 要 網(wǎng)站界面是人機(jī)交互的接口，網(wǎng)站界面設(shè)計(jì)的核心是“以用戶(hù)為中心”，一切設(shè)計(jì)都是以用戶(hù)需求為出發(fā)點(diǎn)，本文提出網(wǎng)站界面基于用戶(hù)體驗(yàn)優(yōu)化的全局化設(shè)計(jì)思想，歸納了網(wǎng)站界面設(shè)計(jì)流程中重要環(huán)節(jié)的基本構(gòu)建原則和方法。

關(guān)鍵詞 用戶(hù)體驗(yàn) 界面設(shè)計(jì) 可用性

中圖分類(lèi)號(hào)：TB472 文獻(xiàn)標(biāo)識(shí)碼：A

網(wǎng)絡(luò)傳播方式以其信息容量大、內(nèi)容豐富多樣、使用迅速方便、時(shí)效性強(qiáng)、自由交互等特點(diǎn)，成為人們最為關(guān)注的傳播媒體。網(wǎng)站作為用戶(hù)使用網(wǎng)絡(luò)服務(wù)的入口，其重要性不言而喻。易用、高效的交互界面則成為網(wǎng)站與用戶(hù)交互成功的關(guān)鍵。在用戶(hù)使用過(guò)程中，網(wǎng)頁(yè)界面只具備美觀是不夠的，更重要的是方便易用。在網(wǎng)站界面設(shè)計(jì)時(shí)要解決的核心問(wèn)題是服務(wù)于用戶(hù)，明確傳達(dá)信息，并以最佳的設(shè)計(jì)形式來(lái)呈現(xiàn)網(wǎng)站。

1網(wǎng)站界面設(shè)計(jì)現(xiàn)狀

隨著互聯(lián)網(wǎng)產(chǎn)業(yè)的迅速發(fā)展，網(wǎng)站界面設(shè)計(jì)越來(lái)越受到重視，然而，界面設(shè)計(jì)的真正內(nèi)涵普遍被忽視。缺乏深入的需求分析，忽略了用戶(hù)體驗(yàn)的重要性，沒(méi)有體現(xiàn)出界面設(shè)計(jì)在藝術(shù)性上的獨(dú)特性等，設(shè)計(jì)出來(lái)的網(wǎng)頁(yè)界面往往是只重視視覺(jué)效果，忽視了用戶(hù)的使用習(xí)慣，用戶(hù)使用起來(lái)十分不方便等問(wèn)題。目前，多數(shù)網(wǎng)站在界面設(shè)計(jì)方面普遍存在著很多不夠人性化的地方和問(wèn)題。

1.1網(wǎng)頁(yè)信息盲目堆積

為了呈現(xiàn)豐富大量的內(nèi)容，許多網(wǎng)站把大量文字、圖片、動(dòng)畫(huà)等信息堆砌在頁(yè)面上，非常雜亂無(wú)序，忽略了用戶(hù)的感受。從視覺(jué)規(guī)律來(lái)說(shuō)，這種雜亂的堆砌是不符合視覺(jué)審美規(guī)律的，非但不能提高信息傳播的效率，反而干擾了用戶(hù)獲取信息的有效率。

1.2動(dòng)態(tài)圖像使用混亂

網(wǎng)頁(yè)界面視覺(jué)傳達(dá)的手段豐富多樣，視頻、動(dòng)畫(huà)等動(dòng)態(tài)效果大量使用，尤其是鋪天蓋地的廣告條，充斥了整個(gè)網(wǎng)頁(yè)界面。由于帶寬的限制，多媒體手段的過(guò)多使用就意味著網(wǎng)速的損失，也就是上網(wǎng)的時(shí)間成本增高，從而失去用戶(hù)。任何動(dòng)效的使用都應(yīng)帶有明確的目的性，能夠解決用戶(hù)在使用過(guò)程中的問(wèn)題，而不是炫技。

1.3網(wǎng)頁(yè)界面設(shè)計(jì)缺乏個(gè)性

優(yōu)秀的網(wǎng)站不僅應(yīng)具有好的功能性，還要有個(gè)性化的特點(diǎn)。許多網(wǎng)站的界面設(shè)計(jì)沒(méi)有特色，沒(méi)有自己的個(gè)性特征，很難給用戶(hù)留下深刻印象，人們總是更喜歡有鮮明特點(diǎn)、識(shí)別性強(qiáng)的界面。研究表明，能給人帶來(lái)識(shí)別個(gè)性所需要的信息量并不需太多，比如使用簡(jiǎn)單的色塊或者圖形設(shè)計(jì)就足以給用戶(hù)帶來(lái)獨(dú)特的感覺(jué)。

1.4視覺(jué)元素的認(rèn)知障礙

各類(lèi)視覺(jué)元素的運(yùn)用可以使界面更有吸引力，網(wǎng)站設(shè)計(jì)在使用各種視覺(jué)元素時(shí)，要注意視覺(jué)元素的辨識(shí)度。不能單純從藝術(shù)角度出發(fā)，即使設(shè)計(jì)出精美的圖標(biāo)，但用戶(hù)卻無(wú)法識(shí)別；設(shè)計(jì)出的漂亮按鈕卻讓用戶(hù)不知道是什么功能；網(wǎng)站完美的版式設(shè)計(jì)卻不符合用戶(hù)的使用習(xí)慣。技術(shù)是為人服務(wù)的，網(wǎng)頁(yè)界面的設(shè)計(jì)同樣如此，必須重視用戶(hù)對(duì)友好界面的需求，在設(shè)計(jì)開(kāi)發(fā)過(guò)程中充分考慮到用戶(hù)的特點(diǎn)，遵循以用戶(hù)為中心的網(wǎng)頁(yè)界面設(shè)計(jì)理念，避免認(rèn)知誤解的發(fā)生。

2用戶(hù)體驗(yàn)的概念

用戶(hù)體驗(yàn)是指是指在滿(mǎn)足產(chǎn)品基本功能的基礎(chǔ)之上，用戶(hù)與產(chǎn)品之間建立聯(lián)系過(guò)程（使用產(chǎn)品功能）中產(chǎn)生的心理感受。用戶(hù)體驗(yàn)的基礎(chǔ)是可用性，其核心就是以用戶(hù)為中心。用戶(hù)體驗(yàn)主要是來(lái)自用戶(hù)和人機(jī)界面的交互過(guò)程，一般從用戶(hù)、產(chǎn)品和環(huán)境三個(gè)方面來(lái)研究產(chǎn)生某種體驗(yàn)的原因，用戶(hù)體驗(yàn)的建立讓設(shè)計(jì)者更關(guān)注用戶(hù)在瀏覽網(wǎng)站時(shí)的行為和感受。

隨著計(jì)算機(jī)技術(shù)的迅速發(fā)展，用戶(hù)體驗(yàn)在網(wǎng)站領(lǐng)域的運(yùn)用最為集中和最具有代表性。 以用戶(hù)為中心的設(shè)計(jì)是避免犯錯(cuò)誤的一個(gè)根本途徑，通過(guò)了解用戶(hù)的需求和行為特征，分析影響用戶(hù)使用網(wǎng)站的因素，由此從設(shè)計(jì)角度提高網(wǎng)站界面的可用性。在用戶(hù)分析中要借助心理學(xué)、傳播學(xué)、社會(huì)學(xué)等相關(guān)理論，以此分析在不同類(lèi)型的用戶(hù)中對(duì)界面不同的需要以及反應(yīng)，為界面的分析設(shè)計(jì)提供可靠的理論依據(jù)和參考，使設(shè)計(jì)出的網(wǎng)站界面更適合于各類(lèi)用戶(hù)的使用。界面設(shè)計(jì)不再是外觀的藝術(shù)性和信息的簡(jiǎn)單呈現(xiàn)，自然的人機(jī)交互和良好的用戶(hù)體驗(yàn)逐步變成關(guān)注的焦點(diǎn)。用戶(hù)體驗(yàn)已成為當(dāng)今Web設(shè)計(jì)的最終目標(biāo)。

3用戶(hù)體驗(yàn)在網(wǎng)站界面設(shè)計(jì)中的體現(xiàn)

網(wǎng)站設(shè)計(jì)主要側(cè)重網(wǎng)站的布局、整體色彩、信息架構(gòu)等，容易忽視了用戶(hù)與網(wǎng)站進(jìn)行動(dòng)態(tài)交互的研究。當(dāng)用戶(hù)瀏覽網(wǎng)站時(shí)，如果網(wǎng)站的設(shè)計(jì)不夠合理，則很難在繁雜的網(wǎng)站結(jié)構(gòu)中找到想要的信息，可能會(huì)導(dǎo)致用戶(hù)產(chǎn)生厭煩的情緒。優(yōu)秀的網(wǎng)站界面設(shè)計(jì)應(yīng)當(dāng)站在用戶(hù)的立場(chǎng)上考慮，以最符合用戶(hù)心理和使用習(xí)慣的設(shè)計(jì)理念，建立與用戶(hù)之間的聯(lián)系，激發(fā)用戶(hù)的使用興趣。

3.1重視網(wǎng)頁(yè)界面設(shè)計(jì)的全局構(gòu)思

一些網(wǎng)站一味追求頁(yè)面內(nèi)容的豐富，盡量將頁(yè)面內(nèi)容做多、做長(zhǎng)，將首頁(yè)分成若干個(gè)區(qū)域，區(qū)域之間加廣告條，并且將各種信息諸如文字、圖片、動(dòng)畫(huà)等不加選擇的加在頁(yè)面上，不分主次。這樣的頁(yè)面設(shè)計(jì)沒(méi)有將頁(yè)面功能很好的歸類(lèi)，沒(méi)有規(guī)范化、條理化，其結(jié)果導(dǎo)致瀏覽時(shí)會(huì)讓用戶(hù)感到很不方便，難以找到自己需要的信息，這類(lèi)網(wǎng)頁(yè)沒(méi)有考慮用戶(hù)的心理需求和行為習(xí)慣。設(shè)計(jì)網(wǎng)頁(yè)界面時(shí)，應(yīng)當(dāng)采用簡(jiǎn)潔的版式構(gòu)成，充分考慮到用戶(hù)在閱讀網(wǎng)頁(yè)時(shí)的生理和心理需求，要能讓用戶(hù)在最短的時(shí)間內(nèi)，迅速地了解網(wǎng)頁(yè)里所提供的信息。優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)遵循用戶(hù)導(dǎo)向原則，符合用戶(hù)的認(rèn)知習(xí)慣，采取簡(jiǎn)潔明了的設(shè)計(jì)方式帶給用戶(hù)好的使用體驗(yàn)。

3.2準(zhǔn)確的文字設(shè)計(jì)

文字是網(wǎng)站內(nèi)容傳達(dá)的主體，文字的設(shè)計(jì)對(duì)網(wǎng)站的整體效果起到至關(guān)重要的作用。文字的設(shè)計(jì)主要目的是讓人易懂、易讀，要減去不必要的裝飾變化，給人一種清晰的視覺(jué)印象。網(wǎng)頁(yè)界面中文字的設(shè)計(jì)，重要在于使文字的設(shè)計(jì)服從主題內(nèi)容的性質(zhì)及特點(diǎn)，即其設(shè)計(jì)風(fēng)格要與內(nèi)容特征相吻合。例如，新聞?lì)惥W(wǎng)頁(yè)的文字應(yīng)具有莊重和規(guī)范的特點(diǎn)，字體規(guī)整有序，簡(jiǎn)潔大方；休閑類(lèi)內(nèi)容網(wǎng)頁(yè)，文字設(shè)計(jì)應(yīng)具有歡快輕盈的風(fēng)格，有鮮明的節(jié)奏感。文字在視覺(jué)傳達(dá)中除了表意之外，也具有傳達(dá)感情的功能，因此要具有視覺(jué)上的美感，讓用戶(hù)獲得好的心理反應(yīng)。因此，在字體的選擇上風(fēng)格要統(tǒng)一，通常在同一頁(yè)面上字體的種類(lèi)不宜超過(guò)三種，并且要注意調(diào)整適當(dāng)?shù)男芯唷?/p>

3.3清晰的導(dǎo)航設(shè)計(jì)

優(yōu)秀的網(wǎng)站設(shè)計(jì)要做到導(dǎo)航系統(tǒng)清晰、明確，無(wú)論用戶(hù)在網(wǎng)站的什么位置上，都可以自由地跳到其他想去的頁(yè)面上。網(wǎng)頁(yè)導(dǎo)航的設(shè)計(jì)要注意簡(jiǎn)明易懂，使用上要便利。如果用戶(hù)不明其意，或者不知如何使用的話，一切都毫無(wú)意義。用戶(hù)為了看到想要的信息要經(jīng)過(guò)數(shù)次點(diǎn)擊，也是不可取的，因?yàn)辄c(diǎn)擊次數(shù)太多，就會(huì)引起用戶(hù)的不快。以最少的點(diǎn)擊獲得最多的結(jié)果是網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)的一個(gè)原則。

3.4網(wǎng)頁(yè)色彩的視覺(jué)張力

打開(kāi)一個(gè)網(wǎng)站，通常給用戶(hù)留下的第一印象既不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的版面布局，而是網(wǎng)站的色彩。一些網(wǎng)站往往喜歡使用多種顏色，使網(wǎng)頁(yè)界面效果看起來(lái)色彩豐富，其初衷是想將網(wǎng)頁(yè)界面做的更具有視覺(jué)沖擊力、更具有設(shè)計(jì)特點(diǎn)，但是結(jié)果卻是適得其反。色彩的過(guò)度使用使頁(yè)面缺乏統(tǒng)一協(xié)調(diào)感和美感，甚至?xí)蓴_用戶(hù)測(cè)覽網(wǎng)頁(yè)的效率。網(wǎng)頁(yè)界面色彩設(shè)計(jì)的正確方法是：考慮網(wǎng)站本身的特點(diǎn)，形成自己獨(dú)特的風(fēng)格，色彩的選用要符合相應(yīng)的網(wǎng)站內(nèi)容。在遵從藝術(shù)規(guī)律的同時(shí)，充分考慮人的心理特點(diǎn)，合理搭配色彩，給人造成一種愉快的感覺(jué)。網(wǎng)站的色彩的選用，也要注意能夠體現(xiàn)出網(wǎng)站的文化內(nèi)涵和藝術(shù)特點(diǎn)。

3.5動(dòng)態(tài)圖像的合理取舍

動(dòng)態(tài)圖像對(duì)網(wǎng)頁(yè)界面的表現(xiàn)是一個(gè)很好的補(bǔ)充，動(dòng)態(tài)圖像確實(shí)能夠提高用戶(hù)的關(guān)注度，但要注意避免動(dòng)態(tài)圖形對(duì)網(wǎng)頁(yè)視覺(jué)信息傳遞的干擾。如果網(wǎng)頁(yè)界面上的動(dòng)態(tài)圖形出現(xiàn)的過(guò)多，則會(huì)干擾用戶(hù)的瀏覽速度，從而引起用戶(hù)的厭煩情緒。更為嚴(yán)重的是要考慮帶寬的限制，大量的采用動(dòng)態(tài)圖像或動(dòng)畫(huà)會(huì)造成瀏覽速度減慢。

4結(jié)束語(yǔ)

展望未來(lái)，網(wǎng)頁(yè)界面的設(shè)計(jì)應(yīng)該圍繞互聯(lián)網(wǎng)技術(shù)的發(fā)展以及用戶(hù)的需求展開(kāi)，只有滿(mǎn)足應(yīng)用領(lǐng)域的多樣性和用戶(hù)需求的多樣性，網(wǎng)站才能真正為用戶(hù)所接受。未來(lái)的網(wǎng)頁(yè)界面設(shè)計(jì)應(yīng)當(dāng)會(huì)更具個(gè)性化，逐步做到網(wǎng)頁(yè)界面視覺(jué)效果及功能為用戶(hù)量身定做，突出用戶(hù)本身的興趣和愛(ài)好。

參考文獻(xiàn)

[1] 朱征宇，陳燁，常紅要，曾麗芳，張鵬.網(wǎng)站界面設(shè)計(jì)用戶(hù)體驗(yàn)[J].重慶理工大學(xué)學(xué)報(bào)（自然科學(xué)），2010（08）：37-42.

[2] 廖美紅.用戶(hù)體驗(yàn)導(dǎo)向構(gòu)建下的電商購(gòu)物網(wǎng)站界面設(shè)計(jì)思路的探討[J].電腦編程技巧與維護(hù)，2016（18）：21-22.endprint