它們都是新出現(xiàn)的嗎？不，這10大錯(cuò)誤設(shè)計(jì)都是大家“司空見慣”的。網(wǎng)站設(shè)計(jì)這些年可謂發(fā)展迅速，但這些錯(cuò)誤設(shè)計(jì)仍長期存在。盡管當(dāng)代設(shè)計(jì)模式和美學(xué)在不斷變化，不過用戶的本質(zhì)需求變化不大。用戶仍需在網(wǎng)站中找到想要的信息，讀懂網(wǎng)站結(jié)構(gòu)，知道要點(diǎn)擊什么以及點(diǎn)擊后將會(huì)去哪…
它們都是新出現(xiàn)的嗎？不，這10大錯(cuò)誤設(shè)計(jì)都是大家“司空見慣”的。網(wǎng)站設(shè)計(jì)這些年可謂發(fā)展迅速，但這些錯(cuò)誤設(shè)計(jì)仍長期存在。盡管當(dāng)代設(shè)計(jì)模式和美學(xué)在不斷變化，不過用戶的本質(zhì)需求變化不大。用戶仍需在網(wǎng)站中找到想要的信息，讀懂網(wǎng)站結(jié)構(gòu)，知道要點(diǎn)擊什么以及點(diǎn)擊后將會(huì)去哪兒。
那么你的網(wǎng)站在設(shè)計(jì)中犯了哪些錯(cuò)誤？
1. 內(nèi)容位置不合預(yù)期
不能被用戶發(fā)現(xiàn)的信息沒有使用價(jià)值。很多網(wǎng)站，導(dǎo)航的類目字段表達(dá)不詳、亦或點(diǎn)擊后所呈現(xiàn)內(nèi)容與該類目關(guān)聯(lián)不大。還有一些網(wǎng)站，忽視了用戶的想法，直接按公司自己的思路去構(gòu)架信息。如果網(wǎng)站的內(nèi)容結(jié)構(gòu)與用戶的心理模型南轅北轍，用戶就找不到想要的信息。
讓用戶參與到網(wǎng)站設(shè)計(jì)中來。做一些簡單的可用性研究幫助你的網(wǎng)站被用戶讀懂，比如卡片分類、樹形測試、可用性測試。
當(dāng)代網(wǎng)站10大最常見和最具破壞力的錯(cuò)誤設(shè)計(jì)
（圖1）網(wǎng)站ATT.com：用戶原本期望點(diǎn)擊“Smartphones”后看到買賣舊手機(jī)的信息，但是該網(wǎng)站卻把它放到了“Existing Customer”下。
2. 鏈接之間/導(dǎo)航各選項(xiàng)之間邊界模糊
用戶一旦分不清兩個(gè)相似的鏈接或?qū)Ш竭x項(xiàng)，將難以找到獲取信息的最佳路徑。各鏈接/各導(dǎo)航選項(xiàng)之間、各鏈接/各導(dǎo)航選項(xiàng)與網(wǎng)站其他鏈接/導(dǎo)航選項(xiàng)之間要定義準(zhǔn)確、邊界清晰。倘若有多個(gè)模塊或頁面都在介紹同一則信息，為了驗(yàn)證它們的異同，用戶就得一個(gè)一個(gè)確認(rèn)，或費(fèi)力猜測哪個(gè)才是用起來最方便的。再不然，用戶會(huì)直接使用搜索功能，或者干脆放棄你的網(wǎng)站。
當(dāng)代網(wǎng)站10大最常見和最具破壞力的錯(cuò)誤設(shè)計(jì)
（圖2）網(wǎng)站BAM Construction：想了解建筑項(xiàng)目細(xì)節(jié)的用戶無法判斷該點(diǎn)擊“Who We Are”、“What We Do”、還是“How We Do It”。很多用戶選擇了“What We Do”，然而頁面打開卻發(fā)現(xiàn)是公司服務(wù)類型的簡介。建筑項(xiàng)目的細(xì)節(jié)信息被放到了“How We Do It”里。
卡片分類和可用性測試可以幫助設(shè)計(jì)師避免這一問題。各鏈接語義邊界模糊，罪魁禍?zhǔn)资莾?nèi)容策略的失敗。原因可能有二：
鏈接命名不當(dāng)。不同的鏈接應(yīng)引導(dǎo)用戶查看不同的內(nèi)容，但出于某些原因，有些鏈接使用了語義相似的字眼。這種情況下，我們只需對(duì)有問題的鏈接進(jìn)行重命名、以作徹底區(qū)分。
內(nèi)容區(qū)分失敗。如果多個(gè)鏈接打開的不同頁面在內(nèi)容上有強(qiáng)關(guān)聯(lián)、且信息重疊，我們需要對(duì)這些內(nèi)容進(jìn)行重組，以突出各個(gè)頁面的內(nèi)容重點(diǎn)。
3. 信息孤島
有些網(wǎng)站只零散著幾條信息，且信息之間沒什么關(guān)聯(lián)。
有的用戶看到這種“孤獨(dú)”且無法點(diǎn)擊的信息，會(huì)覺得網(wǎng)站其他頁面的內(nèi)容也一樣淺薄。找不到額外有用的信息，他們最終會(huì)流失到競爭對(duì)手那兒、或直接自行Google查詢。
也有用戶試著重新訪問，結(jié)果卻發(fā)現(xiàn)信息出現(xiàn)在預(yù)期之外的地方，而且與第一次看到的內(nèi)容樣式完全不同。還有用戶的確找到了這些“孤獨(dú)”的信息，卻得費(fèi)勁心思把它們拼湊在一起。不管怎樣，這都給用戶留下了極差的印象。
從公司角度看，這種設(shè)計(jì)方式不但造成了糟糕的用戶體驗(yàn)，也暴露了其失敗的內(nèi)容管理策略——某一模塊信息重復(fù)，不同模塊本該相同的信息卻彼此不同或矛盾。
一種解決方案是為內(nèi)容相關(guān)的不同頁面提供相關(guān)鏈接。還有一種更好的方案，就是反思自己的網(wǎng)站信息為何都如此“孤獨(dú)”，然后重新整合構(gòu)架、并在最合適的地方提供鏈接。與其不斷重復(fù)相同的信息，不如在網(wǎng)站其他頁面加上鏈接，鏈到信息首次出現(xiàn)的位置。
4. 點(diǎn)擊次數(shù)過多
即使用戶可以明確目標(biāo)信息的位置，體驗(yàn)也仍會(huì)被意外出現(xiàn)或冗長的操作中斷。
網(wǎng)站設(shè)計(jì)團(tuán)隊(duì)經(jīng)常會(huì)念叨用戶在獲取目標(biāo)內(nèi)容前應(yīng)該點(diǎn)擊幾次。其實(shí)沒有“魔法數(shù)字”——點(diǎn)擊的質(zhì)量遠(yuǎn)比數(shù)量重要。原則上，用戶每點(diǎn)擊一次，就應(yīng)該離目標(biāo)內(nèi)容近一點(diǎn)。如果反復(fù)讓用戶點(diǎn)擊，只會(huì)激怒他們、浪費(fèi)他們的精力。
設(shè)計(jì)師有時(shí)忘記規(guī)劃用戶查找內(nèi)容的路徑，導(dǎo)致網(wǎng)站頁面之間缺乏關(guān)聯(lián)。所以，在正式設(shè)計(jì)前請(qǐng)先分析透徹用戶的操作路徑，想想有沒有更簡短的方案。
當(dāng)代網(wǎng)站10大最常見和最具破壞力的錯(cuò)誤設(shè)計(jì)
當(dāng)代網(wǎng)站10大最常見和最具破壞力的錯(cuò)誤設(shè)計(jì)
（圖3）&（圖4）網(wǎng)站NYC.gov：用戶點(diǎn)擊“Find a Firehouse”后，發(fā)現(xiàn)又要點(diǎn)擊一次僅在拼寫上有大小寫差異的“Find a fire house”，頓時(shí)萬分無奈。
5. 價(jià)格隱藏
在決定為某事物買單之前，用戶需要了解相關(guān)價(jià)格、訂閱費(fèi)、便利費(fèi)、附加費(fèi)等。43個(gè)研究對(duì)象中有兩三家網(wǎng)站價(jià)格信息獲取路徑太過復(fù)雜。比如，要在AARP的網(wǎng)站查到會(huì)費(fèi)價(jià)目，須得完成好幾步不必要的會(huì)員購買流程。請(qǐng)記住，在執(zhí)行復(fù)雜操作流程前，先讓用戶了解到基本信息。
咨詢電話
15050695302
13771112364
咨詢QQ
1309844028