建站常識
歷年來最為嚴(yán)重的10大網(wǎng)站設(shè)計(jì)錯誤
2006-08-24 08:10:00
自1996年以來,[Sawin軟件研發(fā)之窗]曾經(jīng)指出了很多網(wǎng)站中的設(shè)計(jì)錯誤,參見底部我的系列文章列表,本文將重點(diǎn)介紹的是,這些問題當(dāng)中十個最為嚴(yán)重的網(wǎng)站設(shè)計(jì)錯誤。
1、搜索引擎不友好
搜索引擎對于難以處理和識別的打字稿、復(fù)數(shù)、連字號等等各種各樣的問題,搜索的準(zhǔn)確度會降低。顯然,如果搜索引擎刻意去迎合這種錯誤使用的話,會傷害到所有的搜索使用者。
一個相關(guān)的問題是,搜索引擎區(qū)分結(jié)果是依靠文檔的重要性,而只是按照內(nèi)容關(guān)聯(lián)次數(shù)簡單地進(jìn)行結(jié)果區(qū)分。
當(dāng)找不到信息的時候,搜索是用戶的救生索。即使有高級搜索功能,建議還是使用簡單搜索,搜索形式應(yīng)該是一個簡單的錄入框,就像我們常見的那一種。
2、使用PDF文件做為在線閱讀
用戶討厭在瀏覽的時候跳出PDF文件,因?yàn)槟菚驍嘤脩舻臑g覽過程,因?yàn)槠胀ǖ臑g覽器按鈕無法工作,因此即使如打印或保存文檔這樣簡單的事情也會變得復(fù)雜。由于其版面設(shè)計(jì)是基于紙張優(yōu)化的,因此文字的字體很少會和用戶的流量其窗口相適應(yīng)。沒有了平滑的滾動瀏覽,有的只是超小號的字體。
更糟糕的是,PDF文件內(nèi)容是分塊的,很難瀏覽。
PDF是對于印刷及發(fā)行手冊等和其他需要打印的大文件來講是很合適的,使用它的目的只是為了保留它的信息使其網(wǎng)頁上瀏覽成為現(xiàn)實(shí)。
3、未改變已訪問鏈接的顏色
一個好的瀏覽歷史能夠幫助你了解目前的位置,因?yàn)槟鞘悄銥g覽的起點(diǎn)。知道過去和現(xiàn)在的位置反過來使得決定下一步去哪里變得容易了。鏈接是這些瀏覽過程中的一個關(guān)鍵因素。用戶可以不去訪問那些沒有用處的地址,相反,他們會訪問那些對他們有幫助的鏈接地址。
最重要的是,他們知道哪些網(wǎng)頁已經(jīng)訪問過了,這樣就不必一次又一次訪問同一個歷史頁面。
但是這些好處只是基于一個重要的假設(shè):由于網(wǎng)站提供不同的顏色顯示,用戶可以分辨出哪些鏈接訪問過,哪些鏈接沒有訪問過。如果訪問一個鏈接后顏色沒有發(fā)生變化,那么用戶很可能會感到迷惑并無意中反復(fù)訪問同一歷史頁面。
4、文字未排版
將所有文字堆積在一起是一種可怕的體驗(yàn),瀏覽這樣的文字將是痛苦的經(jīng)歷。
在線寫作,并不是為了打印,需要讓用戶能很好地閱讀,下面是幾個改進(jìn)的要點(diǎn):
使用子標(biāo)題
使用列表
突出關(guān)鍵字
使用小段落
反金字塔結(jié)構(gòu)
簡單的寫作風(fēng)格
5、固定字體大小
CSS樣式不幸讓網(wǎng)站有權(quán)禁止瀏覽器的“改變字體大小”的功能,并使得網(wǎng)站有一個固定的字體大小。對于大多數(shù)人的年齡超過40歲的人來說,這個固定地文字大小實(shí)在太小了。
尊重用戶的喜好,讓他們按照自己的需要修改文字的大小,同時,明確字體大小是相對的,而非絕對顯示像素的數(shù)量多少。
6. 網(wǎng)頁標(biāo)題搜索引擎不友好
搜索是用戶發(fā)現(xiàn)網(wǎng)站的最重要途徑,搜索用戶找到一個獨(dú)立網(wǎng)站的最重要的方法。網(wǎng)頁的標(biāo)題是你吸引新用戶或老用戶從搜索列表中定位到你網(wǎng)站的主要工具。
網(wǎng)頁的標(biāo)題文字是在<title>標(biāo)記之間的文字,并通常作為搜索引擎結(jié)果列表中的鏈接文字。搜索引擎一般只顯示標(biāo)題開頭66個字,是真正的縮略內(nèi)容。
網(wǎng)頁標(biāo)題也用戶將一個網(wǎng)址加為書簽時的默認(rèn)文字,對于你的主頁,應(yīng)該以公司名稱開頭,接著是網(wǎng)站的簡介,不要用“The”或“Welcome to”做為開頭文字。
對于其他網(wǎng)頁來說,標(biāo)題應(yīng)該是將具體內(nèi)容的概要文字說明,由于網(wǎng)頁標(biāo)題是瀏覽器窗口的標(biāo)題,也是用戶任務(wù)條上的標(biāo)簽,多個窗口下將會顯示每一頁的標(biāo)題,因此,如果你所有的網(wǎng)頁標(biāo)題字都相同的話,對于開了多個窗口的用戶來說,你網(wǎng)站的可用性將嚴(yán)重降低。
7、所有的東西看起來都像廣告
有選擇地吸引注意力是相當(dāng)有力的途徑。用戶已經(jīng)學(xué)會了對擋在眼前的那些目的性很強(qiáng)的廣告采取不予理睬的態(tài)度。這也就是為何點(diǎn)擊率每年以半數(shù)速度下降,網(wǎng)絡(luò)廣告根本不起作用的原因。
不幸的是,這也使得用戶忽視了那些看起來很像廣告的設(shè)計(jì)樣式。畢竟,當(dāng)你不理會某些東西時,就不會仔細(xì)地研究它并搞清楚它是什么。
因此,最好避免任何類似廣告的設(shè)計(jì)。這一指導(dǎo)方針?biāo)鶄鬟_(dá)的含義隨著新的廣告形式出現(xiàn)而變化。目前遵循以下規(guī)則:
無視橫幅:著用戶將不會把注意力放在任何看似橫幅廣告的東西,這取決于它的形狀及位置。
避免使用動畫:用戶會忽視那些閃爍的文字或其它侵略性很強(qiáng)的動畫。
凈化彈出窗口:用戶在彈出窗口完全打開前就會將其關(guān)閉,有時是帶著極端厭惡的情緒。
8、違反設(shè)計(jì)慣例
一致性是最重要的可用性原則之一:當(dāng)事物遵循相同的原則運(yùn)作時,用戶不用擔(dān)心發(fā)生意外,因?yàn)樗麄兏鶕?jù)先前的經(jīng)驗(yàn)已經(jīng)很清楚將會發(fā)生什么事情。就像你每次在牛頓的頭頂上放下一個蘋果,它一定會砸中他的腦袋一樣。
用戶的期望實(shí)現(xiàn)得越多,他們就越感覺是自己在控制整個系統(tǒng),并且更加喜歡它。相反地,用戶則會感到可靠程度不夠。想想,當(dāng)我釋放蘋果時,它變成了西紅柿并朝著天空蹦出一英里,那多荒誕!
9、打開新的瀏覽器窗口
打開新的瀏覽窗口就像一個吸塵器推銷員在上門推銷時,直接將煙灰缸里的雜物傾倒在消費(fèi)者家中的地毯上。拜托!不要用任何窗口污染我的屏幕(尤其在當(dāng)前操作系統(tǒng)低劣的窗口管理技術(shù)下),如果我需要一個新窗口,我會自己打開的。
設(shè)計(jì)者打開新窗口的本意是要讓用戶留在他的站點(diǎn)上。但是卻忽略了控制用戶的機(jī)器所帶來的負(fù)面效應(yīng),這種策略恰恰弄巧成拙,因?yàn)楫?dāng)用戶想通過“后退”按鈕返回先前的站點(diǎn)時,已經(jīng)做不到了。用戶通常注意不到新窗口已經(jīng)被打開,尤其當(dāng)他們的顯示器很小,而窗口又正好是最大化時。因此,當(dāng)用戶想要返回原來的站點(diǎn)時,面對的卻只是一個不可用的灰色“后退”按鈕。
點(diǎn)擊鏈接的標(biāo)準(zhǔn)結(jié)果是目標(biāo)頁面在當(dāng)前的瀏覽窗口中加載,取代現(xiàn)有頁面。出現(xiàn)其它的任何情況都違背了用戶的期望,令他們感到對網(wǎng)絡(luò)的控制不穩(wěn)定。用戶痛恨那些突然彈出來的窗口,當(dāng)用戶想要在新窗口打開一頁的時候,會自己使用“在新窗口打開”功能,因此不要用一些代碼來干擾了用戶瀏覽器的操作。
10、不回答用戶的提問
用戶是因?yàn)槟硞€目的才訪問你的網(wǎng)站。他們方式可能是想購買你的產(chǎn)品或者其他,但最終卻失敗了,因?yàn)榫W(wǎng)站沒有提供用戶尋找的資料信息。
事實(shí)上問題遠(yuǎn)沒有這么簡單,如果你不告訴用戶具體情況,用戶就會以為你的產(chǎn)品或服務(wù)不能滿足他們的需求,因此用戶就不會購買你的產(chǎn)品,或者有一些信息,深深隱藏在各種文檔之間,用戶沒有時間閱讀所有這些隱藏的信息,因此也就認(rèn)為它們不存在。
不回答用戶提問的最壞的例子是拒絕提供產(chǎn)品和服務(wù)的價格清單,沒有任何B2C的商務(wù)網(wǎng)站會犯這種錯誤,但是這在B2B中卻普遍存在,大多數(shù)“企業(yè)解決方案”的提出,讓你不能告訴用戶他們適合100個站點(diǎn)、還是10萬個站點(diǎn)人。價格是最主要的作用是便于想用戶提供相應(yīng)的產(chǎn)品,避免提供一個不成熟的產(chǎn)品給用戶。
即使是B2C網(wǎng)站有時頁會忘記在所有地方提供相關(guān)產(chǎn)品價格清單,例如在目錄頁或者搜索結(jié)果頁,要知道,在這兩種情況下,價格是關(guān)鍵,它讓用戶能夠區(qū)分不同的產(chǎn)品并找到最合適的目標(biāo)。
其他各年的十大錯誤列表——
2005年的十大網(wǎng)站設(shè)計(jì)問題:
一.易讀性的問題-讓使用者決定瀏覽時字體大小。
二.沒有標(biāo)準(zhǔn)的超連結(jié)表示
三.Flash的使用
四.網(wǎng)頁無法呈現(xiàn)網(wǎng)站內(nèi)容
五.搜尋的重要
六.瀏覽器的差異
七.討厭的框架
八.沒有鏈接相關(guān)資訊或是公司資訊
九.固定的頁面寬度
十.不適當(dāng)?shù)膱D片放大連結(jié)
#p#
2003年的十大網(wǎng)站設(shè)計(jì)問題:
一.主題不明確
二.更改以存檔的鏈接地址
三.內(nèi)容沒有注明日期
四.縮略圖看不清細(xì)節(jié)
五.圖片的ALT文字過于冗長
六.不給用戶自定義選擇
七.過長的商品列表選擇
八.商品僅按照商標(biāo)排序
九.過于限制用戶錄入的信息
十.頁面包含指向自身頁面的鏈接
1999年的十大網(wǎng)站設(shè)計(jì)問題:
一.破壞或減慢“后退”按鈕
二.打開新的瀏覽窗口
三.使用不規(guī)范的GUI(圖形用戶界面)部件
四.缺少自我介紹
五.缺少存檔
六.移動頁面至新的URL地址
七.標(biāo)題和內(nèi)容不匹配
八.對最新的網(wǎng)絡(luò)熱門緊追不舍
九.服務(wù)器訪問速度過慢
十.所有的東西看起來都像廣告
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計(jì)的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢?
延伸閱讀
- [2009-06-23 08:01:00] 可訪問性—前端的使命(一)
- [2007-10-31 12:16:00] 活動網(wǎng)站設(shè)計(jì)點(diǎn)評之華帝
- [2010-09-26 21:59:00] 跟推廣專題頁面有關(guān)de那些事兒(一)
- [2010-11-22 08:30:00] 用戶體驗(yàn)設(shè)計(jì)中的不安因素
- [2006-11-22 10:43:00] 網(wǎng)頁布局設(shè)計(jì):注冊登錄框放哪里合適?
- [2010-10-12 08:39:00] 合理限制用戶的操作
- [2006-04-06 11:02:00] 駁“最差的用戶體驗(yàn)是‘不知道該做什么’”
- [2010-07-28 22:28:00] 彈出窗口與切換頁面的對比總結(jié)
- [2006-08-31 22:24:00] 網(wǎng)頁設(shè)計(jì)中該如何決定是否使用框架?
- [2009-06-04 16:23:00] Web設(shè)計(jì)師需要的10個高質(zhì)量的ICON圖片資源網(wǎng)站
- [2010-07-01 08:18:00] 短兵相接勇者勝—緊張項(xiàng)目管理策略
- [2009-07-13 08:01:00] tab切換是click還是over?
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
手機(jī)網(wǎng)站建設(shè) 青島輪胎網(wǎng)站設(shè)計(jì)公司 青島網(wǎng)站SEO 手機(jī)端的網(wǎng)站 網(wǎng)站視覺 集團(tuán)公司網(wǎng)站建設(shè) 交互設(shè)計(jì) 青島網(wǎng)絡(luò)公司 搜索引擎 營銷型網(wǎng)站 青島flash網(wǎng)站 膠南網(wǎng)站建設(shè)公司 HTML5 css 扁平化設(shè)計(jì) 青島網(wǎng)頁設(shè)計(jì) 青島IT資訊 企業(yè)網(wǎng)站建設(shè) 空白和簡潔的設(shè)計(jì) 網(wǎng)站優(yōu)化 企業(yè)建站 網(wǎng)站交互設(shè)計(jì) 海信網(wǎng)絡(luò)科技 頁面設(shè)計(jì) 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 H5 力圖 色彩心理學(xué) 網(wǎng)站制作 搜索引擎蜘蛛