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

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

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

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

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

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

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

6. 不要改動(dòng)用戶的瀏覽器窗口巨細(xì)。用戶有權(quán)操控自己的瀏覽器。假如你改動(dòng)窗口巨細(xì)，你會(huì)在他們面前失掉信譽(yù)。

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

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

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

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

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

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

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

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

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

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

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

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

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

20. 防止運(yùn)用下拉菜單。用戶應(yīng)當(dāng)直觀地看到一切導(dǎo)航選項(xiàng)。 下拉菜單會(huì)形成紊亂，并且會(huì)躲藏拜訪者真實(shí)要找的信息。

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

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

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

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

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

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

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

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

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

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

31. 使鏈接可見。拜訪者應(yīng)能容易辨認(rèn)出哪些能點(diǎn)擊，哪些不能。 保證鏈接的色彩有強(qiáng)烈的比照（規(guī)范的藍(lán)色通常是最好的）�；蛟S的話， 最好加上下劃線。

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

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

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

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

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

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

38. 不要運(yùn)用Javascript做鏈接。遠(yuǎn)離那些點(diǎn)擊之后履行一小段Javascript的鏈接， 它們常常給用戶帶來費(fèi)事。

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

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

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

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

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