基于用戶體驗的網站界面設計研究

張海燕

摘 要 網站界面是人機交互的接口，網站界面設計的核心是“以用戶為中心”，一切設計都是以用戶需求為出發點，本文提出網站界面基于用戶體驗優化的全局化設計思想，歸納了網站界面設計流程中重要環節的基本構建原則和方法。

關鍵詞 用戶體驗 界面設計 可用性

中圖分類號：TB472 文獻標識碼：A

網絡傳播方式以其信息容量大、內容豐富多樣、使用迅速方便、時效性強、自由交互等特點，成為人們最為關注的傳播媒體。網站作為用戶使用網絡服務的入口，其重要性不言而喻。易用、高效的交互界面則成為網站與用戶交互成功的關鍵。在用戶使用過程中，網頁界面只具備美觀是不夠的，更重要的是方便易用。在網站界面設計時要解決的核心問題是服務于用戶，明確傳達信息，并以最佳的設計形式來呈現網站。

1網站界面設計現狀

隨著互聯網產業的迅速發展，網站界面設計越來越受到重視，然而，界面設計的真正內涵普遍被忽視。缺乏深入的需求分析，忽略了用戶體驗的重要性，沒有體現出界面設計在藝術性上的獨特性等，設計出來的網頁界面往往是只重視視覺效果，忽視了用戶的使用習慣，用戶使用起來十分不方便等問題。目前，多數網站在界面設計方面普遍存在著很多不夠人性化的地方和問題。

1.1網頁信息盲目堆積

為了呈現豐富大量的內容，許多網站把大量文字、圖片、動畫等信息堆砌在頁面上，非常雜亂無序，忽略了用戶的感受。從視覺規律來說，這種雜亂的堆砌是不符合視覺審美規律的，非但不能提高信息傳播的效率，反而干擾了用戶獲取信息的有效率。

1.2動態圖像使用混亂

網頁界面視覺傳達的手段豐富多樣，視頻、動畫等動態效果大量使用，尤其是鋪天蓋地的廣告條，充斥了整個網頁界面。由于帶寬的限制，多媒體手段的過多使用就意味著網速的損失，也就是上網的時間成本增高，從而失去用戶。任何動效的使用都應帶有明確的目的性，能夠解決用戶在使用過程中的問題，而不是炫技。

1.3網頁界面設計缺乏個性

優秀的網站不僅應具有好的功能性，還要有個性化的特點。許多網站的界面設計沒有特色，沒有自己的個性特征，很難給用戶留下深刻印象，人們總是更喜歡有鮮明特點、識別性強的界面。研究表明，能給人帶來識別個性所需要的信息量并不需太多，比如使用簡單的色塊或者圖形設計就足以給用戶帶來獨特的感覺。

1.4視覺元素的認知障礙

各類視覺元素的運用可以使界面更有吸引力，網站設計在使用各種視覺元素時，要注意視覺元素的辨識度。不能單純從藝術角度出發，即使設計出精美的圖標，但用戶卻無法識別；設計出的漂亮按鈕卻讓用戶不知道是什么功能；網站完美的版式設計卻不符合用戶的使用習慣。技術是為人服務的，網頁界面的設計同樣如此，必須重視用戶對友好界面的需求，在設計開發過程中充分考慮到用戶的特點，遵循以用戶為中心的網頁界面設計理念，避免認知誤解的發生。

2用戶體驗的概念

用戶體驗是指是指在滿足產品基本功能的基礎之上，用戶與產品之間建立聯系過程（使用產品功能）中產生的心理感受。用戶體驗的基礎是可用性，其核心就是以用戶為中心。用戶體驗主要是來自用戶和人機界面的交互過程，一般從用戶、產品和環境三個方面來研究產生某種體驗的原因，用戶體驗的建立讓設計者更關注用戶在瀏覽網站時的行為和感受。

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

3用戶體驗在網站界面設計中的體現

