完美的內(nèi)容是用來(lái)使用的,不管您的內(nèi)容多么精彩,如果它們很難訪問(wèn),用戶照樣會(huì)離開(kāi),易用性不僅僅牽扯到技術(shù),更多的是良好的Web 創(chuàng)作習(xí)慣以及易用性。以下就介紹34條實(shí)用的網(wǎng)站建設(shè)規(guī)則,希望能對(duì)建站朋友們有用。
1、只使用成熟、簡(jiǎn)單、兼容的技術(shù)
Web 技術(shù)一直在發(fā)展,因?yàn)?Http 協(xié)議最初只是為了表現(xiàn)簡(jiǎn)單的超文本,當(dāng)人們賦予 Web 越來(lái)越多的使命的時(shí)候,Web 的局限性就表現(xiàn)出來(lái)了,為了解決這些問(wèn)題,人們?cè)?Web 上面附加了很多新技術(shù)以增強(qiáng) Web 的表現(xiàn)能力,Cookie, Javscript, DHTML, ActiveX, Applet, CSS 一直到現(xiàn)在炙手可熱的 AJAX 技術(shù),然而這些新技術(shù)很快帶來(lái)了兼容性問(wèn)題,因?yàn)?Web 內(nèi)容要靠瀏覽器解釋,不同的瀏覽器加不同的安全配置,導(dǎo)致這些新技術(shù)并不能被如期地渲染出來(lái)。
2、Cookie, Javascript, CSS
如果您希望您的企業(yè)網(wǎng)站能在絕大多數(shù)環(huán)境下被無(wú)障礙的訪問(wèn),請(qǐng)謹(jǐn)慎使用除此之外的技術(shù),這里我們需要特別說(shuō)一下 AJAX 和 Flash,它們也被很多人認(rèn)可,而且 AJAX 事實(shí)上是基于 Javascript 的,然而,AJAX 同時(shí)要使用在某些瀏覽器安全配置下容易被禁用的 XMLHTTPRequest 對(duì)象,事實(shí)上,我的 IE 瀏覽器的安全配置就禁用 XMLHTTPRequest ,所以,除非加入到可信任站點(diǎn),否則我連 Google Map 都無(wú)法順暢訪問(wèn)。Flash 是一種偉大技術(shù),在線廣告幾乎是它最完美的使命,作為易用性規(guī)則,我們不排斥以 Flash 技術(shù)提供廣告,但 Flash 絕對(duì)不可以用在
站點(diǎn)導(dǎo)航等站點(diǎn)基礎(chǔ)結(jié)構(gòu)中。
3、不使用任何網(wǎng)頁(yè)特效
雖然網(wǎng)頁(yè)特效并不一定涉及不兼容技術(shù),但網(wǎng)頁(yè)特效對(duì)絕大多數(shù)人來(lái)說(shuō)是非常厭煩的,企業(yè)網(wǎng)站絕對(duì)不應(yīng)該使用那些僅僅為了好玩的網(wǎng)頁(yè)特效,除非您還生活在90年代(現(xiàn)在已經(jīng)是2007年),或者您只有14歲。最令人厭煩的網(wǎng)頁(yè)特效包括,要求設(shè)為主頁(yè),接連彈出的窗口,全屏窗口,改變鼠標(biāo)光標(biāo),在狀態(tài)條上滾動(dòng)的廢話,頁(yè)面內(nèi)容禁選,禁止查看源代碼,閃爍的文字,離開(kāi)時(shí)的彈窗,顏色古怪的窗口滾動(dòng)條,聲音背景。
需要記住一條,
訪問(wèn)者永遠(yuǎn)都不會(huì)因?yàn)槟褂昧艘环N自認(rèn)為很 Cool 的特效而覺(jué)得您了不起。
4、清晰,統(tǒng)一的導(dǎo)航
用戶在您的企業(yè)網(wǎng)站找到有用內(nèi)容的唯一途徑是通過(guò)站點(diǎn)的導(dǎo)航系統(tǒng),您需要花大力氣來(lái)組織您的內(nèi)容,保證讓用戶以最快的速度找到它們。導(dǎo)航系統(tǒng)必須清晰,他們應(yīng)該和站點(diǎn)的其它內(nèi)容用不同的顏色搭配以便在網(wǎng)頁(yè)上突出出來(lái),同時(shí),每個(gè)頁(yè)的導(dǎo)航系統(tǒng)應(yīng)該完全一致,從一個(gè)頁(yè)面進(jìn)入另一個(gè)頁(yè)面看到完全陌生的導(dǎo)航系統(tǒng)是非常令人沮喪的。
5、導(dǎo)航深度不超過(guò)三級(jí)
雖然很多人覺(jué)得這太絕對(duì),事實(shí)上,用戶需要點(diǎn)三次才能找到自己想要的內(nèi)容仍然太多,那種一級(jí)一級(jí)下潛的導(dǎo)航菜單是令人生畏的,很多人會(huì)產(chǎn)生進(jìn)去以后便找不到路回來(lái)的恐懼,如果您能夠很好地組織自己的內(nèi)容,結(jié)合分頁(yè)機(jī)制,Tag機(jī)制,對(duì)絕大多數(shù)網(wǎng)站,三級(jí)導(dǎo)航深度已經(jīng)足夠使用了。
6、導(dǎo)航鏈接中必須包含文字
為了美觀,許多人喜歡圖片按紐式的導(dǎo)航鏈接,如果您堅(jiān)持這樣做,也無(wú)可厚非,但一定在圖片上同時(shí)加上文字,讓文字體現(xiàn)該鏈接的含義,因?yàn)槌嗽O(shè)計(jì)者,外人往往很難猜測(cè)您的圖片按紐的含義,文字是最直接,最精確的。
7、必須有純文本版本的站點(diǎn)地圖
當(dāng)用戶在您的令人眼花繚亂的站點(diǎn)導(dǎo)航中徹底迷失的時(shí)候,純文字版的,簡(jiǎn)單直接的站點(diǎn)地圖還可以救急,站點(diǎn)地圖可以幫助用戶快速找到他們想要的內(nèi)容,這是對(duì)導(dǎo)航系統(tǒng)的補(bǔ)充,甚至對(duì)有些站點(diǎn)來(lái)說(shuō),比導(dǎo)航系統(tǒng)更有效。另外,純文本版的站點(diǎn)地圖非常容易被搜索引擎抓取并以此遍歷您的整個(gè)站點(diǎn)。
8、必須有面包屑導(dǎo)航條
面包屑導(dǎo)航(Breadcrumb Navigation)這個(gè)概念來(lái)自童話故事"漢澤爾和格雷特爾",當(dāng)漢澤爾和格雷特爾穿過(guò)森林時(shí),他們?cè)谘赝咀哌^(guò)的地方都撒下了面包屑,讓這些面包屑來(lái)幫助他們找到回家的路,所以,面包屑導(dǎo)航的作用是告訴訪問(wèn)者他們目前在網(wǎng)站中的位置以及如何返回。
9、每頁(yè)都有自己的標(biāo)題
許多企業(yè)網(wǎng)站的所有頁(yè)的標(biāo)題都是企業(yè)的名字或者一句口號(hào),這會(huì)讓用戶不知道他們?cè)L問(wèn)的當(dāng)前頁(yè)是說(shuō)什么的,每頁(yè)都應(yīng)有一個(gè)和本頁(yè)內(nèi)容匹配的標(biāo)題,這樣,即使用戶打開(kāi)了很多窗口,仍然可以通過(guò)標(biāo)題知道哪一頁(yè)是說(shuō)什么的。從 SEO 的角度看,在標(biāo)題中使用本頁(yè)內(nèi)容中某些關(guān)鍵詞是非常好的習(xí)慣,而且,當(dāng)您的頁(yè)面出現(xiàn)在搜索引擎的搜索結(jié)果中時(shí),您的頁(yè)面標(biāo)題應(yīng)當(dāng)明確地告訴搜索者他們搜到的頁(yè)面是關(guān)于什么的。
10、任何頁(yè)都有一個(gè)鏈接指向
首頁(yè)
人們進(jìn)入一個(gè)陌生的地方,當(dāng)感到迷失或不安的時(shí)候,會(huì)立刻想到返回入口位置,訪問(wèn)者進(jìn)入您的網(wǎng)站也是這樣,每頁(yè)都有一個(gè)指向首頁(yè)的鏈接可以幫助用戶在感到迷失的時(shí)候,迅速返回入口重新開(kāi)始。
11、網(wǎng)站同時(shí)不要忘了在網(wǎng)頁(yè)的下部進(jìn)行一些內(nèi)部和
外部的鏈接,這樣可以使用戶很方便的進(jìn)行相關(guān)企業(yè)的瀏覽,這樣可以增加網(wǎng)站的知名度。同時(shí),也可以使網(wǎng)站更加的完善,內(nèi)容更加的豐富。