|
原 文 譯 文 ?。ǚg：Charlee） |
自 己 對 照 |
|
1. 用戶必須在幾秒鐘知道網(wǎng)站是做什么的。注意力是因特網(wǎng)上最有價值的貨幣。如果訪問者無法在幾秒鐘之內(nèi)得知你的網(wǎng)站的方向，他很有可能轉(zhuǎn)而訪問其他網(wǎng)站。你必須迅速地告訴訪問者為什么要在你的網(wǎng)站上花費(fèi)時間。 |
這條難度較大，特別對我這樣內(nèi)容比較雜的，但盡量做到指引清晰。 |
|
2. 讓網(wǎng)站易于速讀。因特網(wǎng)不是書，因此沒必要使用大段的文字。也許我訪問你的網(wǎng)站時我正在忙于其他工作，我不得不迅速讀完所有內(nèi)容。項目符號、標(biāo)題、副標(biāo)題、列表，這些都能幫助讀者迅速找到他想要的內(nèi)容。 |
基本做到了。 |
|
3. 不要使用難于閱讀的花哨字體。當(dāng)然，某些字體可以讓網(wǎng)站精彩紛呈。不過它們?nèi)菀组喿x嗎？如果你的主要目的是傳遞信息并讓讀者閱讀，你應(yīng)該讓閱讀過程舒服些。 |
贊同，并堅持這樣做的。 |
|
4. 不要用小字體。如上一條所述，你得讓讀者閱讀時感到舒服。雖然我的Firefox有放大功能，但如果必須放大才能看清一個網(wǎng)站的話，我就再也不會去訪問它了。 |
同上。 |
|
5. 不要打開新瀏覽器窗口。我的第一個網(wǎng)站曾經(jīng)經(jīng)常這么做。原因很簡單，在新窗口中打開外部鏈接，用戶就不必離開我的網(wǎng)站。錯！讓用戶決定如何打開鏈接，否則瀏覽器上大大的后退按鈕就沒必要存在了。不用擔(dān)心用戶離開你的網(wǎng)站，在必要的時候他們會回來的。 |
區(qū)別對待，有些開，但有些不開新窗口。 |
|
6. 不要改變用戶的瀏覽器窗口大小。用戶有權(quán)控制自己的瀏覽器。如果你改變窗口大小，你會在他們面前失去信用。 |
從未改變過。 |
|
7. 不必要時不要讓用戶注冊。直白地講，我上網(wǎng)是為了獲取信息，不是為了別的。不要強(qiáng)迫我注冊并留下我的電子郵件以及其他信息，除非特別必要（比如你能提供的消息非常有價值）。 |
網(wǎng)易博客沒有這個問題，但留言和評論我已經(jīng)不要求登錄。 |
|
8. 不要在未經(jīng)訪問者同意的情況下為他們訂閱電子雜志。 不要在訪問者注冊時自動給他們訂閱電子雜志。不請自來的郵件可不是個交朋友的好辦法。 |
做到。 |
|
9. 不要過多使用Flash。Flash不僅會增加網(wǎng)站的讀取時間，過度使用甚至?xí)屧L問者感到不快。只有當(dāng)靜態(tài)頁面無法表達(dá)你的意圖時才使用Flash。 |
非常贊同！也是這樣做的。 |
|
10. 不要播放音樂。早些年Web開發(fā)者都喜歡在網(wǎng)站中集成音樂，結(jié)果他們失敗了。記住，永遠(yuǎn)不要使用音樂。 |
同上。我理解的是不要自動播放。 |
|
11. 當(dāng)你必須使用聲音時，讓用戶啟動它。有時你必須使用聲音文件，比如你要給用戶發(fā)送一份演講，或者你的教程包含聲音。這沒問題，但要讓用戶來控制，讓用戶點(diǎn)擊“播放”按鈕，別在打開網(wǎng)頁的瞬間播放聲音。 |
原先沒注意，后來改正了。 |
|
12. 不要讓標(biāo)志弄亂你的網(wǎng)站。社交網(wǎng)絡(luò)和社區(qū)的標(biāo)志會讓你的網(wǎng)站看起來十分不專業(yè)。就算是獎?wù)潞蜆s譽(yù)等標(biāo)志也應(yīng)當(dāng)放到“關(guān)于我們”頁面上。 |
網(wǎng)易博客上好像沒這個問題，但插圖的尺寸是要恰當(dāng)為好。 |
|
13. 不要使用“點(diǎn)擊進(jìn)入”頁面。用戶訪問到內(nèi)容的步驟越少越好。 |
嗯，今后注意這點(diǎn)。 |
|
14. 注意要留下聯(lián)系方式。最差的莫過于網(wǎng)站沒有留下聯(lián)系方式的了。不僅對訪問者不友好，而且對你也沒好處，你會錯過珍貴的反饋信息。 |
做到了的，“聯(lián)系我”就是。 |
|
15. 不要影響“后退”按鈕的動作。這是網(wǎng)站可用性的最基本的理念。在任何情況下都不能影響“后退”按鈕的動作。比如，打開新窗口會破壞它，某些Javascript鏈接也會破壞它。 |
網(wǎng)易博客像是沒有這個問題。 |
|
16. 不要用閃爍的文字。除非你的訪問者來自1996年，否則別用閃爍文字。 |
我的原則是“謹(jǐn)慎使用”。 |
|
17. 避免復(fù)雜的URL結(jié)構(gòu)。一個簡單的基于關(guān)鍵字的URL結(jié)構(gòu)不僅能提高你的搜索引擎排名，還能讓訪問者在訪問之前了解網(wǎng)頁內(nèi)容。 |
這個不由我們說了算的，系統(tǒng)設(shè)計者的事。 |
|
18. 用CSS布局，不要使用表格。HTML表格曾經(jīng)被用于頁面布局，但沒有必要拘泥于此，尤其是在CSS誕生之后。CSS更快、更穩(wěn)定，并能提供更多的特性。 |
本篇就使用了表格，暈～～ |
|
19. 保證用戶可以搜索整個網(wǎng)站。搜索引擎帶來因特網(wǎng)革命的原因，就是它使得信息查找變得十分容易。別在你的網(wǎng)站上唱反調(diào)。 |
沒唱過。 |
|
20. 避免使用下拉菜單。用戶應(yīng)當(dāng)直觀地看到所有導(dǎo)航選項。下拉菜單會造成混亂，并且會隱藏訪問者真正要找的信息。 |
以前有過下拉菜單，現(xiàn)在基本不用了。 |
|
21. 使用文字做導(dǎo)航欄。文字導(dǎo)航不僅速度快，而且更穩(wěn)定。例如，有些用戶上網(wǎng)時會關(guān)閉圖片。 |
一直這樣做的。 |
|
22. 如果需要鏈接到PDF文檔，一定要注明。你一定有過點(diǎn)擊鏈接之后，瀏覽器就像死掉一樣等待Acrobat Reader啟動，只為了打開一個（你不想看的）PDF？這是個不小的麻煩，因此一定要在指向PDF的鏈接旁特別說明，使用戶可以采取相應(yīng)措施。 |
已經(jīng)這樣做了。 |
|
23. 不要用多種版本讓訪問者迷惑。你想用哪種帶寬？56Kbps？128Kbps？Flash版還是HTML版？嗨，我只想快點(diǎn)看到內(nèi)容！ |
這個問題不取決于我們BSP普通博客。 |
|
24. 不要在內(nèi)容中混合廣告。在內(nèi)容中混合廣告（如Adsense）也許會增加短期內(nèi)的廣告點(diǎn)擊率，但從長遠(yuǎn)角度來看，這會減少網(wǎng)站的人氣。憤怒的用戶會離開的。 |
我自己的冠名廣告放在日志尾部，盡量不影響讀者的閱讀體驗。 |
|
25. 使用簡單的導(dǎo)航結(jié)構(gòu)。過猶不及。這個規(guī)則通常適用于人和選擇上。確保你的網(wǎng)站的導(dǎo)航結(jié)構(gòu)單純簡潔。你不想讓用戶在查找信息時遇到麻煩吧？ |
同意。 |
|
26. 避免內(nèi)容介紹。別強(qiáng)迫用戶在訪問到真正內(nèi)容之前看某些東西。這很令人憤怒，除非你提供的信息是用戶必須的，否則他不會等下去。 |
這一條沒有很明白原作者表達(dá)的意思。 |
|
27. 不要使用FrontPage。這一點(diǎn)也適用于其他廉價的HTML編輯器。它們讓頁面設(shè)計變得更方便，但其輸出結(jié)果將會非常低級，不兼容不同的瀏覽器，并且會包含錯誤。 |
沒用過，也不會去用。 |
|
28. 保證你的網(wǎng)站兼容大部分瀏覽器。瀏覽器并不完全相同，在解釋CSS和其他語言的方法也相差甚遠(yuǎn)。不管你是否愿意，你應(yīng)當(dāng)讓網(wǎng)站兼容市面上的常用瀏覽器，否則你會永遠(yuǎn)地失去部分讀者。 |
自己盡量在IE和FF下測試過。 |
|
29. 保證在鏈接上添加有意義的文字。以前我經(jīng)常犯這個錯誤。告訴人們“點(diǎn)擊這里”很容易，但這沒有效果。要保證鏈接文字有意義。它使得訪問者知道點(diǎn)擊鏈接之后將出現(xiàn)什么，也能為鏈接指向的外部站點(diǎn)帶來SEO效果。 |
基本做到了。 |
|
30. 不要在狀態(tài)欄中隱藏鏈接。用戶還必須能在狀態(tài)欄中看到鏈接指向哪里。如果你隱藏了鏈接（即使是由于其他原因），那么你也會喪失信譽(yù)。 |
以前有過一篇這樣的，后來改正不用了。 |
|
31. 使鏈接可見。訪問者應(yīng)能輕易識別出哪些能點(diǎn)擊，哪些不能。確保鏈接的顏色有強(qiáng)烈的對比（標(biāo)準(zhǔn)的藍(lán)色通常是最好的）?？赡艿脑?，最好加上下劃線。 |
基本做到了，但更多取決于系統(tǒng)設(shè)計者。 |
|
32. 不要在普通文本上添加下劃線或者顏色。除非特別需要，否則不要為普通文字添加下劃線。就像用戶需要識別哪些能點(diǎn)擊一樣，他們不應(yīng)當(dāng)將本不能點(diǎn)擊的文字誤認(rèn)為能夠點(diǎn)擊。 |
堅持做到的。 |
|
33. 改變訪問過的鏈接的顏色。這一點(diǎn)對于提高網(wǎng)站可用性非常重要。改變訪問過的鏈接顏色有助于用戶在網(wǎng)站中定位，確保他們不會不經(jīng)意地訪問同一頁面兩次。 |
取決于系統(tǒng)設(shè)計者。 |
|
34. 不要使用動態(tài)GIF。除非你有需要動畫的廣告條，否則避免使用動態(tài)GIF。它會使網(wǎng)站看上去很業(yè)余，并且會分散訪問者的注意力。 |
小的icon我還是用的，只是不使用大面積的gif。 |
|
35. 給圖像添加ALT和TITLE屬性。ALT和TITLE不僅會帶來SEO效果，而且對盲人使用純文本瀏覽器的人有很大幫助。 |
主頁面上基本做到了。 |
|
36. 不要用令人不快的顏色。如果用戶連續(xù)閱讀10分鐘后覺得頭疼，那么你最好選擇別的配色方案。根據(jù)你的目的決定設(shè)計（例如，創(chuàng)造一種氛圍使得用戶將注意力放在網(wǎng)站內(nèi)容上，等等）。 |
自我感覺也做到了。 |
|
37. 不要彈出窗口。這一點(diǎn)涉及任何種類的彈出窗口。即使用戶要求使用，彈出窗口也不宜使用，因為它會被彈出窗口攔截功能阻攔。 |
唉，想彈都彈不出，呵呵～～ |
|
38. 不要使用Javascript做鏈接。遠(yuǎn)離那些點(diǎn)擊之后執(zhí)行一小段Javascript的鏈接，它們經(jīng)常給用戶帶來麻煩。 |
網(wǎng)易屏蔽了js的。 |
|
39. 在頁面底部放置有意義的鏈接。訪問者在找不到所需信息時通常會滾動到頁面最底端。作為最后的手段，你應(yīng)當(dāng)在頁面底部放一個“聯(lián)系我們”頁面的鏈接。 |
主頁上的“聯(lián)系我”就是了。 |
|
40. 避免網(wǎng)頁過長。如果用戶老是需要滾動才能看到內(nèi)容，他通常會采取的做法是跳過它們。如果你的網(wǎng)站正好如此，那么應(yīng)當(dāng)縮短內(nèi)容并優(yōu)化導(dǎo)航結(jié)構(gòu)。 |
沒有具體的指標(biāo)，只能盡量避免很長的頁面。 |
|
41. 禁止使用水平滾動條。雖然垂直滾動條可以接受，但水平滾動條卻遠(yuǎn)非如此?，F(xiàn)在的流行分辨率是1024x768，要確保網(wǎng)站能容納在其中。 |
沒有這個問題。 |
|
42. 禁止出現(xiàn)拼寫或語法錯誤。這不是網(wǎng)站設(shè)計的錯，但卻是影響網(wǎng)站整體質(zhì)量的重要因素。確保鏈接和文字中沒有拼寫或語法錯誤。 |
自己很注意這個問題，也很反感那些錯誤，更加不喜歡故意而為的“火星文”。 |
|
43. 如果你使用圖片認(rèn)證，要保證能看清其字符。有些網(wǎng)站將圖片認(rèn)證作為對抗垃圾評論的方法，或是在注冊表單上使用。其中有個問題就是，用戶經(jīng)常需要叫上全家人來討論圖片上到底是什么字母。 |
網(wǎng)易的圖片認(rèn)證算是中規(guī)中矩的，曾經(jīng)見過用微積分的，NND，服了！ |
