網站易用性已成為網站建設趨勢

這是一篇關於網站易用性的文章，資深崑山網站建設公司通路網路以多年網站建設服務經驗講述了43條網站設計中常犯的錯誤，而無疑這些錯誤會大大影響網站的可用性。如今網站易用性已成為一種趨勢，但縱觀國內的各大網站，似乎易用性並未成為設計者們廣泛理解的概念， 因此希望這篇文章對大家能有作用。

1. 使用者必須在幾秒鐘知道網站是做什麼的。注意力是因特網上最有價值的貨幣。 如果訪問者無法在幾秒鐘之內得知你的網站的方向，他很有可能轉而訪問其他網站。 你必須迅速地告訴訪問者為什麼要在你的網站上花費時間。

2. 讓網站易於速讀。因特網不是書，因此沒必要使用大段的文字。 也許我訪問你的網站時我正在忙於其他工作，我不得不迅速讀完所有內容。 專案符號、標題、副標題、列表，這些都能幫助讀者迅速找到他想要的內容。

3. 不要使用難於閱讀的花哨字型。當然，某些字型可以讓網站精彩紛呈。 不過它們容易閱讀嗎？如果你的主要目的是傳遞資訊並讓讀者閱讀， 你應該讓閱讀過程舒服些。

4. 不要用小字型。如上一條所述，你得讓讀者閱讀時感到舒服。 雖然我的Firefox有放大功能，但如果必須放大才能看清一個網站的話， 我就再也不會去訪問它了。

5. 不要開啟新瀏覽器視窗。我的第一個網站曾經經常這麼做。 原因很簡單，在新視窗中開啟外部連結，使用者就不必離開我的網站。 錯！讓使用者決定如何開啟連結，否則瀏覽器上大大的後退按鈕就沒必要存在了。 不用擔心使用者離開你的網站，在必要的時候他們會回來的。

6. 不要改變使用者的瀏覽器視窗大小。使用者有權控制自己的瀏覽器。 如果你改變視窗大小，你會在他們面前失去信用。

7. 不必要時不要讓使用者註冊。直白地講，我上網是為了獲取資訊，不是為了別的。 不要強迫我註冊並留下我的電子郵件以及其他資訊，除非特別必要（比如你 能提供的訊息非常有價值）。

8. 不要在未經訪問者同意的情況下為他們訂閱電子雜誌。 不要在訪問者註冊時自動給他們訂閱電子雜誌。 不請自來的郵件可不是個交朋友的好辦法。

9. 不要過多使用Flash。Flash不僅會增加網站的讀取時間， 過度使用甚至會讓訪問者感到不快。只有當靜態頁面無法表達你的意圖時 才使用Flash。

10. 不要播放音樂。早些年Web開發者都喜歡在網站中整合音樂，結果他們失敗了。 記住，永遠不要使用音樂。

11. 當你必須使用聲音時，讓使用者啟動它。有時你必須使用聲音檔案， 比如你要給使用者傳送一份演講，或者你的教程包含聲音。這沒問題，但要讓使用者來控制， 讓使用者點選“播放”按鈕，別在開啟網頁的瞬間播放聲音。

12. 不要讓標誌弄亂你的網站。社交網路和社群的標誌會讓你的網站看起來十分不專業。 就算是獎章和榮譽等標誌也應當放到“關於我們”頁面上。

13. 不要使用“點選進入”頁面。使用者訪問到內容的步驟越少越好。

14. 注意要留下聯絡方式。最差的莫過於網站沒有留下聯絡方式的了。 不僅對訪問者不友好，而且對你也沒好處，你會錯過珍貴的反饋資訊。

15. 不要影響“後退”按鈕的動作。這是網站可用性的最基本的理念。 在任何情況下都不能影響“後退”按鈕的動作。比如，開啟新視窗會破壞它， 某些java連結也會破壞它。

16. 不要用閃爍的文字。除非你的訪問者來自1996年，否則別用閃爍文字。

17. 避免複雜的URL結構。一個簡單的基於關鍵字的URL結構不僅能提高你的搜尋引擎排名， 還能讓訪問者在訪問之前瞭解網頁內容。

18. 用CSS佈局，不要使用表格。HTML表格曾經被用於頁面佈局， 但沒有必要拘泥於此，尤其是在CSS誕生之後。CSS更快、更穩定， 並能提供更多的特性。

19. 保證使用者可以搜尋整個網站。搜尋引擎帶來因特網革命的原因，就是它使得資訊查詢變得十分容易。別在你的網站上唱反調。

20. 避免使用下拉選單。使用者應當直觀地看到所有導航選項。 下拉選單會造成混亂，並且會隱藏訪問者真正要找的資訊。

