前言
本文作為Jakob Nielsen關(guān)于網(wǎng)站設(shè)計(jì)錯(cuò)誤的深度探討,與其《博客可用性:十大錯(cuò)誤設(shè)計(jì)》一文形成姊妹篇,所述問題同樣適用于博客站點(diǎn)。自1996年以來,筆者已多次指出網(wǎng)站設(shè)計(jì)中存在的普遍缺陷,本文將聚焦其中最為嚴(yán)重的十大錯(cuò)誤,為設(shè)計(jì)師提供系統(tǒng)性優(yōu)化方向。
作者:Jakob Nielsen 翻譯:William Long
搜索引擎對(duì)復(fù)雜文本結(jié)構(gòu)(如特殊字符、復(fù)數(shù)形式、連字符組合)的識(shí)別能力有限,導(dǎo)致檢索精度下降;同時(shí),搜索結(jié)果排序過度依賴內(nèi)容關(guān)聯(lián)頻次而非權(quán)威性,影響信息獲取效率。搜索是用戶尋找信息的核心路徑,其友好性直接決定內(nèi)容可發(fā)現(xiàn)性。
PDF文件基于印刷優(yōu)化的靜態(tài)布局,破壞了網(wǎng)頁(yè)瀏覽的連續(xù)性:瀏覽器原生控制功能失效(如前進(jìn)/后退、打印保存),字體無法自適應(yīng)窗口大小,且分塊內(nèi)容結(jié)構(gòu)阻礙流暢閱讀。PDF僅適合需精確打印的文檔分發(fā)場(chǎng)景,在線閱讀應(yīng)優(yōu)先采用HTML格式。
鏈接顏色狀態(tài)是用戶瀏覽路徑的可視化錨點(diǎn),已訪問鏈接的顏色變化能幫助用戶識(shí)別歷史軌跡,避免重復(fù)訪問同一頁(yè)面;若顏色狀態(tài)未更新,將破壞用戶對(duì)瀏覽位置的認(rèn)知,導(dǎo)致操作混淆與效率降低。
未經(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í)慣。
CSS樣式中的固定字體大小設(shè)置剝奪了用戶自主調(diào)整文本尺寸的權(quán)利,尤其對(duì)視力退化用戶(如40歲以上群體)造成閱讀障礙。應(yīng)采用相對(duì)單位(如em、rem)定義字體,尊重用戶個(gè)性化需求,確保文本可訪問性。
網(wǎng)頁(yè)標(biāo)題是搜索引擎結(jié)果頁(yè)(SERP)的核心展示元素,也是用戶書簽?zāi)J(rèn)名稱,需以品牌名稱開頭(首頁(yè))或內(nèi)容概要(內(nèi)頁(yè)),避免無意義前綴;同時(shí),標(biāo)題長(zhǎng)度需控制在66字符以內(nèi),確保搜索結(jié)果完整顯示,且各頁(yè)面標(biāo)題需唯一,避免多窗口瀏覽時(shí)的混淆。
用戶對(duì)廣告元素的視覺免疫導(dǎo)致類似廣告的設(shè)計(jì)樣式被無意忽略。應(yīng)避免橫幅狀布局、閃爍動(dòng)畫及彈出窗口等廣告特征,通過遵循無干擾設(shè)計(jì)原則,確保關(guān)鍵信息不被用戶的廣告規(guī)避行為過濾。
一致性是可用性設(shè)計(jì)的基石,遵循用戶既定的交互慣例(如點(diǎn)擊鏈接跳轉(zhuǎn)、后退按鈕功能)能降低認(rèn)知負(fù)荷,增強(qiáng)系統(tǒng)可控感;若設(shè)計(jì)違背用戶預(yù)期(如鏈接行為突變),將破壞信任感,導(dǎo)致操作挫敗。
強(qiáng)制彈出新窗口的行為剝奪了用戶對(duì)瀏覽環(huán)境的控制權(quán),干擾多任務(wù)處理流程,且易導(dǎo)致用戶迷失于新舊窗口間(尤其小屏設(shè)備)。標(biāo)準(zhǔn)交互應(yīng)遵循當(dāng)前頁(yè)面加載原則,用戶自主決定是否開啟新窗口。
網(wǎng)站未能提供用戶所需的明確信息(如產(chǎn)品價(jià)格、服務(wù)詳情)將直接轉(zhuǎn)化目標(biāo)受挫,用戶可能誤判產(chǎn)品適用性或因信息隱藏而放棄決策。B2B領(lǐng)域尤為需避免價(jià)格模糊化,B2C場(chǎng)景則需在目錄頁(yè)、搜索結(jié)果頁(yè)等關(guān)鍵節(jié)點(diǎn)展示價(jià)格,輔助用戶對(duì)比選擇。
2005年:易讀性問題、非標(biāo)準(zhǔn)超鏈接、Flash濫用、內(nèi)容無法呈現(xiàn)、搜索重要性、瀏覽器差異、討厭框架、缺乏鏈接/公司信息、固定頁(yè)面寬度、不適當(dāng)圖片放大鏈接。
2003年:主題不明確、更改已存檔鏈接、內(nèi)容未注明日期、縮略圖細(xì)節(jié)模糊、圖片ALT文字冗長(zhǎng)、缺乏用戶自定義、過長(zhǎng)商品列表、僅按商標(biāo)排序、信息錄入限制過嚴(yán)、頁(yè)面自鏈。
1999年:破壞“后退”按鈕、強(qiáng)制開新窗口、非規(guī)范GUI部件、缺乏自我介紹、缺乏存檔、頁(yè)面URL遷移、標(biāo)題與內(nèi)容不匹配、盲目追逐網(wǎng)絡(luò)熱點(diǎn)、服務(wù)器速度過慢、廣告化設(shè)計(jì)。