網站易用性

伴隨著對網站用戶體驗的關注度普遍上升,網站易用性(Web usability)建設已經不是一個新鮮的話題。歐美電子商務網站普遍重視網站易用性建設,已開始系統研究易用性思想。而國內領先、成功的網站也均重視網站用戶體驗,騰訊、淘寶、百度、阿里巴巴……在這方面走在國區域網路站之先。對電子渠道發展高度重視的企業如移動、電信、銀行、航空、金融等也先於其它行業開始對網站的用戶體驗投以深切關注。

基本介紹

  • 中文名:網站易用性
  • 外文名:Web usability
  • 解釋:於網站設計師、開發者
  • 學科:計算機學
提高方法,內容,增強技巧,改進方法,

提高方法

1 要鎖定網站的目標用戶群,採用適合目標用戶群的界面風格
2 對網站用戶的需求進行分析,要明確網站的主要目的和網站能夠支持的用戶任務,對用戶進行細分,捕捉用戶的興趣點,提高用戶對網站的粘性
3 縮短用戶獲取有用信息的距離,減少不必要的分頁。讓用戶的每次點擊都目的明確,存在價值。
4 設定合理的全局導航和輔助導航,點擊logo即可以返回到網站的首頁,輔助導航能夠對應欄目層次表現用戶行進方向,並明確指出用戶當前所在位置
5 提高網站的互動流暢性,操作提示要出現在合適的位置,並且用戶如果出錯要及時反饋,對網站熱點任務設定熱點捷徑和傻瓜式的快捷操作模式,儘可能的為用戶創造方便,如對一些內容提供下載還有創建供列印的樣式,簡化註冊流程,不過早向用戶要求提供更詳細的資料,簡化用戶反饋的流程
6 網站頁面要有清晰的視覺層次,頁面上的文字內容適合快速掃描,減少大篇幅連續的文字,多用列表,較詳細的產品參數不妨採用表格,用色塊或者框線把頁面內容劃分成定義明確的區域
7 網站設計元素的把握,讓按鈕凸起來,輸入框凹下去,欄目框使用平滑的圓角可以增強頁面的親和力,有連結的文字要與無連結的文字區分開,不要把重要信息做的象廣告
8 營造一致性的品牌氛圍,一致的logo,一致的按鈕風格,輸入框風格,搜尋的位置,一致的列表符號,小圖示
9 設計好網站的導航。網站導航是一個用戶全面了解本站的主要途徑,因此一個好的網站導航有助於增加瀏覽者在本站的駐留時間,這無異於給網站帶來潛在效益。

內容

用戶行為分析思想指導
用戶特徵分析
用戶瀏覽行為分析
顧客轉化行為分析
(用戶行為)網站訪問統計分析系統
網站內容易用性
信息總量合理
欄目與分類方式
突出重點內容
多媒體內容合理性
內容及時更新
網站功能易用性
基本功能
功能可用性
易用性
EB功能
Web 2.0互動
網頁載入速度
網站服務易用性
線上幫助
聯繫/溝通方式
顧客關係的保持
互動溝通
外觀設計易用性
界面一致
圖片運用
網頁布局
CSS樣式
細節制勝
網站流量易用性
流量可預知性
用戶易返回
簡化操作步驟
杜絕流程錯誤

增強技巧

