原作者: Jakob Nielsen | 譯者: 威廉 (Blog)

自1996年以來(lái)，我曾經(jīng)指出了很多網(wǎng)站中的設(shè)計(jì)錯(cuò)誤，參見(jiàn)底部我的系列文章列表，本文將重點(diǎn)介紹的是，這些問(wèn)題當(dāng)中十個(gè)最為嚴(yán)重的網(wǎng)站設(shè)計(jì)錯(cuò)誤。

1、搜索引擎不友好

搜索引擎對(duì)于難以處理和識(shí)別的打字稿、復(fù)數(shù)、連字號(hào)等等各種各樣的問(wèn)題，搜索的準(zhǔn)確度會(huì)降低。顯然，如果搜索引擎刻意去迎合這種錯(cuò)誤使用的話，會(huì)傷害到所有的搜索使用者。

一個(gè)相關(guān)的問(wè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)單的錄入框，就像我們常見(jiàn)的那一種。

2、使用PDF文件做為在線閱讀

用戶討厭在瀏覽的時(shí)候跳出PDF文件，因?yàn)槟菚?huì)打斷用戶的瀏覽過(guò)程，因?yàn)槠胀ǖ臑g覽器按鈕無(wú)法工作，因此即使如打印或保存文檔這樣簡(jiǎn)單的事情也會(huì)變得復(fù)雜。由于其版面設(shè)計(jì)是基于紙張優(yōu)化的，因此文字的字體很少會(huì)和用戶的流量其窗口相適應(yīng)。沒(méi)有了平滑的滾動(dòng)瀏覽，有的只是超小號(hào)的字體。

更糟糕的是，PDF文件內(nèi)容是分塊的，很難瀏覽。

PDF是對(duì)于印刷及發(fā)行手冊(cè)等和其他需要打印的大文件來(lái)講是很合適的，使用它的目的只是為了保留它的信息使其網(wǎng)頁(yè)上瀏覽成為現(xiàn)實(shí)。

3、未改變已訪問(wèn)鏈接的顏色

一個(gè)好的瀏覽歷史能夠幫助你了解目前的位置，因?yàn)槟鞘悄銥g覽的起點(diǎn)。知道過(guò)去和現(xiàn)在的位置反過(guò)來(lái)使得決定下一步去哪里變得容易了。鏈接是這些瀏覽過(guò)程中的一個(gè)關(guān)鍵因素。用戶可以不去訪問(wèn)那些沒(méi)有用處的地址，相反，他們會(huì)訪問(wèn)那些對(duì)他們有幫助的鏈接地址。

最重要的是，他們知道哪些網(wǎng)頁(yè)已經(jīng)訪問(wèn)過(guò)了，這樣就不必一次又一次訪問(wèn)同一個(gè)歷史頁(yè)面。

但是這些好處只是基于一個(gè)重要的假設(shè)：由于網(wǎng)站提供不同的顏色顯示，用戶可以分辨出哪些鏈接訪問(wèn)過(guò)，哪些鏈接沒(méi)有訪問(wèn)過(guò)。如果訪問(wèn)一個(gè)鏈接后顏色沒(méi)有發(fā)生變化，那么用戶很可能會(huì)感到迷惑并無(wú)意中反復(fù)訪問(wèn)同一歷史頁(yè)面。

4、文字未排版

將所有文字堆積在一起是一種可怕的體驗(yàn)，瀏覽這樣的文字將是痛苦的經(jīng)歷。

在線寫(xiě)作，并不是為了打印，需要讓用戶能很好地閱讀，下面是幾個(gè)改進(jìn)的要點(diǎn)：

使用子標(biāo)題

使用列表

突出關(guān)鍵字

使用小段落

反金字塔結(jié)構(gòu)

簡(jiǎn)單的寫(xiě)作風(fēng)格

5、固定字體大小

CSS樣式不幸讓網(wǎng)站有權(quán)禁止瀏覽器的“改變字體大小”的功能，并使得網(wǎng)站有一個(gè)固定的字體大小。對(duì)于大多數(shù)人的年齡超過(guò)40歲的人來(lái)說(shuō)，這個(gè)固定地文字大小實(shí)在太小了。

尊重用戶的喜好，讓他們按照自己的需要修改文字的大小，同時(shí)，明確字體大小是相對(duì)的，而非絕對(duì)顯示像素的數(shù)量多少。

6. 網(wǎng)頁(yè)標(biāo)題搜索引擎不友好

