網站可用性設計指南

近年來,Web逐漸成爲人們獲取信息以及進行交易和交流的主要渠道。但是,我們卻感到在網上查找信息或完成某項任務經常會遇到這樣那樣的困難。 根據調查顯示,目前90%左右的網站存在可用性問題,用戶在網上找不到所需信息的機率有約60%。對於網站來說,可用性是指用戶能否有效地找到所需的信息 或完成他的任務?效率如何?以及是否讓人有愉快滿意的感受。如果網站可用性較差,會浪費用戶的時間,大大降低網站的回頭訪問率,還會引起不必要的網絡阻 塞。這對網站的生存是一個至關重要的問題。因此,爲網站開發人員提供可用性設計指導是十分必要的。這些年來,人們從不同側面提出了許多網站可用性設計準 則,對提高網站可用性起到了很好的作用。本文以下部分將首先分析網站設計中存在的可用性問題,然後對目前提出的網站可用性設計原則和指南進行綜合,從屏幕 佈局、內容設計、可訪問性、媒體使用、與用戶的溝通、一致性和導航等七個方面進行介紹。
 
一、網站設計中存在的可用性問題
目前網站的可用性問題是一個普遍存在的現象,它們主要表現在這樣一些方面:
1.      使用框架(Frame)
框架的使用使得打印網頁時得不到用戶想要的結果,並且通過收藏夾中的URL回不到原先的網頁。
2.      使用尚未成熟的新技術
由於這些新技術尚未成熟,很可能給用戶帶來意想不到的麻煩(如使系統癱瘓等)。
3.      滾動的文字和連續播放的動畫
4.      網站的URL與其結構和內容不匹配
5.      使用非標準的鏈接顏色
未訪問鏈接用藍色表示,已訪問鏈接用紅色或粉色表示。否則,用戶會弄不清哪些鏈接已訪問過,哪些沒訪問過。
6.      下載時間過長
7.      使“回退”按鈕失效
“回退”按鈕是僅次於鏈接的、用戶使用最頻繁的導航功能,所以“回退”按鈕失效會讓用戶感到失望。
8.      打開新的瀏覽窗口
打開太多的窗口會使整個屏幕看起來很亂,並且使回退按鈕失效。
9.      違規使用GUI控件(如單選鈕,複選框)
每個GUI控件都有一定的使用常規,否則會使用戶不知所措。
10.  缺少對網站所有者的介紹
11.  缺少歷史信息記錄
12.  鏈接標題不能準確提示所鏈接的內容
13.  提供時髦而不實用的Internet功能
對大多數網站來說,提供網上購物、聊天、拍賣、免費郵件、三維站點結構圖等功能,會產生一些負面影響。
14.  使用類似廣告的表現形式(如標語、動畫等)
 
