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