前言

本文作為Jakob Nielsen關(guān)于網(wǎng)站設(shè)計(jì)錯(cuò)誤的深度探討，與其《博客可用性：十大錯(cuò)誤設(shè)計(jì)》一文形成姊妹篇，所述問(wèn)題同樣適用于博客站點(diǎn)。自1996年以來(lái)，筆者已多次指出網(wǎng)站設(shè)計(jì)中存在的普遍缺陷，本文將聚焦其中最為嚴(yán)重的十大錯(cuò)誤，為設(shè)計(jì)師提供系統(tǒng)性?xún)?yōu)化方向。

十大網(wǎng)站設(shè)計(jì)錯(cuò)誤

作者：Jakob Nielsen　翻譯：William Long

1. 搜索引擎不友好

搜索引擎對(duì)復(fù)雜文本結(jié)構(gòu)（如特殊字符、復(fù)數(shù)形式、連字符組合）的識(shí)別能力有限，導(dǎo)致檢索精度下降；同時(shí)，搜索結(jié)果排序過(guò)度依賴(lài)內(nèi)容關(guān)聯(lián)頻次而非權(quán)威性，影響信息獲取效率。搜索是用戶(hù)尋找信息的核心路徑，其友好性直接決定內(nèi)容可發(fā)現(xiàn)性。

2. 使用PDF文件作為在線閱讀

PDF文件基于印刷優(yōu)化的靜態(tài)布局，破壞了網(wǎng)頁(yè)瀏覽的連續(xù)性：瀏覽器原生控制功能失效（如前進(jìn)/后退、打印保存），字體無(wú)法自適應(yīng)窗口大小，且分塊內(nèi)容結(jié)構(gòu)阻礙流暢閱讀。PDF僅適合需精確打印的文檔分發(fā)場(chǎng)景，在線閱讀應(yīng)優(yōu)先采用HTML格式。

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

鏈接顏色狀態(tài)是用戶(hù)瀏覽路徑的可視化錨點(diǎn)，已訪問(wèn)鏈接的顏色變化能幫助用戶(hù)識(shí)別歷史軌跡，避免重復(fù)訪問(wèn)同一頁(yè)面；若顏色狀態(tài)未更新，將破壞用戶(hù)對(duì)瀏覽位置的認(rèn)知，導(dǎo)致操作混淆與效率降低。

4. 文字未排版

未經(jīng)排版的密集文本極大損害閱讀體驗(yàn)，在線內(nèi)容需遵循可讀性原則：采用層級(jí)標(biāo)題分割結(jié)構(gòu)、列表化呈現(xiàn)信息、關(guān)鍵詞突出顯示、段落精簡(jiǎn)、反金字塔式信息組織（結(jié)論前置）及簡(jiǎn)潔語(yǔ)言風(fēng)格，以適應(yīng)碎片化閱讀習(xí)慣。

5. 固定字體大小

CSS樣式中的固定字體大小設(shè)置剝奪了用戶(hù)自主調(diào)整文本尺寸的權(quán)利，尤其對(duì)視力退化用戶(hù)（如40歲以上群體）造成閱讀障礙。應(yīng)采用相對(duì)單位（如em、rem）定義字體，尊重用戶(hù)個(gè)性化需求，確保文本可訪問(wèn)性。

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

網(wǎng)頁(yè)標(biāo)題是搜索引擎結(jié)果頁(yè)（SERP）的核心展示元素，也是用戶(hù)書(shū)簽?zāi)J(rèn)名稱(chēng)，需以品牌名稱(chēng)開(kāi)頭（首頁(yè)）或內(nèi)容概要（內(nèi)頁(yè)），避免無(wú)意義前綴；同時(shí)，標(biāo)題長(zhǎng)度需控制在66字符以?xún)?nèi)，確保搜索結(jié)果完整顯示，且各頁(yè)面標(biāo)題需唯一，避免多窗口瀏覽時(shí)的混淆。

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

用戶(hù)對(duì)廣告元素的視覺(jué)免疫導(dǎo)致類(lèi)似廣告的設(shè)計(jì)樣式被無(wú)意忽略。應(yīng)避免橫幅狀布局、閃爍動(dòng)畫(huà)及彈出窗口等廣告特征，通過(guò)遵循無(wú)干擾設(shè)計(jì)原則，確保關(guān)鍵信息不被用戶(hù)的廣告規(guī)避行為過(guò)濾。

8. 違反設(shè)計(jì)慣例

一致性是可用性設(shè)計(jì)的基石，遵循用戶(hù)既定的交互慣例（如點(diǎn)擊鏈接跳轉(zhuǎn)、后退按鈕功能）能降低認(rèn)知負(fù)荷，增強(qiáng)系統(tǒng)可控感；若設(shè)計(jì)違背用戶(hù)預(yù)期（如鏈接行為突變），將破壞信任感，導(dǎo)致操作挫敗。

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

強(qiáng)制彈出新窗口的行為剝奪了用戶(hù)對(duì)瀏覽環(huán)境的控制權(quán)，干擾多任務(wù)處理流程，且易導(dǎo)致用戶(hù)迷失于新舊窗口間（尤其小屏設(shè)備）。標(biāo)準(zhǔn)交互應(yīng)遵循當(dāng)前頁(yè)面加載原則，用戶(hù)自主決定是否開(kāi)啟新窗口。

10. 不回答用戶(hù)的提問(wèn)

網(wǎng)站未能提供用戶(hù)所需的明確信息（如產(chǎn)品價(jià)格、服務(wù)詳情）將直接轉(zhuǎn)化目標(biāo)受挫，用戶(hù)可能誤判產(chǎn)品適用性或因信息隱藏而放棄決策。B2B領(lǐng)域尤為需避免價(jià)格模糊化，B2C場(chǎng)景則需在目錄頁(yè)、搜索結(jié)果頁(yè)等關(guān)鍵節(jié)點(diǎn)展示價(jià)格，輔助用戶(hù)對(duì)比選擇。

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

2005年：易讀性問(wèn)題、非標(biāo)準(zhǔn)超鏈接、Flash濫用、內(nèi)容無(wú)法呈現(xiàn)、搜索重要性、瀏覽器差異、討厭框架、缺乏鏈接/公司信息、固定頁(yè)面寬度、不適當(dāng)圖片放大鏈接。

2003年：主題不明確、更改已存檔鏈接、內(nèi)容未注明日期、縮略圖細(xì)節(jié)模糊、圖片ALT文字冗長(zhǎng)、缺乏用戶(hù)自定義、過(guò)長(zhǎng)商品列表、僅按商標(biāo)排序、信息錄入限制過(guò)嚴(yán)、頁(yè)面自鏈。

1999年：破壞“后退”按鈕、強(qiáng)制開(kāi)新窗口、非規(guī)范GUI部件、缺乏自我介紹、缺乏存檔、頁(yè)面URL遷移、標(biāo)題與內(nèi)容不匹配、盲目追逐網(wǎng)絡(luò)熱點(diǎn)、服務(wù)器速度過(guò)慢、廣告化設(shè)計(jì)。