十大嚴重的網站設計錯誤 by Jakob Nielsen（轉載）

原文連結

譯文地址：月光部落格（原譯文有些錯誤，這裡是我編輯修改後的版本）

自1996年以來，我曾經指出了很多網站中的設計錯誤，參見底部我的系列文章列表，本文將重點介紹的是，這些問題當中十個最為嚴重的網站設計錯誤。

一、不便搜尋

提供的搜尋引擎過於膚淺，難以處理打字錯誤、複數形式、連字號，以及多種查選條件。這種搜尋對上了年紀的人尤其難用，當然對所有的使用者都不方便。

一個相關的問題是，搜尋引擎區分結果不是依靠文件的重要性，而只是按照查詢條件簡單地進行結果區分。

導航不靈的時候，搜尋是使用者的救生索。即使有高階搜尋功能，簡單搜尋依然是使用者的最愛，應該使用一個簡單的錄入框，這正是使用者想要的。

二、使用PDF檔案做為線上閱讀

使用者討厭在瀏覽的時候跳出PDF檔案，那會打斷使用者的瀏覽過程，因為普通的瀏覽器按鈕無法工作，即使如列印或儲存文件這樣簡單的事情也會變得複雜。由於PDF檔案的版面設計是基於紙張優化的，因此文字的字型很少會和使用者的瀏覽器視窗相適應。沒有了平滑的滾動瀏覽，有的只是超小號的字型。

更糟糕的是，PDF檔案內容是分塊的，很難瀏覽。

PDF對於印刷及發行手冊之類的需要列印的大檔案來講是很合適的，只是為了這個目的才應該使用它，而需要在螢幕或網頁上閱讀的內容，都應該轉為真實的網頁版本。

三、未改變已訪問連結的顏色

一個好的瀏覽歷史能夠幫助你瞭解目前的位置，因為那是你瀏覽的起點。知道過去和現在的位置，才比較容易決定下一步去哪裡。連結是這些瀏覽過程中的一個關鍵因素。使用者可以不再去訪問那些沒有用處的地址，相反，有用的地址他們會反覆訪問。

最重要的是，他們要知道哪些網頁已經訪問過了，這樣就不必再次點選不想去的歷史頁面。

但是這些好處必須有一個重要的前提：網站需提供不同的顏色顯示，讓使用者分辨出哪些連結訪問過，哪些連結沒有訪問過。如果訪問一個連結後顏色沒有發生變化，那麼使用者很可能記不清楚，又去訪問同一歷史頁面。

四、文字未排版

將一大版文字堆積在一起真是可怕。恐怖，煩人，讀起來太痛苦了。

要專為線上版重新寫作，而不是直接貼上來。要讓使用者能很好地閱讀，下面是幾個改進的要點：

• 使用子標題
• 使用列表
• 突出關鍵字
• 使用小段落
• 倒金字塔結構
• 簡單的寫作風格
• 表述準確，別來虛的

五、固定字型大小

CSS樣式不幸讓網站有權禁止瀏覽器的“改變字型大小”的功能，使得網站有一個固定的字號大小。絕大部分情況下，對於多數年齡超過40歲的人來說，網站選用的字號實在太小了，大大降低了可讀性。

尊重使用者的喜好，讓他們按照自己的需要修改文字的大小，同時，明確字型大小是相對的，而非絕對顯示畫素的數量多少。

六、網頁標題未針對搜尋引擎設計

搜尋是使用者發現網站的最重要途徑，是使用者找到一個個網站的最重要的方法。網頁的標題不僅能吸引新使用者從搜尋結果中發現你的網站，也能讓老使用者迅速找到他們所需的具體網頁。

網頁的標題文字是在標記之間的文字，並通常作為搜尋引擎結果列表中的連結文字。搜尋引擎一般只顯示標題開頭66個字，是真正的縮略內容。

網頁標題也是使用者將一個網址加為書籤時的預設文字。你的主頁應該以公司名稱開頭，接著是網站的簡介，不要用“The”或“Welcome to”做為開頭文字。

對於站內其他網頁，標題應該是具體內容的概要文字說明。由於網頁標題是瀏覽器視窗的標題，也是使用者任務條上的標籤，多個視窗下將會顯示每一頁的標題，因此，如果你所有的網頁標題字都相同的話，使用者開的多個視窗就很難分辨，網站的可用性將嚴重降低。

七、所有的東西看起來都像廣告

選擇性注意太強大了，使用者已經學會了對礙眼的廣告不予理睬，他們瀏覽網站有自己明確的目的。（唯一的例外是基於文字的廣告。）

不幸的是，這也使得使用者忽視了那些看起來很像廣告的設計樣式。畢竟，當你不理會某些東西時，就不會仔細地研究它究竟是什麼。

