企業(yè)網(wǎng)站建設(shè)的易用性技術(shù)細節(jié)(上)

　　完美的內(nèi)容是用來使用的，不管您的內(nèi)容多么精彩，如果它們很難訪問，用戶照樣會離開，易用性不僅僅牽扯到技術(shù)，更多的是良好的Web 創(chuàng)作習(xí)慣以及易用性。以下就介紹34條實用的網(wǎng)站建設(shè)規(guī)則，希望能對建站朋友們有用。

　　1、只使用成熟，簡單，兼容的技術(shù)

　　Web 技術(shù)一直在發(fā)展，因為 Http 協(xié)議最初只是為了表現(xiàn)簡單的超文本，當(dāng)人們賦予 Web 越來越多的使命的時候，Web 的局限性就表現(xiàn)出來了，為了解決這些問題，人們在 Web 上面附加了很多新技術(shù)以增強 Web 的表現(xiàn)能力，Cookie, Javscript, DHTML, ActiveX, Applet, CSS 一直到現(xiàn)在炙手可熱的 AJAX 技術(shù)，然而這些新技術(shù)很快帶來了兼容性問題，因為 Web 內(nèi)容要靠瀏覽器解釋，不同的瀏覽器加不同的安全配置，導(dǎo)致這些新技術(shù)并不能被如期地渲染出來。

　　2、Cookie, Javascript, CSS

　　如果您希望您的企業(yè)網(wǎng)站能在絕大多數(shù)環(huán)境下被無障礙的訪問，請謹慎使用除此之外的技術(shù)，這里我們需要特別說一下 AJAX 和 Flash，它們也被很多人認可，而且 AJAX 事實上是基于 Javascript 的，然而，AJAX 同時要使用在某些瀏覽器安全配置下容易被禁用的 XMLHTTPRequest 對象，事實上，我的 IE 瀏覽器的安全配置就禁用 XMLHTTPRequest ，所以，除非加入到可信任站點，否則我連 Google Map 都無法順暢訪問。Flash 是一種偉大技術(shù)，在線廣告幾乎是它最完美的使命，作為易用性規(guī)則，我們不排斥以 Flash 技術(shù)提供廣告，但 Flash 絕對不可以用在站點導(dǎo)航等站點基礎(chǔ)結(jié)構(gòu)中。

　　3、不使用任何網(wǎng)頁特效

　　雖然網(wǎng)頁特效并不一定涉及不兼容技術(shù)，但網(wǎng)頁特效對絕大多數(shù)人來說是非常厭煩的，企業(yè)網(wǎng)站絕對不應(yīng)該使用那些僅僅為了好玩的網(wǎng)頁特效，除非您還生活在90年代(現(xiàn)在已經(jīng)是2007年)，或者您只有14歲。最令人厭煩的網(wǎng)頁特效包括，要求設(shè)為主頁，接連彈出的窗口，全屏窗口，改變鼠標光標，在狀態(tài)條上滾動的廢話，頁面內(nèi)容禁選，禁止查看源代碼，閃爍的文字，離開時的彈窗，顏色古怪的窗口滾動條，聲音背景。

　　需要記住一條，訪問者永遠都不會因為您使用了一種自認為很 Cool 的特效而覺得您了不起。

　　4、清晰，統(tǒng)一的導(dǎo)航

　　用戶在您的企業(yè)網(wǎng)站找到有用內(nèi)容的唯一途徑是通過站點的導(dǎo)航系統(tǒng)，您需要花大力氣來組織您的內(nèi)容，保證讓用戶以最快的速度找到它們。導(dǎo)航系統(tǒng)必須清晰，他們應(yīng)該和站點的其它內(nèi)容用不同的顏色搭配以便在網(wǎng)頁上突出出來，同時，每個頁的導(dǎo)航系統(tǒng)應(yīng)該完全一致，從一個頁面進入另一個頁面看到完全陌生的導(dǎo)航系統(tǒng)是非常令人沮喪的。

　　5、導(dǎo)航深度不超過三級

　　雖然很多人覺得這太絕對，事實上，用戶需要點三次才能找到自己想要的內(nèi)容仍然太多，那種一級一級下潛的導(dǎo)航菜單是令人生畏的，很多人會產(chǎn)生進去以后便找不到路回來的恐懼，如果您能夠很好地組織自己的內(nèi)容，結(jié)合分頁機制，Tag機制，對絕大多數(shù)網(wǎng)站，三級導(dǎo)航深度已經(jīng)足夠使用了。

　　6、導(dǎo)航鏈接中必須包含文字

　　為了美觀，許多人喜歡圖片按紐式的導(dǎo)航鏈接，如果您堅持這樣做，也無可厚非，但一定在圖片上同時加上文字，讓文字體現(xiàn)該鏈接的含義，因為除了設(shè)計者，外人往往很難猜測您的圖片按紐的含義，文字是最直接，最精確的。

　　7、必須有純文本版本的站點地圖

