網(wǎng)站易用性 43條網(wǎng)頁規(guī)劃中常犯的過錯總結

這是一篇關于網(wǎng)站易用性的文章，作者以親自領會講述了43條網(wǎng)站規(guī)劃中常犯的過錯，而無疑這些過錯會大大影響網(wǎng)站的可用性。如今網(wǎng)站易用性已成為一種趨勢，但縱觀國內(nèi)的各大網(wǎng)站，似乎易用性并未成為規(guī)劃者們廣泛了解的概念， 因此希望這篇文章對咱們能有作用。

1. 用戶有必要在幾秒鐘知道網(wǎng)站是做什么的。留意力是因特網(wǎng)上最有價值的貨幣。 假如拜訪者無法在幾秒鐘之內(nèi)得知你的網(wǎng)站的方向，他很有或許轉而拜訪其他網(wǎng)站。 你有必要迅速地告訴拜訪者為什么要在你的網(wǎng)站上花費時間。

2. 讓網(wǎng)站易于速讀。因特網(wǎng)不是書，因此沒必要運用大段的文字。 或許我拜訪你的網(wǎng)站時我正在忙于其他工作，我不得不迅速讀完一切內(nèi)容。 項目符號、標題、副標題、列表，這些都能協(xié)助讀者迅速找到他想要的內(nèi)容。

3. 不要運用難于閱覽的花哨字體。當然，某些字體能夠讓網(wǎng)站精彩紛呈。 不過它們簡略閱覽嗎？假如你的主要意圖是傳遞信息并讓讀者閱覽， 你應該讓閱覽過程舒服些。

4. 不要用小字體。如上一條所述，你得讓讀者閱覽時感到舒服。 盡管我的Firefox有放大功用，但假如有必要放大才干看清一個網(wǎng)站的話， 我就再也不會去拜訪它了。

5. 不要翻開新瀏覽器窗口。我的第一個網(wǎng)站曾常常常這么做。 原因很簡略，在新窗口中翻開外部鏈接，用戶就不必脫離我的網(wǎng)站。 錯！讓用戶決定如何翻開鏈接，不然瀏覽器上大大的撤退按鈕就沒必要存在了。 不必擔心用戶脫離你的網(wǎng)站，在必要的時候他們會回來的。

6. 不要改動用戶的瀏覽器窗口巨細。用戶有權操控自己的瀏覽器。假如你改動窗口巨細，你會在他們面前失掉信譽。

7. 不必要時不要讓用戶注冊。直白地講，我上網(wǎng)是為了獲取信息，不是為了其他。不要逼迫我注冊并留下我的電子郵件以及其他信息，除非特別必要（比方你 能供給的消息十分有價值）。

8. 不要在未經(jīng)拜訪者同意的狀況下為他們訂閱電子雜志。不要在拜訪者注冊時主動給他們訂閱電子雜志。 不速之客的郵件可不是個交朋友的好辦法。

9. 不要過多運用Flash。Flash不只會增加網(wǎng)站的讀取時間，過度運用甚至會讓拜訪者感到不快。只有當靜態(tài)頁面無法表達你的意圖時 才運用Flash。

10. 不要播放音樂。早些年Web開發(fā)者都喜歡在網(wǎng)站中集成音樂，成果他們失利了。記住，永久不要運用音樂。

11. 當你有必要運用聲音時，讓用戶發(fā)動它。有時你有必要運用聲音文件，比方你要給用戶發(fā)送一份講演，或許你的教程包括聲音。這沒問題，但要讓用戶來操控， 讓用戶點擊“播放”按鈕，別在翻開網(wǎng)頁的瞬間播放聲音。

12. 不要讓標志弄亂你的網(wǎng)站。交際網(wǎng)絡和社區(qū)的標志會讓你的網(wǎng)站看起來十分不專業(yè)。就算是獎章和榮譽等標志也應當放到“關于咱們”頁面上。

13. 不要運用“點擊進入”頁面。用戶拜訪到內(nèi)容的過程越少越好。

14. 留意要留下聯(lián)系方式。最差的莫過于網(wǎng)站沒有留下聯(lián)系方式的了。不只對拜訪者不友好，并且對你也沒優(yōu)點，你會錯過珍貴的反應信息。

15. 不要影響“撤退”按鈕的動作。這是網(wǎng)站可用性的最基本的理念。 在任何狀況下都不能影響“撤退”按鈕的動作。比方，翻開新窗口會破壞它， 某些Javascript鏈接也會破壞它。

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

17. 防止雜亂的URL結構。一個簡略的基于關鍵字的URL結構不只能提高你的查找引擎排名， 還能讓拜訪者在拜訪之前了解網(wǎng)頁內(nèi)容。

18. 用CSS布局，不要運用表格。HTML表格曾經(jīng)被用于頁面布局， 但沒有必要拘泥于此，尤其是在CSS誕生之后。CSS更快、更穩(wěn)定， 并能供給更多的特性。

19. 保證用戶能夠查找整個網(wǎng)站。查找引擎帶來因特網(wǎng)革命的原因，就是 它使得信息查找變得十分簡略。別在你的網(wǎng)站上唱反調。

20. 防止運用下拉菜單。用戶應當直觀地看到一切導航選項。 下拉菜單會形成紊亂，并且會躲藏拜訪者真實要找的信息。

