近年來(lái),Web逐漸成為人們獲取信息以及進(jìn)行交易和交換的重要渠道。但是,我們卻感到在網(wǎng)上查找信息或完成某項(xiàng)任務(wù)經(jīng)常會(huì)碰到這樣那樣的艱苦。根據(jù)調(diào)查顯示,目前90%左右的網(wǎng)站存在可用性標(biāo)題,用戶在網(wǎng)上找不到所需信息的幾率有約60%。對(duì)于網(wǎng)站來(lái)說(shuō),可用性是指用戶能否有效地找到所需的信息或完成他的任務(wù)?效率如何?以及是否讓人有高興滿足的感受。假如網(wǎng)站可用性較差,會(huì)浪用度戶的時(shí)間,大大下降網(wǎng)站的回頭拜訪率,還會(huì)引起不必要的網(wǎng)絡(luò)阻塞。這對(duì)網(wǎng)站的生存是一個(gè)至關(guān)重要的標(biāo)題。因此,為網(wǎng)站開(kāi)發(fā)職員供給可用性設(shè)計(jì)領(lǐng)導(dǎo)是十分必要的。這些年來(lái),人們從不同側(cè)面提出了很多網(wǎng)站可用性設(shè)計(jì)準(zhǔn)則,對(duì)提高網(wǎng)站可用性起到了很好的作用。本文以下部分將首先分析網(wǎng)站設(shè)計(jì)中存在的可用性標(biāo)題,然后對(duì)目條件出的網(wǎng)站可用性設(shè)計(jì)原則和指南進(jìn)行綜合,從屏幕布局、內(nèi)容設(shè)計(jì)、可拜訪性、媒體應(yīng)用、與用戶的溝通、一致性和導(dǎo)航等七個(gè)方面進(jìn)行先容。一、 網(wǎng)站建設(shè)中存在的可用性標(biāo)題目前網(wǎng)站的可用性標(biāo)題是一個(gè)廣泛存在的現(xiàn)象,它們重要表現(xiàn)在這樣一些方面:1. 應(yīng)用框架(Frame)框架的應(yīng)用使得打印網(wǎng)頁(yè)時(shí)得不到用戶想要的成果,并且通過(guò)珍躲夾中的URL回不到本來(lái)的網(wǎng)頁(yè)。
2. 應(yīng)用尚未成熟的新技巧由于這些新技巧尚未成熟,很可能給用戶帶來(lái)意想不到的麻煩(如使系統(tǒng)癱瘓等)。3. 轉(zhuǎn)動(dòng)的文字和持續(xù)播放的動(dòng)畫(huà)4. 網(wǎng)站的URL與其結(jié)構(gòu)和內(nèi)容不匹配5. 應(yīng)用非尺度的鏈接色彩未拜訪鏈接用藍(lán)色表現(xiàn),已拜訪鏈接用紅色或粉色表現(xiàn)。否則,用戶會(huì)弄不清哪些鏈接已拜訪過(guò),哪些沒(méi)拜訪過(guò)。6. 下載時(shí)間過(guò)長(zhǎng)7. 使“回退”按鈕失效“回退”按鈕是僅次于鏈接的、用戶應(yīng)用最頻繁的導(dǎo)航功效,所以“回退”按鈕失效會(huì)讓用戶感到掃興。8. 打開(kāi)新的瀏覽窗口打開(kāi)太多的窗口會(huì)使全部屏幕看起來(lái)很亂,并且使回退按鈕失效。9. 違規(guī)應(yīng)用GUI控件(如單選鈕,復(fù)選框)每個(gè)GUI控件都有必定的應(yīng)用慣例,否則會(huì)應(yīng)用戶不知所措。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)物、聊天、拍賣、免費(fèi)郵件、三維站點(diǎn)結(jié)構(gòu)圖等功效,會(huì)產(chǎn)生一些負(fù)面影響。14. 應(yīng)用類似廣告的表現(xiàn)情勢(shì)(如標(biāo)語(yǔ)、動(dòng)畫(huà)等)二、提高網(wǎng)站可用性的設(shè)計(jì)準(zhǔn)則1 屏幕布局1)內(nèi)容應(yīng)盤踞網(wǎng)頁(yè)的大部分空間,至少應(yīng)占一半,最好接近80%,導(dǎo)航部分應(yīng)不超過(guò)20%。2)應(yīng)用空缺區(qū)而不是粗線條或廣告來(lái)分隔不同內(nèi)容。3)色彩選擇·除了圖片和圖像之外,不要應(yīng)用太多的色彩來(lái)潤(rùn)飾某個(gè)對(duì)象?!ふ暮捅筹L(fēng)景的對(duì)照度要大。·正文區(qū)和其它的功效區(qū)(如工具條、菜單條等)應(yīng)應(yīng)用不同的背風(fēng)景。4)可讀性·標(biāo)題區(qū)、標(biāo)題行和正文區(qū)應(yīng)應(yīng)用不同大小的字體?!?yīng)用靜止的正文,而不要用移動(dòng)、閃耀或變焦的文字?!ぷ煮w應(yīng)足夠大,字體太?。ㄐ∮?0個(gè)像素單位)會(huì)下降可讀性?!げ灰獙⒆煮w設(shè)置成盡對(duì)尺寸,應(yīng)盡量應(yīng)用相對(duì)尺寸。·應(yīng)用同一的字體,不要混雜應(yīng)用多種字體,否則會(huì)下降瀏覽速度。5)可瀏覽性·每個(gè)網(wǎng)頁(yè)都應(yīng)當(dāng)有標(biāo)題,且網(wǎng)頁(yè)標(biāo)題應(yīng)當(dā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)?!?yīng)用排版印刷的設(shè)計(jì)作風(fēng),橫向排列信息,以符實(shí)用戶的瀏覽習(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í)更新,以反應(yīng)當(dāng)前的最新?tīng)顟B(tài)。2)準(zhǔn)確性·寫(xiě)作質(zhì)量要高,沒(méi)有語(yǔ)法、拼寫(xiě)和排版錯(cuò)誤。·文章應(yīng)當(dāng)分段,這樣用戶輕易懂得。·那些既向用戶供給信息,又答利用戶進(jìn)行評(píng)論的網(wǎng)頁(yè),應(yīng)明白區(qū)分信息區(qū)和評(píng)論區(qū)。3)著作權(quán)·每篇文章或文檔應(yīng)標(biāo)明作者姓名等相干信息?!?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)當(dāng)有輸出或打印的格局選擇?!ぷ尣煌挠脩暨x擇不同的語(yǔ)言來(lái)顯示網(wǎng)頁(yè)。6)鏈接·指明哪些鏈接指向本頁(yè)面,哪些鏈接指向本站點(diǎn)的其它頁(yè)面,哪些鏈接指向其它站點(diǎn)。·應(yīng)有指向相干網(wǎng)站的鏈接?!?yīng)有指向網(wǎng)站主辦單位的鏈接。3 網(wǎng)頁(yè)設(shè)計(jì)1)網(wǎng)頁(yè)的大小網(wǎng)頁(yè)的大小不應(yīng)超過(guò)30000字節(jié),以應(yīng)用戶在10秒鐘之內(nèi)能打開(kāi)網(wǎng)頁(yè)。2)鏈接·為鏈接加上描寫(xiě)信息。·當(dāng)一個(gè)鏈接被點(diǎn)擊后,要把所有指向同一目標(biāo)的鏈接都表現(xiàn)成已被拜訪過(guò)?!ぴ阪溄优宰⒚飨螺d文件的大小,幫助用戶猜測(cè)下載時(shí)間。3)框架只有在必要時(shí)才應(yīng)用框架。4)在每一頁(yè)的雷同地位放置本網(wǎng)站標(biāo)記。4 可拜訪性1)下載速度·下載網(wǎng)頁(yè)的時(shí)間應(yīng)應(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)站的可拜訪性·利用META標(biāo)記為搜索引擎供給本網(wǎng)頁(yè)的關(guān)鍵詞和描寫(xiě)信息。·按照規(guī)范向搜索引擎提交信息以保證站點(diǎn)能夠被搜索到。
5)網(wǎng)站內(nèi)容的可拜訪性• 為多媒體(聲音、動(dòng)畫(huà)等)供給等價(jià)的文本情勢(shì),以便使那些只能應(yīng)用純文本瀏覽器的用戶能夠獲得網(wǎng)頁(yè)的內(nèi)容。同樣,應(yīng)為那些不能瀏覽和瀏覽艱苦的用戶(如盲人)供給與文字等價(jià)的內(nèi)容(如聲音文件等)。5 媒體的應(yīng)用1)音頻,動(dòng)畫(huà)和視頻 ·只有在必要時(shí)(如示范、教學(xué)、演講等)才應(yīng)用。·避免循環(huán)播放?!は螺d時(shí)應(yīng)顯示文件的類型和大小,以便讓用戶決定是否有必要等候。2)圖形和圖像·只有當(dāng)圖形或圖像真正有助于用戶對(duì)信息的懂得時(shí)才應(yīng)用它?!?yīng)用圖像的縮略圖技巧?!げ灰谒阉黜?yè)面中應(yīng)用圖形?!ぴ诒匦钁?yīng)用圖形的時(shí)候,可多次應(yīng)用同一個(gè)圖形。6 與用戶的溝通(交互性)·在網(wǎng)站上供給網(wǎng)站所有者的email地址和聯(lián)機(jī)表單,以便獲取用戶對(duì)網(wǎng)站的反饋看法?!す┙o網(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)當(dāng)把站點(diǎn)的內(nèi)容按種別分組(一般應(yīng)為7組左右)。·用戶找到所需內(nèi)容的點(diǎn)擊鏈接次數(shù)要盡可能少(一般不應(yīng)超過(guò)3次)?!?yīng)當(dāng)保證用戶點(diǎn)擊鏈接時(shí)不會(huì)呈現(xiàn)網(wǎng)頁(yè)不存在的情況?!?yīng)供給站點(diǎn)結(jié)構(gòu)圖以幫助用戶更快地找到所需的信息?!橛脩艄┙o反饋信息,告訴他目前在站點(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è)試,成果發(fā)明,新版本網(wǎng)站的可用性明顯地提高了。然而,網(wǎng)站可用性設(shè)計(jì)指南也存在其局限性,重要是很多指南過(guò)于原則性,缺乏實(shí)際的可把持性,具體的應(yīng)用后果在很大程度上依附網(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īng)用與以用戶為中心的設(shè)計(jì)方法相聯(lián)合,才干真正達(dá)到好的后果