21. 使用文字做導航欄。文字導航不僅速度快，而且更穩定。 例如，有些使用者上網時會關閉圖片。

22. 如果需要連結到PDF文件，一定要註明。你一定有過點選連結之後， 瀏覽器就像死掉一樣等待Acrobat Reader啟動，只為了開啟一個（你不想看的）PDF？ 這是個不小的麻煩，因此一定要在指向PDF的連結旁特別說明，使使用者可以採取相應措施。

23. 不要用多種版本讓訪問者迷惑。你想用哪種頻寬？56Kbps？128Kbps？Flash版還是HTML版？ 嗨，我只想快點看到內容！

24. 不要在內容中混合廣告。在內容中混合廣告（如Adsense）也許會增加短期內的廣告點選率， 但從長遠角度來看，這會減少網站的人氣。憤怒的使用者會離開的。

25. 使用簡單的導航結構。過猶不及。這個規則通常適用於人和選擇上。 確保你的網站的導航結構單純簡潔。你不想讓使用者在查詢資訊時遇到麻煩吧？

26. 避免內容介紹。彆強迫使用者在訪問到真正內容之前看某些東西。 這很令人憤怒，除非你提供的資訊是使用者必須的，否則他不會等下去。

27. 不要使用FrontPage。這一點也適用於其他廉價的HTML編輯器。 它們讓頁面設計變得更方便，但其輸出結果將會非常低階，不相容不同的瀏覽器， 並且會包含錯誤。

28. 保證你的網站相容大部分瀏覽器。瀏覽器並不完全相同，在解釋CSS和其他 語言的方法也相差甚遠。不管你是否願意，你應當讓網站相容市面上的常用瀏覽器， 否則你會永遠地失去部分讀者。

29. 保證在連結上新增有意義的文字。以前我經常犯這個錯誤。告訴人們“點選這裡”很容易， 但這沒有效果。要保證連結文字有意義。它使得訪問者知道點選連結之後將出現什麼， 也能為連結指向的外部站點帶來SEO效果。

30. 不要在狀態列中隱藏連結。使用者還必須能在狀態列中看到連結指向哪裡。 如果你隱藏了連結（即使是由於其他原因），那麼你也會喪失信譽。

31. 使連結可見。訪問者應能輕易識別出哪些能點選，哪些不能。 確保連結的顏色有強烈的對比（標準的藍色通常是最好的）。可能的話， 最好加上下劃線。

32. 不要在普通文字上新增下劃線或者顏色。除非特別需要，否則不要為普通文字新增下劃線。 就像使用者需要識別哪些能點選一樣，他們不應當將本不能點選的文字誤認為能夠點選。

33. 改變訪問過的連結的顏色。這一點對於提高網站可用性非常重要。 改變訪問過的連結顏色有助於使用者在網站中定位，確保他們不會不經意地 訪問同一頁面兩次。

34. 不要使用動態GIF。除非你有需要動畫的廣告條，否則避免使用動態GIF。 它會使網站看上去很業餘，並且會分散訪問者的注意力。

35. 給影象新增ALT和TITLE屬性。ALT和TITLE不僅會帶來SEO效果，而且 對盲人有很大幫助。

36. 不要用令人不快的顏色。如果使用者連續閱讀10分鐘後覺得頭疼， 那麼你最好選擇別的配色方案。根據你的目的決定設計（例如，創造一種氛圍 使得使用者將注意力放在網站內容上，等等）。

37. 不要彈出視窗。這一點涉及任何種類的彈出視窗。即使使用者要求使用， 彈出視窗也不宜使用，因為它會被彈出視窗攔截功能阻攔。

38. 不要使用java做連結。遠離那些點選之後執行一小段java的連結， 它們經常給使用者帶來麻煩。

39. 在頁面底部放置有意義的連結。訪問者在找不到所需資訊時通常會滾動到頁面最底端。 作為最後的手段，你應當在頁面底部放一個“聯絡我們”頁面的連結。

40. 避免網頁過長。如果使用者老是需要滾動才能看到內容，他通常會採取的做法是 跳過它們。如果你的網站正好如此，那麼應當縮短內容並最佳化導航結構。

41. 禁止使用水平捲軸。雖然垂直捲軸可以接受，但水平捲軸卻遠非如此。 現在的流行解析度是1024×768，要確保網站能容納在其中。

42. 禁止出現拼寫或語法錯誤。這不是網站設計的錯，但卻是影響網站整體品質的重要因素。 確保連結和文字中沒有拼寫或語法錯誤。

43. 如果你使用圖片認證，要保證能看清其字元。有些網站將圖片認證作為對抗垃圾評論的方法， 或是在登錄檔單上使用。其中有個問題就是，使用者經常需要叫上全家人來討論圖片上到底是什麼字母。