網站設計主要側重網站的布局、整體色彩、信息架構等，容易忽視了用戶與網站進行動態交互的研究。當用戶瀏覽網站時，如果網站的設計不夠合理，則很難在繁雜的網站結構中找到想要的信息，可能會導致用戶產生厭煩的情緒。優秀的網站界面設計應當站在用戶的立場上考慮，以最符合用戶心理和使用習慣的設計理念，建立與用戶之間的聯系，激發用戶的使用興趣。

3.1重視網頁界面設計的全局構思

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

3.2準確的文字設計

文字是網站內容傳達的主體，文字的設計對網站的整體效果起到至關重要的作用。文字的設計主要目的是讓人易懂、易讀，要減去不必要的裝飾變化，給人一種清晰的視覺印象。網頁界面中文字的設計，重要在于使文字的設計服從主題內容的性質及特點，即其設計風格要與內容特征相吻合。例如，新聞類網頁的文字應具有莊重和規范的特點，字體規整有序，簡潔大方；休閑類內容網頁，文字設計應具有歡快輕盈的風格，有鮮明的節奏感。文字在視覺傳達中除了表意之外，也具有傳達感情的功能，因此要具有視覺上的美感，讓用戶獲得好的心理反應。因此，在字體的選擇上風格要統一，通常在同一頁面上字體的種類不宜超過三種，并且要注意調整適當的行距。

3.3清晰的導航設計

優秀的網站設計要做到導航系統清晰、明確，無論用戶在網站的什么位置上，都可以自由地跳到其他想去的頁面上。網頁導航的設計要注意簡明易懂，使用上要便利。如果用戶不明其意，或者不知如何使用的話，一切都毫無意義。用戶為了看到想要的信息要經過數次點擊，也是不可取的，因為點擊次數太多，就會引起用戶的不快。以最少的點擊獲得最多的結果是網頁導航設計的一個原則。

3.4網頁色彩的視覺張力

打開一個網站，通常給用戶留下的第一印象既不是網站豐富的內容，也不是網站合理的版面布局，而是網站的色彩。一些網站往往喜歡使用多種顏色，使網頁界面效果看起來色彩豐富，其初衷是想將網頁界面做的更具有視覺沖擊力、更具有設計特點，但是結果卻是適得其反。色彩的過度使用使頁面缺乏統一協調感和美感，甚至會干擾用戶測覽網頁的效率。網頁界面色彩設計的正確方法是：考慮網站本身的特點，形成自己獨特的風格，色彩的選用要符合相應的網站內容。在遵從藝術規律的同時，充分考慮人的心理特點，合理搭配色彩，給人造成一種愉快的感覺。網站的色彩的選用，也要注意能夠體現出網站的文化內涵和藝術特點。

3.5動態圖像的合理取舍

動態圖像對網頁界面的表現是一個很好的補充，動態圖像確實能夠提高用戶的關注度，但要注意避免動態圖形對網頁視覺信息傳遞的干擾。如果網頁界面上的動態圖形出現的過多，則會干擾用戶的瀏覽速度，從而引起用戶的厭煩情緒。更為嚴重的是要考慮帶寬的限制，大量的采用動態圖像或動畫會造成瀏覽速度減慢。

4結束語

展望未來，網頁界面的設計應該圍繞互聯網技術的發展以及用戶的需求展開，只有滿足應用領域的多樣性和用戶需求的多樣性，網站才能真正為用戶所接受。未來的網頁界面設計應當會更具個性化，逐步做到網頁界面視覺效果及功能為用戶量身定做，突出用戶本身的興趣和愛好。

參考文獻

[1] 朱征宇，陳燁，常紅要，曾麗芳，張鵬.網站界面設計用戶體驗[J].重慶理工大學學報（自然科學），2010（08）：37-42.

[2] 廖美紅.用戶體驗導向構建下的電商購物網站界面設計思路的探討[J].電腦編程技巧與維護，2016（18）：21-22.endprint