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