二、提高網站可用性的設計準則
1 屏幕布局
1)內容應占據網頁的大部分空間,至少應占一半,最好接近80%,導航部分應不超過20%。
2)使用空白區而不是粗線條或廣告來分隔不同內容。
3)顏色選擇
·除了圖片和圖像之外,不要使用太多的顏色來修飾某個對象。
·正文和背景色的對比度要大。
·正文區和其它的功能區(如工具條、菜單條等)應使用不同的背景色。
4)可讀性
·標題區、標題行和正文區應使用不同大小的字體。
·使用靜止的正文,而不要用移動、閃爍或變焦的文字。
·字體應足夠大,字體太小(小於10個像素單位)會降低可讀性。
·不要將字體設置成絕對尺寸,應儘量使用相對尺寸。
·使用統一的字體,不要混合使用多種字體,否則會降低閱讀速度。
5)可瀏覽性
·每個網頁都應該有標題,且網頁標題應該清楚地表明網頁的內容。
·句子/段落應簡短,每句不超過20個詞,每段不超過5個句子。
·每個網頁都應按照“倒金字塔”原則進行編寫,即從一個簡單的結論開始漸次展開。
·使用排版印刷的設計風格,橫向排列信息,以符合用戶的閱讀習慣。
2 內容設計
1)範圍
·網站的內容應既能達到網站設計目標,又能滿足用戶的期望。
·網站的內容應及時更新,以反映當前的最新狀態。
2)準確性
·寫作質量要高,沒有語法、拼寫和排版錯誤。
·文章應該分段,這樣用戶容易理解。
·那些既向用戶提供信息,又允許用戶進行評論的網頁,應明確區分信息區和評論區。
3)著作權
·每篇文章或文檔應標明作者姓名等相關信息。
·應提供相應的參考文獻。
·應介紹站點擁有者的背景資料,如公司圖標、名字、地址、電話號碼和email地址等。
4)實效性
·應標明網站所用資源的產生日期。
·應指出網頁的最近修改時間。
5)提供選擇功能
·應該有輸出或打印的格式選擇。
·讓不同的用戶選擇不同的語言來顯示網頁。
6)鏈接
·指明哪些鏈接指向本頁面,哪些鏈接指向本站點的其它頁面,哪些鏈接指向其它站點。
·應有指向相關網站的鏈接。
·應有指向網站主辦單位的鏈接。
3 網頁設計
1)網頁的大小
網頁的大小不應超過30000字節,以使用戶在10秒鐘之內能打開網頁。
2)鏈接
·爲鏈接加上描述信息。
·當一個鏈接被點擊後,要把所有指向同一目標的鏈接都表示成已被訪問過。
·在鏈接旁註明下載文件的大小,幫助用戶預測下載時間。
3)框架
只有在必要時才使用框架。
4)在每一頁的相同位置放置本網站標誌。
4 可訪問性
1)下載速度
·下載網頁的時間應使用戶能夠接受,一般來說在10-20秒之間。
2)瀏覽器的兼容性
·保證網頁能被所有主要的瀏覽器兼容。
·保證網頁能被同一瀏覽器的不同版本兼容。
·保證網頁能被不同類型的顯示器(如單色顯示器和數字電視等)兼容。
3)搜索功能
·提供本網站內的搜索能幫助用戶更快地查找到所需的信息。
4)網站的可訪問性
·利用META標記爲搜索引擎提供本網頁的關鍵詞和描述信息。
·按照規範向搜索引擎提交信息以保證站點能夠被搜索到。
 5)網站內容的可訪問性
• 爲多媒體(聲音、動畫等)提供等價的文本形式,以便使那些只能使用純文本瀏覽器的用戶能夠獲得網頁的內容。同樣,應爲那些不能閱讀和閱讀困難的用戶(如盲人)提供與文字等價的內容(如聲音文件等)。
5 媒體的使用
1)音頻,動畫和視頻
·只有在必要時(如示範、教學、演講等)才使用。
·避免循環播放。
·下載時應顯示文件的類型和大小,以便讓用戶決定是否有必要等待。
2)圖形和圖像
·只有當圖形或圖像真正有助於用戶對信息的理解時才使用它。
·使用圖像的縮略圖技術。
·不要在搜索頁面中使用圖形。
·在必須使用圖形的時候,可多次使用同一個圖形。
 6 與用戶的溝通(交互性)
·在網站上提供網站所有者的email地址和聯機表單,以便獲取用戶對網站的反饋意見。
·提供網上論壇、網絡會議等功能,讓用戶能夠共享觀點和進行討論。
7 一致性
·網頁佈局應一致。
·文本的字型、字體和顏色應保持一致。
·導航幫助(如菜單條、按鈕等)應一致。
8 導航
·每頁中都應設有返回主頁的鏈接。
·應該把站點的內容按類別分組(一般應爲7組左右)。
·用戶找到所需內容的點擊鏈接次數要儘可能少(一般不應超過3次)。
·應該保證用戶點擊鏈接時不會出現網頁不存在的情況。
·應提供站點結構圖以幫助用戶更快地找到所需的信息。
·爲用戶提供反饋信息,告訴他目前在站點中的位置。
 
三、總結
在實際的網站開發中,網站可用性設計指南起到了很好的作用。有人曾做過這樣的實驗,從網上隨機地選擇幾個網站,按照網站可用性設計指南對它們進 行重新設計,然後對新舊兩個版本的網站進行比較性可用性測試,結果發現,新版本網站的可用性明顯地提高了。然而,網站可用性設計指南也存在其侷限性,主要 是許多指南過於原則性,缺乏實際的可操作性,具體的運用效果在很大程度上依賴網站開發人員對可用性的悟性,因此不能保證按照這些指南所設計的網站一定具有 高可用性。提高網站可用性的根本途徑應當是採用以用戶爲中心的設計方法,在實際的網站開發中,應將這些指南的運用與以用戶爲中心的設計方法相結合,才能真 正達到好的效果。
  http://blog.ccun.com.cn/html/trackback.do?id=229&type=1
發佈了18 篇原創文章 · 獲贊 1 · 訪問量 10萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章