近年來(lái),Web逐漸成為人們獲取信息以及進(jìn)行交易和交流的主要渠道。但是,我們卻感到在網(wǎng)上查找信息或完成某項(xiàng)任務(wù)經(jīng)常會(huì)遇到這樣那樣的困難。根據(jù)調(diào)查顯示,目前90%左右的網(wǎng)站存在可用性問(wèn)題,用戶在網(wǎng)上找不到所需信息的幾率有約60%。對(duì)于網(wǎng)站來(lái)說(shuō),可用性是指用戶能否有效地找到所需的信息或完成他的任務(wù)?效率如何?以及是否讓人有愉快滿意的感受。如果網(wǎng)站可用性較差,會(huì)浪費(fèi)用戶的時(shí)間,大大降低網(wǎng)站的回頭訪問(wèn)率,還會(huì)引起不必要的網(wǎng)絡(luò)阻塞。這對(duì)網(wǎng)站的生存是一個(gè)至關(guān)重要的問(wèn)題。因此,為網(wǎng)站開(kāi)發(fā)人員提供可用性設(shè)計(jì)指導(dǎo)是十分必要的。這些年來(lái),人們從不同側(cè)面提出了許多網(wǎng)站可用性設(shè)計(jì)準(zhǔn)則,對(duì)提高網(wǎng)站可用性起到了很好的作用。本文以下部分將首先分析網(wǎng)站設(shè)計(jì)中存在的可用性問(wèn)題,然后對(duì)目前提出的網(wǎng)站可用性設(shè)計(jì)原則和指南進(jìn)行綜合,從屏幕布局、內(nèi)容設(shè)計(jì)、可訪問(wèn)性、媒體使用、與用戶的溝通、一致性和導(dǎo)航等七個(gè)方面進(jìn)行介紹。
一、 網(wǎng)站建設(shè)中存在的可用性問(wèn)題目前網(wǎng)站的可用性問(wèn)題是一個(gè)普遍存在的現(xiàn)象,它們主要表現(xiàn)在這樣一些方面:
1. 使用框架(Frame)框架的使用使得打印網(wǎng)頁(yè)時(shí)得不到用戶想要的結(jié)果,并且通過(guò)收藏夾中的URL回不到原先的網(wǎng)頁(yè)。
2. 使用尚未成熟的新技術(shù)由于這些新技術(shù)尚未成熟,很可能給用戶帶來(lái)意想不到的麻煩(如使系統(tǒng)癱瘓等)。
3. 滾動(dòng)的文字和連續(xù)播放的動(dòng)畫(huà)
4. 網(wǎng)站的URL與其結(jié)構(gòu)和內(nèi)容不匹配
5. 使用非標(biāo)準(zhǔn)的鏈接顏色未訪問(wèn)鏈接用藍(lán)色表示,已訪問(wèn)鏈接用紅色或粉色表示。否則,用戶會(huì)弄不清哪些鏈接已訪問(wèn)過(guò),哪些沒(méi)訪問(wèn)過(guò)。
6. 下載時(shí)間過(guò)長(zhǎng)
7. 使“回退”按鈕失效“回退”按鈕是僅次于鏈接的、用戶使用更頻繁的導(dǎo)航功能,所以“回退”按鈕失效會(huì)讓用戶感到失望。
8. 打開(kāi)新的瀏覽窗口打開(kāi)太多的窗口會(huì)使整個(gè)屏幕看起來(lái)很亂,并且使回退按鈕失效。
9. 違規(guī)使用GUI控件(如單選鈕,復(fù)選框)每個(gè)GUI控件都有一定的使用常規(guī),否則會(huì)使用戶不知所措。
10. 缺少對(duì)網(wǎng)站所有者的介紹
11. 缺少歷史信息記錄
12. 鏈接標(biāo)題不能準(zhǔn)確提示所鏈接的內(nèi)容
13. 提供時(shí)髦而不實(shí)用的Internet功能對(duì)大多數(shù)網(wǎng)站來(lái)說(shuō),提供網(wǎng)上購(gòu)物、聊天、拍賣(mài)、免費(fèi)郵件、三維站點(diǎn)結(jié)構(gòu)圖等功能,會(huì)產(chǎn)生一些負(fù)面影響。
14. 使用類似廣告的表現(xiàn)形式(如標(biāo)語(yǔ)、動(dòng)畫(huà)等)
二、提高網(wǎng)站可用性的設(shè)計(jì)準(zhǔn)則1 屏幕布局
1)內(nèi)容應(yīng)占據(jù)網(wǎng)頁(yè)的大部分空間,至少應(yīng)占一半,更好接近80%,導(dǎo)航部分應(yīng)不超過(guò)20%。
2)使用空白區(qū)而不是粗線條或廣告來(lái)分隔不同內(nèi)容。
3)顏色選擇·除了圖片和圖像之外,不要使用太多的顏色來(lái)修飾某個(gè)對(duì)象?!ふ暮捅尘吧膶?duì)比度要大。·正文區(qū)和其它的功能區(qū)(如工具條、菜單條等)應(yīng)使用不同的背景色。
4)可讀性·標(biāo)題區(qū)、標(biāo)題行和正文區(qū)應(yīng)使用不同大小的字體?!な褂渺o止的正文,而不要用移動(dòng)、閃爍或變焦的文字?!ぷ煮w應(yīng)足夠大,字體太小(小于10個(gè)像素單位)會(huì)降低可讀性?!げ灰獙⒆煮w設(shè)置成更對(duì)尺寸,應(yīng)盡量使用相對(duì)尺寸。·使用統(tǒng)一的字體,不要混合使用多種字體,否則會(huì)降低閱讀速度。
5)可瀏覽性·每個(gè)網(wǎng)頁(yè)都應(yīng)該有標(biāo)題,且網(wǎng)頁(yè)標(biāo)題應(yīng)該清楚地表明網(wǎng)頁(yè)的內(nèi)容?!ぞ渥?段落應(yīng)簡(jiǎn)短,每句不超過(guò)20個(gè)詞,每段不超過(guò)5個(gè)句子。·每個(gè)網(wǎng)頁(yè)都應(yīng)按照“倒金字塔”原則進(jìn)行編寫(xiě),即從一個(gè)簡(jiǎn)單的結(jié)論開(kāi)始漸次展開(kāi)。·使用排版印刷的設(shè)計(jì)風(fēng)格,橫向排列信息,以符合用戶的閱讀習(xí)慣。
2 內(nèi)容設(shè)計(jì)
1)范圍·網(wǎng)站的內(nèi)容應(yīng)既能達(dá)到網(wǎng)站設(shè)計(jì)目標(biāo),又能滿足用戶的期望?!ぞW(wǎng)站的內(nèi)容應(yīng)及時(shí)更新,以反映當(dāng)前的更新?tīng)顟B(tài)。
2)準(zhǔn)確性·寫(xiě)作質(zhì)量要高,沒(méi)有語(yǔ)法、拼寫(xiě)和排版錯(cuò)誤?!の恼聭?yīng)該分段,這樣用戶容易理解。·那些既向用戶提供信息,又允許用戶進(jìn)行評(píng)論的網(wǎng)頁(yè),應(yīng)明確區(qū)分信息區(qū)和評(píng)論區(qū)。
3)著作權(quán)·每篇文章或文檔應(yīng)標(biāo)明作者姓名等相關(guān)信息?!?yīng)提供相應(yīng)的參考文獻(xiàn)。·應(yīng)介紹站點(diǎn)擁有者的背景資料,如公司圖標(biāo)、名字、地址、電話號(hào)碼和email地址等。
4)實(shí)效性·應(yīng)標(biāo)明網(wǎng)站所用資源的產(chǎn)生日期?!?yīng)指出網(wǎng)頁(yè)的更近修改時(shí)間。
5)提供選擇功能·應(yīng)該有輸出或打印的格式選擇?!ぷ尣煌挠脩暨x擇不同的語(yǔ)言來(lái)顯示網(wǎng)頁(yè)。
6)鏈接·指明哪些鏈接指向本頁(yè)面,哪些鏈接指向本站點(diǎn)的其它頁(yè)面,哪些鏈接指向其它站點(diǎn)?!?yīng)有指向相關(guān)網(wǎng)站的鏈接。·應(yīng)有指向網(wǎng)站主辦單位的鏈接。
3 網(wǎng)頁(yè)設(shè)計(jì)
1)網(wǎng)頁(yè)的大小網(wǎng)頁(yè)的大小不應(yīng)超過(guò)30000字節(jié),以使用戶在10秒鐘之內(nèi)能打開(kāi)網(wǎng)頁(yè)。
2)鏈接·為鏈接加上描述信息。·當(dāng)一個(gè)鏈接被點(diǎn)擊后,要把所有指向同一目標(biāo)的鏈接都表示成已被訪問(wèn)過(guò)。·在鏈接旁注明下載文件的大小,幫助用戶預(yù)測(cè)下載時(shí)間。
3)框架只有在必要時(shí)才使用框架。
4)在每一頁(yè)的相同位置放置本網(wǎng)站標(biāo)志。
4 可訪問(wèn)性
1)下載速度·下載網(wǎng)頁(yè)的時(shí)間應(yīng)使用戶能夠接受,一般來(lái)說(shuō)在10-20秒之間。
2)瀏覽器的兼容性·保證網(wǎng)頁(yè)能被所有主要的瀏覽器兼容?!けWC網(wǎng)頁(yè)能被同一瀏覽器的不同版本兼容?!けWC網(wǎng)頁(yè)能被不同類型的顯示器(如單色顯示器和數(shù)字電視等)兼容。
3)搜索功能·提供本網(wǎng)站內(nèi)的搜索能幫助用戶更快地查找到所需的信息。
4)網(wǎng)站的可訪問(wèn)性·利用META標(biāo)記為搜索引擎提供本網(wǎng)頁(yè)的關(guān)鍵詞和描述信息?!ぐ凑找?guī)范向搜索引擎提交信息以保證站點(diǎn)能夠被搜索到。
5)網(wǎng)站內(nèi)容的可訪問(wèn)性• 為多媒體(聲音、動(dòng)畫(huà)等)提供等價(jià)的文本形式,以便使那些只能使用純文本瀏覽器的用戶能夠獲得網(wǎng)頁(yè)的內(nèi)容。同樣,應(yīng)為那些不能閱讀和閱讀困難的用戶(如盲人)提供與文字等價(jià)的內(nèi)容(如聲音文件等)。
5 媒體的使用
1)音頻,動(dòng)畫(huà)和視頻 ·只有在必要時(shí)(如示范、教學(xué)、演講等)才使用?!け苊庋h(huán)播放?!は螺d時(shí)應(yīng)顯示文件的類型和大小,以便讓用戶決定是否有必要等待。
2)圖形和圖像·只有當(dāng)圖形或圖像真正有助于用戶對(duì)信息的理解時(shí)才使用它?!な褂脠D像的縮略圖技術(shù)?!げ灰谒阉黜?yè)面中使用圖形?!ぴ诒仨毷褂脠D形的時(shí)候,可多次使用同一個(gè)圖形。
6 與用戶的溝通(交互性)·在網(wǎng)站上提供網(wǎng)站所有者的email地址和聯(lián)機(jī)表單,以便獲取用戶對(duì)網(wǎng)站的反饋意見(jiàn)?!ぬ峁┚W(wǎng)上論壇、網(wǎng)絡(luò)會(huì)議等功能,讓用戶能夠共享觀點(diǎn)和進(jìn)行討論。
7 一致性·網(wǎng)頁(yè)布局應(yīng)一致?!の谋镜淖中?、字體和顏色應(yīng)保持一致?!?dǎo)航幫助(如菜單條、按鈕等)應(yīng)一致。
8 導(dǎo)航·每頁(yè)中都應(yīng)設(shè)有返回主頁(yè)的鏈接?!?yīng)該把站點(diǎn)的內(nèi)容按類別分組(一般應(yīng)為7組左右)?!び脩粽业剿鑳?nèi)容的點(diǎn)擊鏈接次數(shù)要盡可能少(一般不應(yīng)超過(guò)3次)?!?yīng)該保證用戶點(diǎn)擊鏈接時(shí)不會(huì)出現(xiàn)網(wǎng)頁(yè)不存在的情況?!?yīng)提供站點(diǎn)結(jié)構(gòu)圖以幫助用戶更快地找到所需的信息?!橛脩籼峁┓答佇畔ⅲ嬖V他目前在站點(diǎn)中的位置。
三、總結(jié)在實(shí)際的網(wǎng)站建設(shè)中,網(wǎng)站可用性設(shè)計(jì)指南起到了很好的作用。有人曾做過(guò)這樣的實(shí)驗(yàn),從網(wǎng)上隨機(jī)地選擇幾個(gè)網(wǎng)站,按照網(wǎng)站可用性設(shè)計(jì)指南對(duì)它們進(jìn)行重新設(shè)計(jì),然后對(duì)新舊兩個(gè)版本的網(wǎng)站進(jìn)行比較性可用性測(cè)試,結(jié)果發(fā)現(xiàn),新版本網(wǎng)站的可用性明顯地提高了。然而,網(wǎng)站可用性設(shè)計(jì)指南也存在其局限性,主要是許多指南過(guò)于原則性,缺乏實(shí)際的可操作性,具體的運(yùn)用效果在很大程度上依賴網(wǎng)站開(kāi)發(fā)人員對(duì)可用性的悟性,因此不能保證按照這些指南所設(shè)計(jì)的網(wǎng)站一定具有高可用性。提高網(wǎng)站可用性的根本途徑應(yīng)當(dāng)是采用以用戶為中心的設(shè)計(jì)方法,在實(shí)際的網(wǎng)站開(kāi)發(fā)中,應(yīng)將這些指南的運(yùn)用與以用戶為中心的設(shè)計(jì)方法相結(jié)合,才能真正達(dá)到好的效果
網(wǎng)站建設(shè)指南,與大家多多交流。