搜索是用戶發(fā)現(xiàn)網(wǎng)站的最重要途徑，搜索用戶找到一個(gè)獨(dú)立網(wǎng)站的最重要的方法。網(wǎng)頁(yè)的標(biāo)題是你吸引新用戶或老用戶從搜索列表中定位到你網(wǎng)站的主要工具。

網(wǎng)頁(yè)的標(biāo)題文字是在<title>標(biāo)記之間的文字，并通常作為搜索引擎結(jié)果列表中的鏈接文字。搜索引擎一般只顯示標(biāo)題開(kāi)頭66個(gè)字，是真正的縮略內(nèi)容。

網(wǎng)頁(yè)標(biāo)題也用戶將一個(gè)網(wǎng)址加為書(shū)簽時(shí)的默認(rèn)文字，對(duì)于你的主頁(yè)，應(yīng)該以公司名稱(chēng)開(kāi)頭，接著是網(wǎng)站的簡(jiǎn)介，不要用“The”或“Welcome to”做為開(kāi)頭文字。

對(duì)于其他網(wǎng)頁(yè)來(lái)說(shuō)，標(biāo)題應(yīng)該是將具體內(nèi)容的概要文字說(shuō)明，由于網(wǎng)頁(yè)標(biāo)題是瀏覽器窗口的標(biāo)題，也是用戶任務(wù)條上的標(biāo)簽，多個(gè)窗口下將會(huì)顯示每一頁(yè)的標(biāo)題，因此，如果你所有的網(wǎng)頁(yè)標(biāo)題字都相同的話，對(duì)于開(kāi)了多個(gè)窗口的用戶來(lái)說(shuō)，你網(wǎng)站的可用性將嚴(yán)重降低。

7、所有的東西看起來(lái)都像廣告

有選擇地吸引注意力是相當(dāng)有力的途徑。用戶已經(jīng)學(xué)會(huì)了對(duì)擋在眼前的那些目的性很強(qiáng)的廣告采取不予理睬的態(tài)度。這也就是為何點(diǎn)擊率每年以半數(shù)速度下降，網(wǎng)絡(luò)廣告根本不起作用的原因。

不幸的是，這也使得用戶忽視了那些看起來(lái)很像廣告的設(shè)計(jì)樣式。畢竟，當(dāng)你不理會(huì)某些東西時(shí)，就不會(huì)仔細(xì)地研究它并搞清楚它是什么。

因此，最好避免任何類(lèi)似廣告的設(shè)計(jì)。這一指導(dǎo)方針?biāo)鶄鬟_(dá)的含義隨著新的廣告形式出現(xiàn)而變化。目前遵循以下規(guī)則：

無(wú)視橫幅：著用戶將不會(huì)把注意力放在任何看似橫幅廣告的東西，這取決于它的形狀及位置。

避免使用動(dòng)畫(huà)：用戶會(huì)忽視那些閃爍的文字或其它侵略性很強(qiáng)的動(dòng)畫(huà)。

凈化彈出窗口：用戶在彈出窗口完全打開(kāi)前就會(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è)蘋(píng)果，它一定會(huì)砸中他的腦袋一樣。

用戶的期望實(shí)現(xiàn)得越多，他們就越感覺(jué)是自己在控制整個(gè)系統(tǒng)，并且更加喜歡它。相反地，用戶則會(huì)感到可靠程度不夠。想想，當(dāng)我釋放蘋(píng)果時(shí)，它變成了西紅柿并朝著天空蹦出一英里，那多荒誕！

9、打開(kāi)新的瀏覽器窗口

打開(kāi)新的瀏覽窗口就像一個(gè)吸塵器推銷(xiāo)員在上門(mén)推銷(xiāo)時(shí)，直接將煙灰缸里的雜物傾倒在消費(fèi)者家中的地毯上。拜托！不要用任何窗口污染我的屏幕（尤其在當(dāng)前操作系統(tǒng)低劣的窗口管理技術(shù)下），如果我需要一個(gè)新窗口，我會(huì)自己打開(kāi)的。

設(shè)計(jì)者打開(kāi)新窗口的本意是要讓用戶留在他的站點(diǎn)上。但是卻忽略了控制用戶的機(jī)器所帶來(lái)的負(fù)面效應(yīng)，這種策略恰恰弄巧成拙，因?yàn)楫?dāng)用戶想通過(guò)“后退”按鈕返回先前的站點(diǎn)時(shí)，已經(jīng)做不到了。用戶通常注意不到新窗口已經(jīng)被打開(kāi)，尤其當(dāng)他們的顯示器很小，而窗口又正好是最大化時(shí)。因此，當(dāng)用戶想要返回原來(lái)的站點(diǎn)時(shí)，面對(duì)的卻只是一個(gè)不可用的灰色“后退”按鈕。

