所有人都知道網頁設計的重要性，糟糕的網頁設計會給用戶帶來糟糕的體驗，從而影響網頁的流量，或是產品的銷售。那么在設計網頁的過程中，應該避免出現哪些錯誤呢？以下是作者總結的十大誤區。

自1996年以來，我已指出了網頁設計中10條最大的誤區。這篇文章主要介紹的是這些問題中最為嚴重的網頁設計錯誤。

一、糟糕的搜索引擎

搜索引擎無法處理手誤、負數、連接符或者其他查詢詞匯的變體，因此過分側重要求輸入正確文字的搜索引擎會大大降低可用性。這種搜索引擎對于所有人都不友好，特別對于年齡比較大的用戶會顯得更加難用。

除了輸入的要求之外，在輸出方面，基于包含多個搜索詞對搜索結果判斷優先級，比基于每個文檔的重要性判斷優先級更重要。如果你的搜索引擎能夠將“最佳匹配”項顯示在搜索結果的第一條就更好了。特別對于一些重要的搜索，比如說產品名稱。

當無法找到信息的時候，搜索功能是用戶的生命線。雖然高級的搜索有時候有所幫助，但是大多時候簡單的搜索能夠滿足需求。搜索應該是一個簡單的輸入框，這就是用戶想要的。

二、在線閱讀PDF文檔

用戶很討厭在瀏覽網頁的時候跳出一個PDF，因為這個PDF破壞了他們的瀏覽過程。即使是很簡單的操作，比如說：打印或者保存文件都很難執行，因為普通的瀏覽器按鈕無法工作。

PDF的布局是基于紙張的大小設計的，在這個布局里面很難去適應網頁瀏覽器，如果在線閱讀PDF文檔，沒有了平滑的滾動瀏覽，只有很小的字體。

最糟糕的是，一個PDF是一個無法導航的，無法分割的一團內容。

對于印刷、發行手冊或者其他大篇幅的需打印的文檔來說，PDF是很好的形式，如果你要實現的是這種目的，那么可以保留PDF。

如果內容是需要被瀏覽或者閱讀的，那么請將所有內容轉化成真正的網頁。

三、瀏覽過的鏈接不改變顏色

一個好的瀏覽歷史能夠幫助你了解目前的位置，因為那是你瀏覽的起點。

知道你過去訪問過和現在訪問的地址，將會對于你接下來決定要訪問哪個地址有所幫助。

鏈接是瀏覽過程的一個重要因素。

通過這些鏈接，用戶可以不再去訪問對他沒用的地址，相反，他們也可能想要再次訪問他們之前訪問過的有用的地址。

最重要的是，他們知道已經瀏覽過那些網頁，可以避免不小心再次訪問同樣的網頁。

而收獲這些好處，只有在一種情況下：將已訪問和未訪問的鏈接設定為不同的顏色，使用戶能夠分辨出哪些是訪問過的，哪些是沒有訪問過的。

在可用性測試中，如果訪問過的鏈接不改變顏色，用戶將會表現出迷惑，總是反復地不小心地瀏覽了相同的網頁。

四、不可掃描的文字

顯示一大片文字對于用戶來說是致命的，它是很可怕、很無聊的交互體驗，用戶閱讀起來很痛苦。

在線寫作，不是為了打印。讓用戶很好地閱讀，并且要支持用戶快速掃描內容，那么使用以下幾個技巧：

• 使用副標題
• 使用列表
• 突出關鍵詞
• 使用小段落
• 倒金字塔結構
• 一個簡單的寫作風格
• 拒絕采用華麗不實在的市場營銷語言

五、固定的字體大小

很不辛的是，CSS樣式不幸地讓網站有權禁止瀏覽器的“改變字體大小”的功能，并且將網頁使用一個固定大小的字體。

95%以上的的情況來說，這個固定的字體大小是非常的小，大大降低了超過40歲的大部分用戶的網頁可閱讀性。

尊重用戶的喜好，讓他們根據需要調整字體大小。另外，要按相對值來定義大小的字體，不要按像素的絕對值定義大小。

六、網頁標題不容易被搜索引擎搜索出

搜索是用戶發現網站的最重要的途徑，也是用戶發現個人網站服務的最重要的途徑。簡單的網頁標題是你從搜索結果中吸引新訪客、幫助現存客戶找到他們需要的網頁的主要工具。

網頁標題是被包含在HTML <title>里的內容，也是最經常被用于搜索結果列表中的可點擊時的大標題。

搜索引擎會顯示標題中的前66個字符，所以這是很精簡關鍵的的簡短的內容。

網頁標題也經常被作為用戶添加到書簽中的默認入口名稱。比如你的公司網站主頁，以公司名稱作為開頭，跟上對網站的簡要描述，就是不錯的選擇。

不要以“The”或者“Welcome”為開頭，除非你想要強調T或者W。