因此，最好避免任何類似廣告的設計。這一指導方針所傳達的含義隨著新的廣告形式出現而變化。目前遵循以下規則：

• 無視橫幅：使用者不會把注意力放在任何形狀和位置類似橫幅廣告的東西。
• 避免使用動畫：使用者會忽視那些閃爍的文字或其他干擾性很強的動畫。
• 淨化彈出視窗：使用者在彈出視窗完全開啟前就會將其關閉，避之唯恐不及。

八、違反設計慣例

一致性是最重要的一個可用性原則：當事物遵循相同的原則運作時，使用者不用擔心發生意外，因為他們根據先前的經驗已經很清楚將會發生什麼事情。每當你在牛頓的頭頂上放一個蘋果，人們就認為它一定會砸中他的腦袋。這多好！

使用者的期望實現得越多，他們就越感覺是自己在控制整個系統，並且更加喜歡它。否則，使用者會感到不夠可靠。想想看，我鬆開蘋果，它卻變成了蕃茄蹦出一里多地，嚇我一大跳！

九、開啟新的瀏覽器視窗

開啟新的瀏覽視窗就像推銷員上門推銷吸塵器時，二話不說就將菸灰缸裡的髒東西倒在你家的地毯上。拜託！不要用任何視窗汙染我的螢幕（尤其是現在的作業系統視窗管理技術很不過關），如果需要新視窗，我會自己開啟的。

設計者開啟新視窗的本意是要讓使用者留在他的站點上，但是卻忽略了控制使用者機器的行為帶來了負面效應，結果弄巧成拙，使用者想習慣性地用“後退”按鈕返回先前的站點時，才發現不對。使用者通常注意不到新視窗已經開啟，尤其當他們的顯示器很小，而視窗又正好是最大化時。於是，使用者想要返回原來的站點，面對的卻只是一個不可用的灰色“後退”按鈕。

點選連結的標準結果是目標頁面在當前視窗中載入，取代現有頁面。不符合使用者預期的連結會讓他們覺得自己的系統不聽話。使用者痛恨那些突然彈出來的視窗，想要在新視窗開啟一頁的時候，他們會自己使用“在新視窗開啟”功能，因此不要用一些程式碼來干擾了使用者瀏覽器的操作。

十、不回答使用者的提問

使用者在瀏覽網路時是有明確目的的，來到你的網站也是想完成一件事，甚至可能是來買你的產品。網站若不能提供使用者尋找的資訊，就難逃失敗的命運。

有時候你就是沒有給使用者答案，自然會丟掉這筆買賣，使用者會認為你的產品或服務不能滿足他們的需求，因為你說不出個所以然。有時候你其實給出了答案，但卻深埋在空話套話中，網頁上堆滿了宣傳用語，使用者沒有時間去挖掘這些隱藏的資訊，因此也就認為它們不存在。

不回答使用者提問的最壞的例子，是不提供產品和服務的報價，沒有任何B2C的商務網站會犯這種錯誤，但是這在B2B網站中卻普遍存在，太多的“企業解決方案”沒有告訴使用者是適合100人還是10萬人。價格最主要的作用是便於使用者理解報價所針對的物件，不提供報價使用者就無法理解你的產品線。我們的測試中看到太多的使用者在問“價格在哪裡”，簡直要瘋掉了。

即使是B2C網站有時也會忘記給產品加上價格，例如在目錄頁或者搜尋結果頁，要知道，在這兩種情況下，價格都是關鍵，它讓使用者能夠區分不同的產品並找到最合適的目標。

其他各年的十大錯誤列表

2005年的十大網站設計問題：

一、易讀性的問題－讓使用者決定瀏覽時字型大小。
二、沒有標準的超連結表示
三、Flash的使用
四、網頁無法呈現網站內容
五、搜尋的重要
六、瀏覽器的差異
七、討厭的框架
八、沒有連結相關資訊或是公司資訊
九、固定的頁面寬度
十、不適當的圖片放大連結

2003年的十大網站設計問題：

一、主題不明確
二、更改以存檔的連結地址
三、內容沒有註明日期
四、縮圖看不清細節
五、圖片的ALT文字過於冗長
六、不給使用者自定義選擇
七、過長的商品列表選擇
八、商品僅按照商標排序
九、過於限制使用者錄入的資訊
十、頁面包含指向自身頁面的連結

1999年的十大網站設計問題：

一、破壞或減慢“後退”按鈕
二、開啟新的瀏覽視窗
三、使用不規範的GUI（圖形使用者介面）部件
四、缺少自我介紹
五、缺少存檔
六、移動頁面至新的URL地址
七、標題和內容不匹配
八、對最新的網路熱門緊追不捨
九、伺服器訪問速度過慢
十、所有的東西看起來都像廣告