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