建站常識
43個你應當避免的Web設計錯誤
2007-07-19 22:22:00
這是一篇關于網(wǎng)站易用性的文章,作者以親身體會講述了43條網(wǎng)站設計中常犯的錯誤,而無疑這些錯誤會大大影響網(wǎng)站的可用性。如今網(wǎng)站易用性已成為一種趨勢,但縱觀國內(nèi)的各大網(wǎng)站,似乎易用性并未成為設計者們廣泛理解的概念, 因此希望這篇文章對大家能有作用。
1. 用戶必須在幾秒鐘知道網(wǎng)站是做什么的。注意力是因特網(wǎng)上最有價值的貨幣。 如果訪問者無法在幾秒鐘之內(nèi)得知你的網(wǎng)站的方向,他很有可能轉(zhuǎn)而訪問其他網(wǎng)站。 你必須迅速地告訴訪問者為什么要在你的網(wǎng)站上花費時間。
2. 讓網(wǎng)站易于速讀。因特網(wǎng)不是書,因此沒必要使用大段的文字。 也許我訪問你的網(wǎng)站時我正在忙于其他工作,我不得不迅速讀完所有內(nèi)容。 項目符號、標題、副標題、列表,這些都能幫助讀者迅速找到他想要的內(nèi)容。
3. 不要使用難于閱讀的花哨字體。當然,某些字體可以讓網(wǎng)站精彩紛呈。 不過它們?nèi)菀组喿x嗎?如果你的主要目的是傳遞信息并讓讀者閱讀, 你應該讓閱讀過程舒服些。
4. 不要用小字體。如上一條所述,你得讓讀者閱讀時感到舒服。 雖然我的Firefox有放大功能,但如果必須放大才能看清一個網(wǎng)站的話, 我就再也不會去訪問它了。
5. 不要打開新瀏覽器窗口。我的第一個網(wǎng)站曾經(jīng)經(jīng)常這么做。 原因很簡單,在新窗口中打開外部鏈接,用戶就不必離開我的網(wǎng)站。 錯!讓用戶決定如何打開鏈接,否則瀏覽器上大大的后退按鈕就沒必要存在了。 不用擔心用戶離開你的網(wǎng)站,在必要的時候他們會回來的。
6. 不要改變用戶的瀏覽器窗口大小。用戶有權(quán)控制自己的瀏覽器。 如果你改變窗口大小,你會在他們面前失去信用。
7. 不必要時不要讓用戶注冊。直白地講,我上網(wǎng)是為了獲取信息,不是為了別的。 不要強迫我注冊并留下我的電子郵件以及其他信息,除非特別必要(比如你 能提供的消息非常有價值)。
8. 不要在未經(jīng)訪問者同意的情況下為他們訂閱電子雜志。 不要在訪問者注冊時自動給他們訂閱電子雜志。 不請自來的郵件可不是個交朋友的好辦法。
9. 不要過多使用Flash。Flash不僅會增加網(wǎng)站的讀取時間, 過度使用甚至會讓訪問者感到不快。只有當靜態(tài)頁面無法表達你的意圖時 才使用Flash。
10. 不要播放音樂。早些年Web開發(fā)者都喜歡在網(wǎng)站中集成音樂,結(jié)果他們失敗了。 記住,永遠不要使用音樂。
11. 當你必須使用聲音時,讓用戶啟動它。有時你必須使用聲音文件, 比如你要給用戶發(fā)送一份演講,或者你的教程包含聲音。這沒問題,但要讓用戶來控制, 讓用戶點擊“播放”按鈕,別在打開網(wǎng)頁的瞬間播放聲音。
12. 不要讓標志弄亂你的網(wǎng)站。社交網(wǎng)絡和社區(qū)的標志會讓你的網(wǎng)站看起來十分不專業(yè)。 就算是獎章和榮譽等標志也應當放到“關于我們”頁面上。
13. 不要使用“點擊進入”頁面。用戶訪問到內(nèi)容的步驟越少越好。
14. 注意要留下聯(lián)系方式。最差的莫過于網(wǎng)站沒有留下聯(lián)系方式的了。 不僅對訪問者不友好,而且對你也沒好處,你會錯過珍貴的反饋信息。
15. 不要影響“后退”按鈕的動作。這是網(wǎng)站可用性的最基本的理念。 在任何情況下都不能影響“后退”按鈕的動作。比如,打開新窗口會破壞它, 某些Javascript鏈接也會破壞它。
16. 不要用閃爍的文字。除非你的訪問者來自1996年,否則別用閃爍文字。
17. 避免復雜的URL結(jié)構(gòu)。一個簡單的基于關鍵字的URL結(jié)構(gòu)不僅能提高你的搜索引擎排名, 還能讓訪問者在訪問之前了解網(wǎng)頁內(nèi)容。
18. 用CSS布局,不要使用表格。HTML表格曾經(jīng)被用于頁面布局, 但沒有必要拘泥于此,尤其是在CSS誕生之后。CSS更快、更穩(wěn)定, 并能提供更多的特性。
19. 保證用戶可以搜索整個網(wǎng)站。搜索引擎帶來因特網(wǎng)革命的原因,就是 它使得信息查找變得十分容易。別在你的網(wǎng)站上唱反調(diào)。
20. 避免使用下拉菜單。用戶應當直觀地看到所有導航選項。 下拉菜單會造成混亂,并且會隱藏訪問者真正要找的信息。
21. 使用文字做導航欄。文字導航不僅速度快,而且更穩(wěn)定。 例如,有些用戶上網(wǎng)時會關閉圖片。
22. 如果需要鏈接到PDF文檔,一定要注明。你一定有過點擊鏈接之后, 瀏覽器就像死掉一樣等待Acrobat Reader啟動,只為了打開一個(你不想看的)PDF? 這是個不小的麻煩,因此一定要在指向PDF的鏈接旁特別說明,使用戶可以采取相應措施。
23. 不要用多種版本讓訪問者迷惑。你想用哪種帶寬?56Kbps?128Kbps?Flash版還是HTML版? 嗨,我只想快點看到內(nèi)容!
24. 不要在內(nèi)容中混合廣告。在內(nèi)容中混合廣告(如Adsense)也許會增加短期內(nèi)的廣告點擊率, 但從長遠角度來看,這會減少網(wǎng)站的人氣。憤怒的用戶會離開的。
25. 使用簡單的導航結(jié)構(gòu)。過猶不及。這個規(guī)則通常適用于人和選擇上。 確保你的網(wǎng)站的導航結(jié)構(gòu)單純簡潔。你不想讓用戶在查找信息時遇到麻煩吧?
26. 避免內(nèi)容介紹。別強迫用戶在訪問到真正內(nèi)容之前看某些東西。 這很令人憤怒,除非你提供的信息是用戶必須的,否則他不會等下去。
27. 不要使用FrontPage。這一點也適用于其他廉價的HTML編輯器。 它們讓頁面設計變得更方便,但其輸出結(jié)果將會非常低級,不兼容不同的瀏覽器, 并且會包含錯誤。
28. 保證你的網(wǎng)站兼容大部分瀏覽器。瀏覽器并不完全相同,在解釋CSS和其他 語言的方法也相差甚遠。不管你是否愿意,你應當讓網(wǎng)站兼容市面上的常用瀏覽器, 否則你會永遠地失去部分讀者。
29. 保證在鏈接上添加有意義的文字。以前我經(jīng)常犯這個錯誤。告訴人們“點擊這里”很容易, 但這沒有效果。要保證鏈接文字有意義。它使得訪問者知道點擊鏈接之后將出現(xiàn)什么, 也能為鏈接指向的外部站點帶來SEO效果。
30. 不要在狀態(tài)欄中隱藏鏈接。用戶還必須能在狀態(tài)欄中看到鏈接指向哪里。 如果你隱藏了鏈接(即使是由于其他原因),那么你也會喪失信譽。
31. 使鏈接可見。訪問者應能輕易識別出哪些能點擊,哪些不能。 確保鏈接的顏色有強烈的對比(標準的藍色通常是最好的)。可能的話, 最好加上下劃線。
32. 不要在普通文本上添加下劃線或者顏色。除非特別需要,否則不要為普通文字添加下劃線。 就像用戶需要識別哪些能點擊一樣,他們不應當將本不能點擊的文字誤認為能夠點擊。
33. 改變訪問過的鏈接的顏色。這一點對于提高網(wǎng)站可用性非常重要。 改變訪問過的鏈接顏色有助于用戶在網(wǎng)站中定位,確保他們不會不經(jīng)意地 訪問同一頁面兩次。
34. 不要使用動態(tài)GIF。除非你有需要動畫的廣告條,否則避免使用動態(tài)GIF。 它會使網(wǎng)站看上去很業(yè)余,并且會分散訪問者的注意力。
35. 給圖像添加ALT和TITLE屬性。ALT和TITLE不僅會帶來SEO效果,而且 對盲人有很大幫助。
36. 不要用令人不快的顏色。如果用戶連續(xù)閱讀10分鐘后覺得頭疼, 那么你最好選擇別的配色方案。根據(jù)你的目的決定設計(例如,創(chuàng)造一種氛圍 使得用戶將注意力放在網(wǎng)站內(nèi)容上,等等)。
37. 不要彈出窗口。這一點涉及任何種類的彈出窗口。即使用戶要求使用, 彈出窗口也不宜使用,因為它會被彈出窗口攔截功能阻攔。
38. 不要使用Javascript做鏈接。遠離那些點擊之后執(zhí)行一小段Javascript的鏈接, 它們經(jīng)常給用戶帶來麻煩。
39. 在頁面底部放置有意義的鏈接。訪問者在找不到所需信息時通常會滾動到頁面最底端。 作為最后的手段,你應當在頁面底部放一個“聯(lián)系我們”頁面的鏈接。
40. 避免網(wǎng)頁過長。如果用戶老是需要滾動才能看到內(nèi)容,他通常會采取的做法是 跳過它們。如果你的網(wǎng)站正好如此,那么應當縮短內(nèi)容并優(yōu)化導航結(jié)構(gòu)。
41. 禁止使用水平滾動條。雖然垂直滾動條可以接受,但水平滾動條卻遠非如此。 現(xiàn)在的流行分辨率是1024×768,要確保網(wǎng)站能容納在其中。
42. 禁止出現(xiàn)拼寫或語法錯誤。這不是網(wǎng)站設計的錯,但卻是影響網(wǎng)站整體質(zhì)量的重要因素。 確保鏈接和文字中沒有拼寫或語法錯誤。
43. 如果你使用圖片認證,要保證能看清其字符。有些網(wǎng)站將圖片認證作為對抗垃圾評論的方法, 或是在注冊表單上使用。其中有個問題就是,用戶經(jīng)常需要叫上全家人來討論圖片上到底是什么字母。
原文出處:http://www.dailyblogtips.com/43-web-design-mistakes-you-should-avoid/
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設計都有哪些新的趨勢?
延伸閱讀
- [2010-03-26 12:36:00] Web設計中的蘋果風
- [2006-12-14 22:26:00] web設計95%是排版,5%?
- [2009-06-11 08:11:00] web設計師可以走得更遠
- [2009-07-22 22:12:00] Web設計的成就感
- [2010-08-10 16:24:00] 精確到像素的Web設計
- [2009-06-04 16:23:00] Web設計師需要的10個高質(zhì)量的ICON圖片資源網(wǎng)站
- [2005-12-29 21:29:00] 國際網(wǎng)頁Web設計流程
- [2010-08-30 15:36:00] Web設計精確點滴
- [2009-11-24 22:28:00] 精致的web設計
- [2006-06-23 14:01:00] WEB設計經(jīng)驗-來自microsoft.com設計主管
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿(mào)行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
青島網(wǎng)頁設計 網(wǎng)站交互設計 空白和簡潔的設計 頁面設計 微信營銷的優(yōu)勢 html和css 扁平化設計 SEO優(yōu)化 官網(wǎng)建設 網(wǎng)頁設計 網(wǎng)站動畫 微信開發(fā) IT資訊 網(wǎng)站建設的步驟有哪些 GOOGLE 企業(yè)網(wǎng)站設計 青島網(wǎng)站案例 網(wǎng)站建設,企業(yè)網(wǎng)站建設 HTML5 手機網(wǎng)站 網(wǎng)站視覺 企業(yè)網(wǎng)站 英文網(wǎng)站建設 青島不錯的英文網(wǎng)站建設公司 搜索引擎 青島輪胎網(wǎng)站設計公司 青島抖音小程序開發(fā) 營銷型網(wǎng)站建設 網(wǎng)站規(guī)劃 青島網(wǎng)頁制作