網站易用性已成爲網站建設趨勢
發佈時間:2008-4-10這是一篇關于網站易用性的文章,資深昆山網站建設公司通路網絡以多年網站建設服務經驗講述了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. 如果你使用圖片認證,要保證能看清其字符。有些網站将圖片認證作爲對抗垃圾評論的方法, 或是在注冊表單上使用。其中有個問題就是,用戶經常需要叫上全家人來讨論圖片上到底是什麽字母。
【返回】