　　當(dāng)用戶在您的令人眼花繚亂的站點導(dǎo)航中徹底迷失的時候，純文字版的，簡單直接的站點地圖還可以救急，站點地圖可以幫助用戶快速找到他們想要的內(nèi)容，這是對導(dǎo)航系統(tǒng)的補充，甚至對有些站點來說，比導(dǎo)航系統(tǒng)更有效。另外，純文本版的站點地圖非常容易被搜索引擎抓取并以此遍歷您的整個站點。

　　8、必須有面包屑導(dǎo)航條

　　面包屑導(dǎo)航(Breadcrumb Navigation)這個概念來自童話故事"漢澤爾和格雷特爾"，當(dāng)漢澤爾和格雷特爾穿過森林時，他們在沿途走過的地方都撒下了面包屑，讓這些面包屑來幫助他們找到回家的路，所以，面包屑導(dǎo)航的作用是告訴訪問者他們目前在網(wǎng)站中的位置以及如何返回。

　　9、每頁都有自己的標題

　　許多企業(yè)網(wǎng)站的所有頁的標題都是企業(yè)的名字或者一句口號，這會讓用戶不知道他們訪問的當(dāng)前頁是說什么的，每頁都應(yīng)有一個和本頁內(nèi)容匹配的標題，這樣，即使用戶打開了很多窗口，仍然可以通過標題知道哪一頁是說什么的。從 SEO 的角度看，在標題中使用本頁內(nèi)容中某些關(guān)鍵詞是非常好的習(xí)慣，而且，當(dāng)您的頁面出現(xiàn)在搜索引擎的搜索結(jié)果中時，您的頁面標題應(yīng)當(dāng)明確地告訴搜索者他們搜到的頁面是關(guān)于什么的。

　　10、任何頁都有一個鏈接指向首頁

　　人們進入一個陌生的地方，當(dāng)感到迷失或不安的時候，會立刻想到返回入口位置，訪問者進入您的網(wǎng)站也是這樣，每頁都有一個指向首頁的鏈接可以幫助用戶在感到迷失的時候，迅速返回入口重新開始。

　　11、網(wǎng)站的 Logo 指向首頁

　　這一條似乎沒有什么道理，但幾乎所有望站都遵守這樣的約定，當(dāng)很多人都這樣約定的時候，您沒有理由例外。

　　12、對于連貫性內(nèi)容(sequential content)，應(yīng)提供向?qū)�式�?dǎo)航

　　比如說，您在網(wǎng)站上發(fā)表很長的系列文章，您應(yīng)該將文章分成多個章節(jié)，用戶看完這一章以后，下面應(yīng)該有兩個鏈接，分別指向上一章和下一章，這樣，用戶不必滾動回頁面上方訪問導(dǎo)航系統(tǒng)，他/她可以直接點這兩個鏈接在文章中前進或后退，這樣不僅節(jié)省用戶的時候，還可以帶來連貫閱讀的快感。

　　13、全文搜索

　　如果用戶不愿一頁一頁地翻看您的網(wǎng)站，您應(yīng)當(dāng)提供全文搜索功能，雖然您的搜索功能比起專業(yè)的搜索引擎還差很多，但可以幫助您的用戶快速找到他們感興趣的內(nèi)容，不要使用 Google 等商業(yè)引擎的搜索代碼進行搜索，與其那樣還不如讓用戶直接到 Google 中去搜索，您應(yīng)當(dāng)提供一個本地搜索功能，不需要象 Google 那樣強大，因為您不需要支撐那么大的用戶量，也不需要搜索那么龐大的海量信息，您網(wǎng)站的本地搜索功能對用戶來說，可能比 Google 更有幫助。

　　14、不使用歡迎頁

　　當(dāng) Flash 如火如荼的時候，設(shè)置一個歡迎頁，向用戶播放一段精美的動畫是很多企業(yè)網(wǎng)站的追求的模式，然而這種想法實在糟糕，很多人沒有耐心等待那段漫長的動畫下載完畢便離開了，您能想象去超市買東西前，需要先在門口看一段歡迎影片才能進去嗎?您應(yīng)當(dāng)讓用戶直接進來，一進來就看到實質(zhì)的內(nèi)容，不要用您的浪漫想法浪費用戶的時間，而且，由于搜索引擎也要首先經(jīng)過這個歡迎頁面才能深入到網(wǎng)站內(nèi)部，一個讓搜索引擎無法解讀的 Flash 動畫會讓搜索引擎認為您的網(wǎng)站上什么東西都沒有。

　　15、任何圖片必須設(shè)置 ALT 和 TITLE 屬性

　　在您的圖片完全下載之前，瀏覽器無法把它們顯示出來，或者，某些瀏覽器可能關(guān)閉了圖片顯示，或者您的圖片資源可能丟失了，這個時候，ALT 或 TITLE 屬性會讓瀏覽器將圖片的描述性文字顯示在圖片的位置，讓用戶至少知道那個位置準備將要顯示的是什么。這個屬性也幫助搜索引擎更好地理解您的圖片。

　　如果圖片要以縮略圖形式顯示，使用真正的降低了尺寸的縮略圖，不要只是改變圖片的寬度和高度屬性。這可以顯著降低頁面尺寸。