張海燕
摘 要 網站界面是人機交互的接口,網站界面設計的核心是“以用戶為中心”,一切設計都是以用戶需求為出發點,本文提出網站界面基于用戶體驗優化的全局化設計思想,歸納了網站界面設計流程中重要環節的基本構建原則和方法。
關鍵詞 用戶體驗 界面設計 可用性
中圖分類號: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