這是一篇關(guān)于網(wǎng)站易用性的文章，作者以親身體會(huì )講述了43條網(wǎng)站設計中常犯的錯誤，而無(wú)疑這些錯誤會(huì )大大影響網(wǎng)站的可用性。如今網(wǎng)站易用性已成為一種趨勢，但縱觀(guān)國內的各大網(wǎng)站，似乎易用性并未成為設計者們廣泛理解的概念， 因此希望這篇文章對大家能有作用。

1. 用戶(hù)必須在幾秒鐘知道網(wǎng)站是做什么的。注意力是因特網(wǎng)上最有價(jià)值的貨幣。 如果訪(fǎng)問(wèn)者無(wú)法在幾秒鐘之內得知你的網(wǎng)站的方向，他很有可能轉而訪(fǎng)問(wèn)其他網(wǎng)站。 你必須迅速地告訴訪(fǎng)問(wèn)者為什么要在你的網(wǎng)站上花費時(shí)間。 

2. 讓網(wǎng)站易于速讀。因特網(wǎng)不是書(shū)，因此沒(méi)必要使用大段的文字。 也許我訪(fǎng)問(wèn)你的網(wǎng)站時(shí)我正在忙于其他工作，我不得不迅速讀完所有內容。 項目符號、標題、副標題、列表，這些都能幫助讀者迅速找到他想要的內容。 

3. 不要使用難于閱讀的花哨字體。當然，某些字體可以讓網(wǎng)站精彩紛呈。 不過(guò)它們容易閱讀嗎？如果你的主要目的是傳遞信息并讓讀者閱讀， 你應該讓閱讀過(guò)程舒服些。 

4. 不要用小字體。如上一條所述，你得讓讀者閱讀時(shí)感到舒服。 雖然我的Firefox有放大功能，但如果必須放大才能看清一個(gè)網(wǎng)站的話(huà)， 我就再也不會(huì )去訪(fǎng)問(wèn)它了。 

5. 不要打開(kāi)新瀏覽器窗口。我的第一個(gè)網(wǎng)站曾經(jīng)經(jīng)常這么做。 原因很簡(jiǎn)單，在新窗口中打開(kāi)外部鏈接，用戶(hù)就不必離開(kāi)我的網(wǎng)站。 錯！讓用戶(hù)決定如何打開(kāi)鏈接，否則瀏覽器上大大的后退按鈕就沒(méi)必要存在了。 不用擔心用戶(hù)離開(kāi)你的網(wǎng)站，在必要的時(shí)候他們會(huì )回來(lái)的。 

6. 不要改變用戶(hù)的瀏覽器窗口大小。用戶(hù)有權控制自己的瀏覽器。 如果你改變窗口大小，你會(huì )在他們面前失去信用。 

7. 不必要時(shí)不要讓用戶(hù)注冊。直白地講，我上網(wǎng)是為了獲取信息，不是為了別的。 不要強迫我注冊并留下我的電子郵件以及其他信息，除非特別必要（比如你 能提供的消息非常有價(jià)值）。 

8. 不要在未經(jīng)訪(fǎng)問(wèn)者同意的情況下為他們訂閱電子雜志。 不要在訪(fǎng)問(wèn)者注冊時(shí)自動(dòng)給他們訂閱電子雜志。 不請自來(lái)的郵件可不是個(gè)交朋友的好辦法。 

9. 不要過(guò)多使用Flash。Flash不僅會(huì )增加網(wǎng)站的讀取時(shí)間， 過(guò)度使用甚至會(huì )讓訪(fǎng)問(wèn)者感到不快。只有當靜態(tài)頁(yè)面無(wú)法表達你的意圖時(shí) 才使用Flash。 

10. 不要播放音樂(lè )。早些年Web開(kāi)發(fā)者都喜歡在網(wǎng)站中集成音樂(lè )，結果他們失敗了。 記住，永遠不要使用音樂(lè )。 

11. 當你必須使用聲音時(shí)，讓用戶(hù)啟動(dòng)它。有時(shí)你必須使用聲音文件， 比如你要給用戶(hù)發(fā)送一份演講，或者你的教程包含聲音。這沒(méi)問(wèn)題，但要讓用戶(hù)來(lái)控制， 讓用戶(hù)點(diǎn)擊“播放”按鈕，別在打開(kāi)網(wǎng)頁(yè)的瞬間播放聲音。 