增強網站易用性的設計技巧
包含宣傳詞
宣傳詞是一個用來表明公司理念、目標或者網站願景的地方。這一部分應該是網站最引人矚目的部分,應該用簡短的語言概括站點。統計結果表明,一個頁面只有8秒鐘的時間來吸引一個用戶繼續的瀏覽,所以如果不能用醒目的焦點吸引用戶,那這個頁面就是失敗的。
國外的站點很多使用Tagline或者醒目的Flash,國內的站點也可以 這么用,有的時候內容多的時候,還可以是標題加焦點圖,這個要區分不同的網站類型來對待。例如對於產品型的網站,完全可以只使用一個焦點圖或者醒目的有特色的Flash來吸引注意,如果是資訊類的或者專題類的頁面,則可能既要有標題,來突出這個頁面的主題,也要有焦點圖,來顯示最近的一些動態。這個需要在製作的過程中不斷地體會積累。
供站內搜尋
站內搜尋對於用戶來說也是非常重要的,特別是當站點的內容量開始逐漸增多以至於用戶不能很輕易的找到他想要的東西時,用戶往往會想到搜尋。搜尋框的長度和位置也需要加一點注意,不能太小,位置最好放在右上區域,因為根據用戶的瀏覽習慣呈現出”F“的趨勢(F Pattern),提交按鈕的文字最好能夠明確的告訴用戶,接下來將要發生的動作是搜尋。
不濫用圖片
從易用性的角度來看,越少越好。
使用站點地圖
站點地圖是一項能夠改進站內導航和搜尋引擎最佳化(SEO)的特性。典型的站點地圖提供了站點的結構和各個頁面的導航。站點地圖可以是任何形式的,可以是一個網頁、一些頁面的列表,只要他們是按照層級關係組織起來的就行。
最近,Google、Yahoo、MSN開始提供Sitemap Protocol的服務,同站點地圖非常相近,但是數據是以XML的形式組織的。
不破壞工作流
工作流是指用戶在網站上所進行的操作,比如填寫表單、註冊用戶、瀏覽目錄、檔案等,要允許用戶撤銷操作,如果沒有提供後退或者返回的選項,用戶就被逼著做他們不想做的動作,或者他們會幹脆關掉瀏覽器來圖個清淨。
有些站點上的操作順序並不是那么的明顯,這個時候就需要有提示來指導用戶。比如Yahoo Music當第一次進入的時候,會有一個嚮導來指導一步一步的熟悉頁面上各個功能區。玩遊戲的時候也會有遊戲教學這個環節,如果網站上也提供了,會帶來很好的用戶體驗。
還有一個誤區是改變超連結的樣式。傳統的門戶往往讓超連結停留在他原始的樣子,這樣能夠給用戶明確的指示,這是一個超連結,通過點擊,可以進入一個新的頁面。當然,並不贊成超連結的樣式一定不能改變,但是如果發生了改變,一定需要通過圖示或者文字來表明,用戶可以通過點擊這個連結到達另外一個頁面。
讓網站更容易被“掃描”
內容的可讀性能夠提高用戶的忠誠度,讓用戶停留在站點上獲得他們需要的內容。但是研究表明,很多用戶並不是在讀頁面,而是在”掃描“,通過掃描標題、著重文字、強調的列表來獲得信息。
Jacbo Nilsen通過視覺追蹤發現用戶的瀏覽很像一個F型,他們從左到用從上到下的”掃描“頁面。他的實驗同時也得出了一下結論:
用戶不是一個字一個字的去閱讀,而是從段落、著重文字中提取信息。
不設計容易誤導的界面元素
千萬不要設計那種看上去像是一個按鈕實際上不是的內容,很多人也經常被那些帶下劃線的文字誤導,當點擊時,發現它們根本不是連結!

改進方法