21. 運用文字做導航欄。文字導航不只速度快，并且更穩(wěn)定。 例如，有些用戶上網(wǎng)時會關閉圖片。

22. 假如需求鏈接到PDF文檔，必定要注明。你必定有過點擊鏈接之后， 瀏覽器就像死掉相同等待Acrobat Reader發(fā)動，只為了翻開一個（你不想看的）PDF？ 這是個不小的費事，因此必定要在指向PDF的鏈接旁特別說明，運用戶能夠采納相應措施。

23. 不要用多種版本讓拜訪者利誘。你想用哪種帶寬？56Kbps？128Kbps？Flash版仍是HTML版？ 嗨，我只想快點看到內(nèi)容！

24. 不要在內(nèi)容中混合廣告。在內(nèi)容中混合廣告（如Adsense）或許會增加短期內(nèi)的廣告點擊率， 但從久遠角度來看，這會減少網(wǎng)站的人氣。憤恨的用戶會脫離的。

25. 運用簡略的導航結構。過為己甚。這個規(guī)則通常適用于人和選擇上。 保證你的網(wǎng)站的導航結構單純簡潔。你不想讓用戶在查找信息時遇到費事吧？

26. 防止內(nèi)容介紹。別逼迫用戶在拜訪到真實內(nèi)容之前看某些東西。 這很令人憤恨，除非你供給的信息是用戶有必要的，不然他不會等下去。

27. 不要運用FrontPage。這一點也適用于其他廉價的HTML編輯器。 它們讓頁面規(guī)劃變得更便利，但其輸出成果將會十分低級，不兼容不同的瀏覽器， 并且會包括過錯。

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

29. 保證在鏈接上增加有意義的文字。曾經(jīng)我常常犯這個過錯。告訴人們“點擊這兒”很簡略， 但這沒有作用。要保證鏈接文字有意義。它使得拜訪者知道點擊鏈接之后將出現(xiàn)什么， 也能為鏈接指向的外部站點帶來SEO作用。

30. 不要在狀態(tài)欄中躲藏鏈接。用戶還有必要能在狀態(tài)欄中看到鏈接指向哪里。 假如你躲藏了鏈接（即便是由于其他原因），那么你也會喪失信譽。

31. 使鏈接可見。拜訪者應能容易辨認出哪些能點擊，哪些不能。 保證鏈接的色彩有強烈的比照（規(guī)范的藍色通常是最好的）。或許的話， 最好加上下劃線。

32. 不要在普通文本上增加下劃線或許色彩。除非特別需求，不然不要為普通文字增加下劃線。 就像用戶需求辨認哪些能點擊相同，他們不應當將本不能點擊的文字誤認為能夠點擊。

33. 改動拜訪過的鏈接的色彩。這一點對于提高網(wǎng)站可用性十分重要。 改動拜訪過的鏈接色彩有助于用戶在網(wǎng)站中定位，保證他們不會不經(jīng)意地 拜訪同一頁面兩次。

34. 不要運用動態(tài)GIF。除非你有需求動畫的廣告條，不然防止運用動態(tài)GIF。 它會使網(wǎng)站看上去很業(yè)余，并且會渙散拜訪者的留意力。

35. 給圖畫增加ALT和TITLE特點。ALT和TITLE不只會帶來SEO作用，并且 對瞎子有很大協(xié)助。

36. 不要用令人不快的色彩。假如用戶接連閱覽10分鐘后覺得頭疼， 那么你最好選擇其他配色計劃。依據(jù)你的意圖決定規(guī)劃（例如，創(chuàng)造一種氛圍 使得用戶將留意力放在網(wǎng)站內(nèi)容上，等等）。

37. 不要彈出窗口。這一點涉及任何品種的彈出窗口。即運用戶要求運用， 彈出窗口也不宜運用，由于它會被彈出窗口攔截功用阻攔。

38. 不要運用Javascript做鏈接。遠離那些點擊之后履行一小段Javascript的鏈接， 它們常常給用戶帶來費事。

39. 在頁面底部放置有意義的鏈接。拜訪者在找不到所需信息時通常會翻滾到頁面最底端。 作為最終的手段，你應當在頁面底部放一個“聯(lián)系咱們”頁面的鏈接。

40. 防止網(wǎng)頁過長。假如用戶老是需求翻滾才干看到內(nèi)容，他通常會采納的做法是 跳過它們。假如你的網(wǎng)站正好如此，那么應當縮短內(nèi)容并優(yōu)化導航結構。

41. 禁止運用水平翻滾條。盡管垂直翻滾條能夠承受，但水平翻滾條卻遠非如此。 現(xiàn)在的盛行分辨率是1024×768，要保證網(wǎng)站能包容在其中。

42. 禁止出現(xiàn)拼寫或語法過錯。這不是網(wǎng)站規(guī)劃的錯，但卻是影響網(wǎng)站整體質量的重要因素。 保證鏈接和文字中沒有拼寫或語法過錯。

43. 假如你運用圖片認證，要保證能看清其字符。有些網(wǎng)站將圖片認證作為對立垃圾談論的辦法， 或是在注冊表單上運用。其中有個問題就是，用戶常常需求叫上全家人來討論圖片上到底是什么字母。