12. 不要讓標志弄亂你的網(wǎng)站。社交網(wǎng)絡(luò )和社區的標志會(huì )讓你的網(wǎng)站看起來(lái)十分不專(zhuān)業(yè)。 就算是獎?wù)潞蜆s譽(yù)等標志也應當放到“關(guān)于我們”頁(yè)面上。 

13. 不要使用“點(diǎn)擊進(jìn)入”頁(yè)面。用戶(hù)訪(fǎng)問(wèn)到內容的步驟越少越好。 

14. 注意要留下聯(lián)系方式。最差的莫過(guò)于網(wǎng)站沒(méi)有留下聯(lián)系方式的了。 不僅對訪(fǎng)問(wèn)者不友好，而且對你也沒(méi)好處，你會(huì )錯過(guò)珍貴的反饋信息。 

15. 不要影響“后退”按鈕的動(dòng)作。這是網(wǎng)站可用性的最基本的理念。 在任何情況下都不能影響“后退”按鈕的動(dòng)作。比如，打開(kāi)新窗口會(huì )破壞它， 某些Javas cript鏈接也會(huì )破壞它。

16. 不要用閃爍的文字。除非你的訪(fǎng)問(wèn)者來(lái)自1996年，否則別用閃爍文字。 

17. 避免復雜的URL結構。一個(gè)簡(jiǎn)單的基于關(guān)鍵字的URL結構不僅能提高你的搜索引擎排名， 還能讓訪(fǎng)問(wèn)者在訪(fǎng)問(wèn)之前了解網(wǎng)頁(yè)內容。 

18. 用C布局，不要使用表格。HTML表格曾經(jīng)被用于頁(yè)面布局， 但沒(méi)有必要拘泥于此，尤其是在C誕生之后。C更快、更穩定， 并能提供更多的特性。 

19. 保證用戶(hù)可以搜索整個(gè)網(wǎng)站。搜索引擎帶來(lái)因特網(wǎng)革命的原因，就是 它使得信息查找變得十分容易。別在你的網(wǎng)站上唱反調。 

20. 避免使用下拉菜單。用戶(hù)應當直觀(guān)地看到所有導航選項。 下拉菜單會(huì )造成混亂，并且會(huì )隱藏訪(fǎng)問(wèn)者真正要找的信息。 

21. 使用文字做導航欄。文字導航不僅速度快，而且更穩定。 例如，有些用戶(hù)上網(wǎng)時(shí)會(huì )關(guān)閉圖片。 

22. 如果需要鏈接到PDF文檔，一定要注明。你一定有過(guò)點(diǎn)擊鏈接之后， 瀏覽器就像死掉一樣等待Acrobat Reader啟動(dòng)，只為了打開(kāi)一個(gè)（你不想看的）PDF？ 這是個(gè)不小的麻煩，因此一定要在指向PDF的鏈接旁特別說(shuō)明，使用戶(hù)可以采取相應措施。

23. 不要用多種版本讓訪(fǎng)問(wèn)者迷惑。你想用哪種帶寬？56K？128K？Flash版還是HTML版？ 嗨，我只想快點(diǎn)看到內容！ 

24. 不要在內容中混合廣告。在內容中混合廣告（如Adsee）也許會(huì )增加短期內的廣告點(diǎn)擊率， 但從長(cháng)遠角度來(lái)看，這會(huì )減少網(wǎng)站的人氣。憤怒的用戶(hù)會(huì )離開(kāi)的。 

25. 使用簡(jiǎn)單的導航結構。過(guò)猶不及。這個(gè)規則通常適用于人和選擇上。 確保你的網(wǎng)站的導航結構單純簡(jiǎn)潔。你不想讓用戶(hù)在查找信息時(shí)遇到麻煩吧？ 

26. 避免內容介紹。別強迫用戶(hù)在訪(fǎng)問(wèn)到真正內容之前看某些東西。 這很令人憤怒，除非你提供的信息是用戶(hù)必須的，否則他不會(huì )等下去。 

27. 不要使用FrontPage。這一點(diǎn)也適用于其他廉價(jià)的HTML編輯器。 它們讓頁(yè)面設計變得更方便，但其輸出結果將會(huì )非常低級，不兼容不同的瀏覽器， 并且會(huì )包含錯誤。 

28. 保證你的網(wǎng)站兼容大部分瀏覽器。瀏覽器并不完全相同，在解釋C和其他 語(yǔ)言的方法也相差甚遠。不管你是否愿意，你應當讓網(wǎng)站兼容市面上的常用瀏覽器， 否則你會(huì )永遠地失去部分讀者。 