改進電子商務網站易用性的方法
1. 用email來標識用戶(登入名)
你曾經在網上購物中,用過多少不同的用戶名作為賬號? 又用過多少不同的emai作為賬號? 我敢打賭, 你不僅不同的Email用的很少 ,而且你會發現Email比用戶名,更容易記憶。 大多數情況下,用email標識用戶比用戶名更好。 因為Email容易記憶,更標準,這意味著你不必擔心去記憶哪些亂七八糟的字元。他們永遠是獨一無二的,永遠不會像用戶名那樣出現重名。
2. 將下訂單的過程劃分成幾個大步驟
讓用戶一次處理一個任務
訂購流程通常非常複雜,比較典型的場景可能包括: 用戶輸入一個配送地址, 選擇配送方式, 選擇輸入支付方式, 最後確認自己的訂單。 試圖讓用戶在一個步驟里做完這些事會有問題, 因為用戶要輸入太多的信息了!
將這些步驟分解,讓用戶每次能處理一個步驟, 確保每個步驟需要思考和輸入的信息相對較少。
舉個例子,亞馬遜將訂購流程分解成以下步驟:
1. Login 登入
2. Choose delivery address 選擇配送方式
3. Choose delivery options 選擇配送選項
4. Enter payment details 輸入支付信息(如信用卡等)
5. Review and submit the order 核對並提交訂單。
3. 告訴用戶他們在哪兒,將要去那兒?
在你的旅行中, 如果你不知道自己已經走了多遠, 或者不知道自己還要走多遠, 這難道不是一件糟糕的事情嗎? 對用戶來說, 當他們試圖線上買點什麼東西,如果他們不知道最終完成訂購還需要多少步驟,他們會倍感挫折。 這就是為什麼在訂購過程中,告訴用戶他在什麼位置,而且還需要多少步驟, 是多么重要!
4.不要讓下訂單過程不必要的複雜
令人驚奇的是, 有太多的電子商務網站把他們的訂單流程搞的無比複雜,超過他們實際需要的。據個例子, 用戶經常被要求按照月份輸入他們的信用卡或者借記卡的有效日期(注: 這裡意思是必須輸入英文的日期,Jan, Feb, March之類的---海帶部落格),而不是簡單的01,02,03等等。 這就強制用戶將他們卡片上顯示的數字轉換成單詞,卻無法直接輸入數字。
作為產品設計人員,對每個訂購步驟都要仔細考慮,以使其更簡單。 舉個例子,預訂過程中,所有的輸入框都必須用戶輸入嗎?(注: 如果不是必須的,請儘量簡化。---海帶部落格) 。通過不斷簡化流線化訂單流程,你可以將用戶訂購過程中的體驗問題降低到最少。
5. 解決客人常見問題
在整個訂購流程中,告訴用戶通常會遇到的問題和疑問的解決辦法是非常重要的。 舉個例子,用戶通常需要知道他訂購的產品多久才能送到,或者當用戶需要輸入生日的時候,告訴他為什麼要收集他的生日信息等等。
仔細走一遍預訂流程並在每個步驟問問你自己: 用戶可能會有什麼疑問? 在螢幕上給予用戶提示,並且提供一個超連結,連線到詳細的幫助信息。
6. 高亮必填項
再也沒有比填寫完一個訂單後,卻因為沒有填寫必填項,不得不返回重新填寫更令人惱火的事情了。在填寫一個訂單中, 必須非常清楚標識出哪些項目是必填的,哪些是可選的。 其實很簡單,只需要在必填項前加一個“*”。
7. 讓訂購流程更加靈活
通過讓流程更加靈活, 用戶不僅會感到更多的可控性, 而且也不太可能遇到關鍵性的問題。 據個例子, 一些電子商務網站,當用戶輸入地址的時候,自動幫助用戶查找郵編。這對於哪些非正式的或者新的地址可能會有問題, 因為這種情況下不會為用戶返回郵編。 這就意味著,用戶不可能簡單直接輸入地址就可下訂單(我自己就碰到好幾次這種情況了)。
一個好的例子,CD WOW! 的訂購流程就非常靈活, 他們允許用戶不用註冊直接下訂單。這就意味著那些對註冊感到不適的用戶,仍然可以下訂單。
8. 讓用戶感到安全放心
很多消費者線上購買東西時,仍然不是100%放心。 他們常常擔心提交了信用卡賬號,卻收不到貨。因此努力去緩解用戶的擔憂,讓用戶感到放心是非常重要的。仔細考慮用戶在訂購過程中的每一步可能碰到的疑慮,並對這些疑慮進行說明。
9. 讓用戶下訂單前再次確認
訂購的最後一個步驟通常會讓用戶確認他們的訂單。 用戶可以看到訂單的清單,包括他們需要支付多少錢,什麼時候貨送到。他們也可以取消或者提交此訂單。最好不要拷貝亞馬遜的"Amazon's "1-click" ordering system", 因為這樣會讓用戶在沒有檢查和確認訂單細節情況下,直接提交訂單。比如配送地址和送貨的費用等等。(注:處理配送地址錯誤的訂單,或者因為配送費用導致退貨的問題處理,成本非常高。---海帶部落格)
在訂單提交後,應該顯示訂單的最終確認信息, 以便讓用戶知道他的訂單是否成功。 訂單最終確認信息應該包括:
* The expected delivery date 期望的送貨時間
* The order number 訂單號
* How to track the order online (if this is possible) 如何線上跟蹤訂單狀態(如果可能)
10. 訂單成功後,發一個確認郵件。
一旦用戶成功提交訂單, 需要立刻給用戶傳送一個確認郵件。 依據Jakob Nielsen's Alertbox, December 8, 2003, 一個確認郵件應該:
簡明扼要
告訴用戶他們想要的, 比如: 訂單號。
應該象公司客服代表一樣。
記住,線上解決問題比致電客服中心成本低得多。線上提示用戶,比如告訴用戶他訂購的產品多久才能送到等等,將會大幅度減少客戶服務的電話數量。

相關詞條

熱門詞條

聯絡我們