點(diǎn)擊鏈接的標(biāo)準(zhǔn)結(jié)果是目標(biāo)頁(yè)面在當(dāng)前的瀏覽窗口中加載，取代現(xiàn)有頁(yè)面。出現(xiàn)其它的任何情況都違背了用戶的期望，令他們感到對(duì)網(wǎng)絡(luò)的控制不穩(wěn)定。用戶痛恨那些突然彈出來(lái)的窗口，當(dāng)用戶想要在新窗口打開(kāi)一頁(yè)的時(shí)候，會(huì)自己使用“在新窗口打開(kāi)”功能，因此不要用一些代碼來(lái)干擾了用戶瀏覽器的操作。

10、不回答用戶的提問(wèn)

用戶是因?yàn)槟硞€(gè)目的才訪問(wèn)你的網(wǎng)站。他們方式可能是想購(gòu)買(mǎi)你的產(chǎn)品或者其他，但最終卻失敗了，因?yàn)榫W(wǎng)站沒(méi)有提供用戶尋找的資料信息。

事實(shí)上問(wèn)題遠(yuǎn)沒(méi)有這么簡(jiǎn)單，如果你不告訴用戶具體情況，用戶就會(huì)以為你的產(chǎn)品或服務(wù)不能滿足他們的需求，因此用戶就不會(huì)購(gòu)買(mǎi)你的產(chǎn)品，或者有一些信息，深深隱藏在各種文檔之間，用戶沒(méi)有時(shí)間閱讀所有這些隱藏的信息，因此也就認(rèn)為它們不存在。

不回答用戶提問(wèn)的最壞的例子是拒絕提供產(chǎn)品和服務(wù)的價(jià)格清單，沒(méi)有任何B2C的商務(wù)網(wǎng)站會(huì)犯這種錯(cuò)誤，但是這在B2B中卻普遍存在，大多數(shù)“企業(yè)解決方案”的提出，讓你不能告訴用戶他們適合100個(gè)站點(diǎn)、還是10萬(wàn)個(gè)站點(diǎn)人。價(jià)格是最主要的作用是便于想用戶提供相應(yīng)的產(chǎn)品，避免提供一個(gè)不成熟的產(chǎn)品給用戶。

即使是B2C網(wǎng)站有時(shí)頁(yè)會(huì)忘記在所有地方提供相關(guān)產(chǎn)品價(jià)格清單，例如在目錄頁(yè)或者搜索結(jié)果頁(yè)，要知道，在這兩種情況下，價(jià)格是關(guān)鍵，它讓用戶能夠區(qū)分不同的產(chǎn)品并找到最合適的目標(biāo)。

其他各年的十大錯(cuò)誤列表

2005年的十大網(wǎng)站設(shè)計(jì)問(wèn)題：

一．易讀性的問(wèn)題－讓使用者決定瀏覽時(shí)字體大小。

二．沒(méi)有標(biāo)準(zhǔn)的超連結(jié)表示

三．Flash的使用

四．網(wǎng)頁(yè)無(wú)法呈現(xiàn)網(wǎng)站內(nèi)容

五．搜尋的重要

六．瀏覽器的差異

七．討厭的框架

八．沒(méi)有鏈接相關(guān)資訊或是公司資訊

九．固定的頁(yè)面寬度

十．不適當(dāng)?shù)膱D片放大連結(jié)

2003年的十大網(wǎng)站設(shè)計(jì)問(wèn)題：

一．主題不明確

二．更改以存檔的鏈接地址

三．內(nèi)容沒(méi)有注明日期

四．縮略圖看不清細(xì)節(jié)

五．圖片的ALT文字過(guò)于冗長(zhǎng)

六．不給用戶自定義選擇

七．過(guò)長(zhǎng)的商品列表選擇

八．商品僅按照商標(biāo)排序

九．過(guò)于限制用戶錄入的信息

十．頁(yè)面包含指向自身頁(yè)面的鏈接

1999年的十大網(wǎng)站設(shè)計(jì)問(wèn)題：

一．破壞或減慢“后退”按鈕

二．打開(kāi)新的瀏覽窗口

三．使用不規(guī)范的GUI（圖形用戶界面）部件

四．缺少自我介紹

五．缺少存檔

六．移動(dòng)頁(yè)面至新的URL地址

七．標(biāo)題和內(nèi)容不匹配

八．對(duì)最新的網(wǎng)絡(luò)熱門(mén)緊追不舍

九．服務(wù)器訪問(wèn)速度過(guò)慢

十．所有的東西看起來(lái)都像廣告