網站設計中常犯的43條錯誤

發佈時間:2012-8-19

這是一篇關于網站易用性的文章，資深北京網站建設公司企通互聯以多年網站建設服務經驗講述了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文檔，一定要注明。你一定有過點擊鏈接之後，浏覽器就像死掉一樣等待AcrobatReader啓動，隻爲了打開一個（你不想看的）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.如果你使用圖片認證，要保證能看清其字符。有些網站将圖片認證作爲對抗垃圾評論的方法，或是在注冊表單上使用。其中有個問題就是，用戶經常需要叫上全家人來讨論圖片上到底是什麽字母。

 

【返回】