除了主頁外的其他頁面，以最突出的內容作為開頭，后跟用戶將會在這個網頁上看到的內容的簡要描述。

由于網頁標題會被作為瀏覽器的窗口標題，所以它也會被作為顯示在任務欄的標簽內容，這意味著高級用戶將會在多個窗口中，根據網頁的標題前一到兩個詞來判斷要切換到哪個窗口。

如果你所有的網頁標題都是以一樣的詞作為開頭，那么你就降低了使用多窗口的用戶的可用性。

七、看起來像廣告的東西

有選擇性的吸引注意力是非常有用的。網頁的用戶已經學會了如何避免去關注任何可能阻擋他們目標的廣告。

很不幸的是，用戶也經常忽略看起來像廣告

的合理的設計元素。畢竟，當你開始忽略某些東西的時候，你就不會太認真地去研究它是什么。

因此，最好是能夠避免任何看起來像廣告的設計。這一個知道方針將會隨著廣告的新形式出現而發生變化。目前可以遵循以下規則：

• 無視橫幅：由于橫幅所在的網頁位置和形狀，用戶不會把注意力放在任何看似橫幅廣告的地方。
• 避免使用動畫：用戶會忽略不斷閃爍或者跳動的文字或者過于侵略用戶視線的動畫。
• 凈化彈框：用戶會在自己甚至都還沒看彈框內容之前，關閉了彈出的窗口，有時候是帶著厭惡情緒關閉這個窗口的

八、違反設計慣例

一致性是一個最重要的可用性原則之一，當所有的東西都是一致的表現形式，用戶不需要去擔心將會發生什么事情，他們可以根據自己之前的使用習慣，就預測到接下來他會碰到什么。

用戶的期待被驗證是正確得越多，那么他們也會更感受到他們在控制著系統，會更加喜歡這個系統。相反，如果系統經常打破用戶的期待，那么他們會覺得失落。

Jakob’s的網頁用戶體驗原則里指出：用戶花了大部分時間在其他網頁上。

這句話指的是，用戶對你的網站有他們的使用期待，而這些期待是基于使用了大量具備有同樣使用習慣的其他網站而形成的。

如果你背離了，那么你的網站就很難使用，用戶就會離開。

九、打開新的瀏覽器窗口

打開新的瀏覽器窗口就像是一個吸塵器銷售業務在上門推銷的時候，把煙灰缸的雜物傾倒在消費者家的地毯上。

請不要用那么多的窗口污染我的屏幕，特別是當前的操作系統的窗口管理十分混亂的時候。

設計師打開一個新的窗口是出于想要把用戶停留在他們的網站上，不希望用戶離開網站的設計理論的本意，但是卻忽略了控制用戶機器帶來的不良效應。

這個策略是適得其反的，因為打開新的窗口，將沒法使用灰色的返回的按鈕，而返回按鈕已經是用戶返回上一個網站的正常使用習慣。用戶經常注意不到已經有一個新的窗口被打開。特別當他們窗口已經最大化的時候。所以一個用戶在這種情況下，如果想要返回到原來的網站，將會十分的困惑，因為返回按鈕無法使用。

用戶對于他們系統的鏈接的理解，經常不如被想象的那樣。一個鏈接應該是一個簡單的超文本，點擊后目標頁面在當前的瀏覽窗口中加載。

用戶痛恨沒有預警的彈出窗口。當他們想要用新的網頁顯示新的內容的時候，他們會自己用瀏覽器的“在打開新窗口打開”的方法。

十、不回答用戶的問題

用戶是十分的目標驅動性的，他們訪問網站是因為想要通過網站達成什么目的的?；蛟S是購買你的產品。網站很大的一個失敗是，很難令用戶找到他們想找的。

有時候答案很簡單，但就是不在網站上，于是你失去了這個銷售的機會。因為用戶找不到答案，他們必須假設你的產品或者服務不滿足他們的需求。

也有些時候他們想找的答案埋藏的太深，用戶沒有時間去一個個閱讀，這種隱藏太深的信息，就跟不在網站上也是差不多的。

最糟糕的例子是網站不提供“產品或者服務的價格”，沒有B2C的電商網站會犯這種錯誤，但是B2B的網站卻經常發生，比如說人們根本就不能分辨出“企業級解決方案”是適用于100用戶的還是100000用戶的。

價格是用戶最容易去理解提供的產品的最重要的部分。不顯示價格，會讓人迷失，會讓人難以理解產品線。

即使是B2C的網站有時候也會忘記在產品列表里放價格的類似的錯誤，比如說目錄頁、搜索結果。價格是了解情況的關鍵因素。它讓用戶可以區分產品，并且讓用戶快速判斷選擇自身最合適的產品。

原作者：?Jakob Nielsen

原文地址： https://www.nngroup.com/articles/top10mistakeswebdesign/

本文由 @滿天星 翻譯發布于人人都是產品經理。未經許可，禁止轉載

題圖來自 Unsplash ，基于 CC0 協議