29. 保證在鏈接上添加有意義的文字。以前我經(jīng)常犯這個(gè)錯誤。告訴人們“點(diǎn)擊這里”很容易， 但這沒(méi)有效果。要保證鏈接文字有意義。它使得訪(fǎng)問(wèn)者知道點(diǎn)擊鏈接之后將出現什么， 也能為鏈接指向的外部站點(diǎn)帶來(lái)SEO效果。 

30. 不要在狀態(tài)欄中隱藏鏈接。用戶(hù)還必須能在狀態(tài)欄中看到鏈接指向哪里。 如果你隱藏了鏈接（即使是由于其他原因），那么你也會(huì )喪失信譽(yù)。 

31. 使鏈接可見(jiàn)。訪(fǎng)問(wèn)者應能輕易識別出哪些能點(diǎn)擊，哪些不能。 確保鏈接的顏色有強烈的對比（標準的藍色通常是最好的）?？赡艿脑?huà)， 最好加上下劃線(xiàn)。 

32. 不要在普通文本上添加下劃線(xiàn)或者顏色。除非特別需要，否則不要為普通文字添加下劃線(xiàn)。 就像用戶(hù)需要識別哪些能點(diǎn)擊一樣，他們不應當將本不能點(diǎn)擊的文字誤認為能夠點(diǎn)擊。 

33. 改變訪(fǎng)問(wèn)過(guò)的鏈接的顏色。這一點(diǎn)對于提高網(wǎng)站可用性非常重要。 改變訪(fǎng)問(wèn)過(guò)的鏈接顏色有助于用戶(hù)在網(wǎng)站中定位，確保他們不會(huì )不經(jīng)意地 訪(fǎng)問(wèn)同一頁(yè)面兩次。 

34. 不要使用動(dòng)態(tài)GIF。除非你有需要動(dòng)畫(huà)的廣告條，否則避免使用動(dòng)態(tài)GIF。 它會(huì )使網(wǎng)站看上去很業(yè)余，并且會(huì )分散訪(fǎng)問(wèn)者的注意力。 

35. 給圖像添加ALT和TITLE屬性。ALT和TITLE不僅會(huì )帶來(lái)SEO效果，而且 對盲人有很大幫助。 

36. 不要用令人不快的顏色。如果用戶(hù)連續閱讀10分鐘后覺(jué)得頭疼， 那么你最好選擇別的配色方案。根據你的目的決定設計（例如，創(chuàng )造一種氛圍 使得用戶(hù)將注意力放在網(wǎng)站內容上，等等）。 

37. 不要彈出窗口。這一點(diǎn)涉及任何種類(lèi)的彈出窗口。即使用戶(hù)要求使用， 彈出窗口也不宜使用，因為它會(huì )被彈出窗口攔截功能阻攔。 

38. 不要使用Javas cript做鏈接。遠離那些點(diǎn)擊之后執行一小段Javas cript的鏈接， 它們經(jīng)常給用戶(hù)帶來(lái)麻煩。 

39. 在頁(yè)面底部放置有意義的鏈接。訪(fǎng)問(wèn)者在找不到所需信息時(shí)通常會(huì )滾動(dòng)到頁(yè)面最底端。 作為最后的手段，你應當在頁(yè)面底部放一個(gè)“聯(lián)系我們”頁(yè)面的鏈接。 

40. 避免網(wǎng)頁(yè)過(guò)長(cháng)。如果用戶(hù)老是需要滾動(dòng)才能看到內容，他通常會(huì )采取的做法是 跳過(guò)它們。如果你的網(wǎng)站正好如此，那么應當縮短內容并優(yōu)化導航結構。 

41. 禁止使用水平滾動(dòng)條。雖然垂直滾動(dòng)條可以接受，但水平滾動(dòng)條卻遠非如此。 現在的流行分辨率是1024×768，要確保網(wǎng)站能容納在其中。

42. 禁止出現拼寫(xiě)或語(yǔ)法錯誤。這不是網(wǎng)站設計的錯，但卻是影響網(wǎng)站整體質(zhì)量的重要因素。 確保鏈接和文字中沒(méi)有拼寫(xiě)或語(yǔ)法錯誤。 

43. 如果你使用圖片認證，要保證能看清其字符。有些網(wǎng)站將圖片認證作為對抗垃圾評論的方法， 或是在注冊表單上使用。其中有個(gè)問(wèn)題就是，用戶(hù)經(jīng)常需要叫上全家人來(lái)討論圖片上到底是什么字母。