網路城邦

上一篇 回創作列表 下一篇   字體:
設計WEB網站可能常犯而應避免的43個錯誤
2009/02/27 15:47:05瀏覽625|回應0|推薦1

好的網站帶給許多人實用性與便利性,如今網站的易用性嚴然已成為一種趨勢,但縱觀國內的各大網站,似乎易用性並未成為設計者們廣泛理解的概念,而拜Flash等等多媒體工具的出現,似乎把網站設計的酷炫、花枝招展、生動活潑,成為網站企業主與設計師的迷思,因此希望這篇文章能帶給大家思考。

 1. 用戶必須在幾秒鐘知道網站是做什麼的。注意力是網際網路上最有價值的貨幣。如果訪問者無法在幾秒鐘之內得知你的網站的方向,他很有可能轉而訪問其他網站。你必須迅速地告訴訪問者為什麼要在你的網站上花費時間。

 2. 讓網站易於速讀。網際網路不是書,因此沒必要使用大段的文字。也許我訪問你的網站時我正在忙於其他工作,我不得不迅速讀完所有內容。項目符號、標題、副標題、列表,這些都能幫助讀者迅速找到他想要的內容。

 3. 不要使用難於閱讀的花哨字體。當然,某些字體可以讓網站精彩紛呈。不過它們容易閱讀嗎?如果你的主要目的是傳遞訊息並讓讀者閱讀,你應該讓閱讀過程舒服些。

 4. 不要用小字體。如上一條所述,你得讓讀者閱讀時感到舒服。雖然我的Firefox有放大功能,但如果必須放大才能看清一個網站的話,我就再也不會去訪問它了。

 5. 不要打開新瀏覽器窗口。我的第一個網站曾經經常這麼做。原因很簡單,在新窗口中打開外部連結,用戶就不必離開我的網站。錯!讓用戶決定如何打開連結,否則瀏覽器上大大的後退按鈕就沒必要存在了。不用擔心用戶離開你的網站,在必要的時候他們會回來的。

 6. 不要改變用戶的瀏覽器窗口大小。用戶有權控制自己的瀏覽器。如果你改變窗口大小,你會在他們面前失去信用。

 7. 不必要時不要讓用戶註冊。直白地講,我上網是為了獲取訊息,不是為了別的。不要強迫我註冊並留下我的電子郵件以及其他訊息,除非特別必要(比如你 能提供的消息非常有價值)。

 8. 不要在未經訪問者同意的情況下為他們訂閱電子雜誌。不要在訪問者註冊時自動給他們訂閱電子雜誌。不請自來的郵件可不是個交朋友的好辦法。

 9. 不要過多使用Flash。Flash不僅會增加網站的讀取時間,過度使用甚至會讓訪問者感到不快。只有當靜態頁面無法表達你的意圖時 才使用Flash。

10.不要播放音樂。早些年Web開發者都喜歡在網站中集成音樂,結果他們失敗了。記住,永遠不要使用音樂。

11. 當你必須使用聲音時,讓用戶啟動它。有時你必須使用聲音文件,比如你要給用戶發送一份演講,或者你的教學包含聲音。這沒問題,但要讓用戶來控制,讓用戶點按「播放」按鈕,別在打開網頁的瞬間播放聲音。

12. 不要讓標誌弄亂你的網站。社交網絡和社區的標誌會讓你的網站看起來十分不專業。就算是獎章和榮譽等標誌也應當放到「關於我們」頁面上。

13. 不要使用「點按進入」頁面。用戶訪問到內容的步驟越少越好。

14. 注意要留下聯繫方式。最差的莫過於網站沒有留下聯繫方式的了。不僅對訪問者不友好,而且對你也沒好處,你會錯過珍貴的反饋訊息。

15. 不要影響「後退」按鈕的動作。這是網站可用性的最基本的理念。在任何情況下都不能影響「後退」按鈕的動作。比如,打開新窗口會破壞它,某些Javascript連結也會破壞它。

16. 不要用閃爍的文字。除非你的訪問者來自1996年,否則別用閃爍文字。

17. 避免複雜的URL架構。一個簡單的基於關鍵字的URL架構不僅能提高你的搜索引擎排名,還能讓訪問者在訪問之前瞭解網頁內容。

18.用CSS佈局,不要使用表格。HTML表格曾經被用於頁面佈局,但沒有必要拘泥於此,尤其是在CSS誕生之後。CSS更快、更穩定,並能提供更多的特性。

19. 保證用戶可以搜索整個網站。搜索引擎帶來因特網革命的原因,就是 它使得訊息搜尋變得十分容易。別在你的網站上唱反調。

20. 避免使用下拉菜單。用戶應當直觀地看到所有導航選項。下拉菜單會造成混亂,並且會隱藏訪問者真正要找的訊息。

21. 使用文字做導航欄。文字導航不僅速度快,而且更穩定。例如,有些用戶上網時會關閉圖片。

22. 如果需要連結到PDF文檔,一定要註明。你一定有過點按連結之後,瀏覽器就像死掉一樣等待Acrobat Reader啟動,只為了打開一個(你不想看的)PDF? 這是個不小的麻煩,因此一定要在指向PDF的連結旁特別說明,使用戶可以採取相應措施。

23. 不要用多種版本讓訪問者迷惑。你想用哪種頻寬?2M?8M?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. 不要使用Javascript做連結。遠離那些點按之後執行一小段Javascript的連結,它們經常給用戶帶來麻煩。

39. 在頁面底部放置有意義的連結。訪問者在找不到所需訊息時通常會滾動到頁面最底端。作為最後的手段,你應當在頁面底部放一個「聯繫我們」頁面的連結。

40. 避免網頁過長。如果用戶老是需要滾動才能看到內容,他通常會採取的做法是跳過它們。如果你的網站正好如此,那麼應當縮短內容並優化導航架構。

41. 禁止使用水平滾動條。雖然垂直滾動條可以接受,但水平滾動條卻遠非如此。現在流行的解析度是1024×768,要確保網站能容納在其中。

42. 禁止出現拼寫或語法錯誤。這不是網站設計的錯,但卻是影響網站整體質量的重要因素。確保連結和文字中沒有拼寫錯誤或語法錯誤。

43. 如果你使用圖片驗證,要保證用戶能看清其上的字符。有些網站將圖片認證作為對抗垃圾評論的方法,或是在註冊表單上使用。其中有個問題就是,用戶經常需要嘗試許多次才能正確驗證成功,如果再加上網站有限定短時間內的登入次數(通常用來防止機器人或人為惡意破解),那麼你的網站已被用戶宣告死刑了。

例如當用戶不小心驗證失敗五次後,必須要隔半小時或一小時才能再嘗試登入,換做是你,你還會想要來嗎?如果裡面有用戶的許多資料,通常用戶的作法就是搬家。

搬家,這在網路資源發達的現在,是思空見慣的事,你應該要思考為什麼留不住用戶。




( 休閒生活網路生活 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=maxmas&aid=2692181