早在1996年，我們就為該網(wǎng)站總結(jié)了10個錯誤的設(shè)計。今年，我們訪問了215位英美用戶，并對當(dāng)代網(wǎng)站的錯誤設(shè)計進(jìn)行了新一輪的大規(guī)模可用性研究。從小型本地商業(yè)網(wǎng)站，娛樂網(wǎng)站，非營利性網(wǎng)站，到國際組織的官方網(wǎng)站，通過對43個網(wǎng)站的分析，總結(jié)出當(dāng)代網(wǎng)站最常見，最具破壞性的錯誤設(shè)計。 。這些錯誤設(shè)計不僅傷害了用戶，還對網(wǎng)站的業(yè)務(wù)指標(biāo)產(chǎn)生了負(fù)面影響。
它們都是新的嗎？不，這10大錯誤被設(shè)計為“一切都是平常的”。網(wǎng)站設(shè)計多年來發(fā)展迅速，但這些錯誤設(shè)計早已存在。雖然當(dāng)代設(shè)計模式和美學(xué)不斷變化，但用戶的基本需求變化不大。用戶仍然需要在網(wǎng)站上找到他們想要的信息，閱讀網(wǎng)站的結(jié)構(gòu)，知道點擊什么以及點擊后去哪里。
那你的網(wǎng)站在設(shè)計上犯了什么錯誤呢？
1.內(nèi)容位置不符合預(yù)期
用戶無法發(fā)現(xiàn)的信息沒有使用價值。許多網(wǎng)站，導(dǎo)航的類別字段并不為人所知，或者點擊后顯示的內(nèi)容與類別無關(guān)。還有一些網(wǎng)站忽視用戶的想法，并根據(jù)公司自己的想法直接構(gòu)建信息。如果網(wǎng)站的內(nèi)容結(jié)構(gòu)和用戶的心理模型不明確，則用戶將找不到他們想要的信息。
讓用戶參與網(wǎng)站的設(shè)計。做一些簡單的可用性研究，以幫助用戶閱讀您的網(wǎng)站，如卡片排序，樹木測試，可用性測試。
（圖1）網(wǎng)站ATT.COM：用戶最初希望點擊“SMARTPHONES”查看有關(guān)購買和銷售舊手機的信息，但該網(wǎng)站將其置于“現(xiàn)有客戶”之下。
2.鏈接/導(dǎo)航選項之間的邊界
一旦用戶無法區(qū)分兩個類似的鏈接或?qū)Ш竭x項，就很難找到獲取信息的最佳途徑。應(yīng)在每個鏈接/每個導(dǎo)航選項之間，每個鏈接/每個導(dǎo)航選項與網(wǎng)站上的其他鏈接/導(dǎo)航選項之間定義準(zhǔn)確和清晰的邊界。如果有多個模塊或頁面引入相同的信息，為了驗證它們的相似性和差異性，用戶必須逐個確認(rèn)，或者努力猜測哪個是最方便使用的。否則，用戶將直接使用搜索功能，或者只是放棄您的網(wǎng)站。
（圖2）網(wǎng)站BAM CONSTRUCTION：想要了解建設(shè)項目細(xì)節(jié)的用戶無法判斷“我們是誰”，“我們做什么”或“我們?nèi)绾巫觥钡狞c擊。許多用戶選擇了“我們做什么”，但頁面打開以查找公司服務(wù)類型的介紹。建設(shè)項目的細(xì)節(jié)被放在“我們?nèi)绾巫觥敝小?
卡片分類和可用性測試可以幫助設(shè)計人員避免這個問題。每個鏈接的語義邊界都是模糊的，罪魁禍?zhǔn)资莾?nèi)容策略的失敗?？赡苡袃蓚€原因：
鏈接未正確命名。不同的鏈接應(yīng)該引導(dǎo)用戶查看不同的內(nèi)容，但由于某種原因，某些鏈接使用語義相似的單詞。在這種情況下，我們只需要重命名有問題的鏈接以進(jìn)行完全區(qū)分。
內(nèi)容區(qū)分失敗。如果由多個鏈接打開的不同頁面在內(nèi)容上具有強關(guān)聯(lián)并且信息重疊，則我們需要重新組織內(nèi)容以突出顯示每個頁面的內(nèi)容焦點。
3.信息孤島
有些網(wǎng)站只散布了一些信息，而且信息之間沒有聯(lián)系。
有些用戶看到這種“孤獨”而無法點擊的信息，他們會覺得網(wǎng)站其他頁面的內(nèi)容也很淺薄。沒有找到其他有用的信息，它們最終將丟失給競爭對手或直接谷歌查詢。
還有一些用戶嘗試重新訪問，但發(fā)現(xiàn)信息出現(xiàn)意外，并且與首次看到的內(nèi)容樣式完全不同。用戶確實發(fā)現(xiàn)了這些“孤獨”的信息，但他們必須努力將它們組合在一起。無論如何，這給用戶留下了非常糟糕的印象。
從公司的角度來看，這種設(shè)計不僅會造成糟糕的用戶體驗，還會暴露其失敗的內(nèi)容管理策略——模塊是重復(fù)的，不同模塊中的相同信息是不同的或矛盾的。
一種解決方案是為與內(nèi)容相關(guān)的不同頁面提供相關(guān)鏈接。還有一個更好的解決方案，即反映您的網(wǎng)站信息為何“孤獨”，然后重新整合架構(gòu)并在最合適的位置提供鏈接。不要重復(fù)相同的信息，最好將鏈接添加到網(wǎng)站的其他頁面，鏈接到信息首次出現(xiàn)的位置。
4.點擊次數(shù)太多
即使用戶可以指定目標(biāo)信息的位置，仍然會由于意外或冗長的操作而中斷體驗。
網(wǎng)站設(shè)計團(tuán)隊經(jīng)常發(fā)誓用戶在獲取目標(biāo)內(nèi)容之前應(yīng)該點擊幾次。事實上，沒有“神奇數(shù)字”” — —點擊的質(zhì)量遠(yuǎn)比數(shù)字重要。原則上，每次用戶點擊時，他們應(yīng)該更接近目標(biāo)內(nèi)容。如果您反復(fù)點擊該用戶，它只會刺激他們并浪費他們的能量。
設(shè)計人員有時會忘記為用戶尋找內(nèi)容的路徑，導(dǎo)致網(wǎng)頁之間缺乏關(guān)聯(lián)。因此，請在正式設(shè)計之前分析用戶的操作路徑，并考慮是否有更短的解決方案。
（圖3）& （圖4）網(wǎng)站NYC.GOV：點擊“查找消防員”后，用戶點擊了“尋找消防房屋”，其中只有拼寫上的案例差異。 。
5.價格隱藏
在決定付款之前，用戶需要知道相關(guān)價格，訂閱費，便利費，附加費等。 43個研究站點中的兩個或三個具有過于復(fù)雜的價格信息獲取路徑。例如，要在AARP網(wǎng)站上查找會員費的價格，您必須完成幾個不必要的會員購買流程。在執(zhí)行復(fù)雜的操作過程之前，請記住讓用戶了解基礎(chǔ)知識。
6.用戶被困兒童頁面
在設(shè)計具有特殊內(nèi)容的單獨頁面或子頁面的網(wǎng)站時要小心，不要陷阱用戶。受訪的215名用戶中有許多人說他們有這么糟糕的經(jīng)歷：他們莫名其妙地進(jìn)入了新的頁面，找不到回到主站的鏈接。其中一些將通過單擊瀏覽器附帶的返回按鈕或重新輸入URL返回主站點。然而，不少人說他們沒有注意到他們是如何進(jìn)入新頁面的（因為主頁和子頁面看起來太多了），他們總是想知道導(dǎo)航是如何消失的。
因此，在設(shè)計子頁面時請仔細(xì)考慮。如果您有此業(yè)務(wù)需求，請為用戶提供明顯的返回鏈接。
（圖5）& （圖6）英國紅十字會網(wǎng)站：其主屏幕（WWW.REDCROSS.ORG.UK）和子頁面屏幕（WWW.REDCROSSFIRSTAIDTRAINING.CO.UK）非常相似：相同的LOGO，相同的導(dǎo)航選項（WHAT）我們的確是）。想要找到FIRST AID COURSE的用戶被帶到子頁面并在瞬間丟失，我不知道如何返回。
7.搜索結(jié)果不理想
用戶必須在必要時使用搜索功能。當(dāng)目標(biāo)非常明確時，用戶也將首先搜索。無論情況如何，我們的網(wǎng)站都應(yīng)確保為用戶提供強大的搜索結(jié)果。
不幸的是，搜索功能是許多網(wǎng)站的致命缺陷。在某些網(wǎng)站中，搜索結(jié)果與搜索字詞不匹配;一些網(wǎng)站，搜索結(jié)果都是隱藏的。某些搜索結(jié)果不僅不符合語法語法，而且提供的描述沒有使用價值。它無法幫助用戶找到如何找到這些無關(guān)的信息。某些搜索結(jié)果還有外部廣告，可直接將用戶引導(dǎo)至其他網(wǎng)站。
請密切關(guān)注用戶的搜索歷史記錄，以進(jìn)一步了解用戶行為并探索缺乏搜索功能。通過標(biāo)記搜索結(jié)果來提高搜索準(zhǔn)確度，例如“最佳匹配搜索結(jié)果”和“最佳匹配搜索結(jié)果”。
8.過濾和分面導(dǎo)航錯誤
過濾器和分面導(dǎo)航通常有助于改善用戶體驗。它們可幫助用戶消除干擾因素并找到準(zhǔn)確的搜索結(jié)果。但是，將這兩個工具添加到站點不會優(yōu)化用戶體驗。這兩個工具需要幫助真實用戶滿足他們的實際需求。
“循環(huán)解釋：過濾是指在某些篩選條件下排除不相關(guān)內(nèi)容，過濾掉用戶期望的結(jié)果;過濾是單維的。分面導(dǎo)航和過濾的基本思想是一致的，可以看作更多維度過濾，更靈活，搜索結(jié)果更準(zhǔn)確;分面導(dǎo)航在電子商務(wù)網(wǎng)站中尤為常見?！?/p>
過濾和分面導(dǎo)航定義了用戶的篩選結(jié)果范圍。不同的過濾條件可以滿足用戶不同的搜索需求。例如，員工可以通過刪除文件類型，日期或主題來搜索前一周的PPT;電子商務(wù)網(wǎng)站的用戶可以通過鞋跟的高度挑選最喜歡的鞋子，或者根據(jù)保暖等級選擇最理想的夾克。
有些網(wǎng)站認(rèn)為過濾和分類導(dǎo)航是無所不能的，他們可以想象他們可以“全身心臟”。結(jié)果，篩選條件與所有內(nèi)容類型無關(guān)，導(dǎo)致不準(zhǔn)確的結(jié)果。同時，我們還要注意用戶一定不要把用戶推入“下一個或另一個”的僵局。家具用戶可能想要選擇藍(lán)色椅子，或者他們可能想要選擇藍(lán)色以外的椅子。必須考慮這兩種情況。
必須準(zhǔn)確標(biāo)記電子商務(wù)網(wǎng)站上的產(chǎn)品，以確保篩選結(jié)果高度相關(guān)。例如，在AARP網(wǎng)站搜索“雞肉烹飪食譜”中，實際上有10個結(jié)果中的6個與雞肉無關(guān)。
（圖7）網(wǎng)站MAPLIN.COM：用戶希望在本網(wǎng)站上搜索50磅以下的藍(lán)牙揚聲器，但發(fā)現(xiàn)左下方的過濾條件無法幫助他們找到匹配的結(jié)果，因此他們必須點擊每個價格范圍然后他們在他們心中。計算哪些產(chǎn)品適合您。
9.用戶被迫閱讀大量信息
網(wǎng)站信息組織不當(dāng)很容易導(dǎo)致用戶迷路。大量的文本信息既乏味又增加了閱讀的難度。它也挑戰(zhàn)了用戶的耐心。
請記住，網(wǎng)站用戶習(xí)慣于瀏覽，而不是密集閱讀。使用短句，段落，項目列表，標(biāo)題和粗體關(guān)鍵字，以便用戶輕松獲取關(guān)鍵信息。
（圖8）網(wǎng)站THE HEADPHONE.COM:SHURE SRH440 STUDIO耳機詳細(xì)描述太長，大規(guī)模顯示使用戶難以捕捉關(guān)鍵信息，無法快速判斷耳機與其他耳機的區(qū)別。
10.鏈接隱藏
我們的可用性研究發(fā)現(xiàn)，用戶經(jīng)常忽略與廣告類似或放置在廣告位中的鏈接。廣告周圍列出的鏈接甚至更多“由用戶”。
設(shè)計師有時會通過添加邊框，背景顏色或圖像等設(shè)計元素來使其更加突出。不幸的是，該業(yè)務(wù)仍然不會購買。鏈接內(nèi)容越花哨，用戶就越容易做廣告。
（圖9）網(wǎng)站PITFIELD LONDON：此頁面顯示PITFIELD CAFE的營業(yè)時間，右側(cè)設(shè)計了菜單鏈接。鏈接下面是一杯熱咖啡;咖啡下面是一個廣告位列表。這種設(shè)計使用戶很難找到菜單鏈接。
堅持不懈地努力
可以肯定的是，沒有設(shè)計師愿意制作一個糟糕的網(wǎng)站。由于這些錯誤設(shè)計已存在多年，為什么他們的設(shè)計師不愿意“自我迭代”？這背后的原因可能是三天三夜。在10個錯誤設(shè)計中，有幾個反映了架構(gòu)的失敗。例如：
網(wǎng)站信息的結(jié)構(gòu)不正確，可能與公司的組織結(jié)構(gòu)和內(nèi)部政策有關(guān)。
網(wǎng)站的內(nèi)容是錯誤的，這可能是由于公司部門之間缺乏溝通而未能遵循整體內(nèi)容策略。
搜索結(jié)果不佳可能是由于內(nèi)容管理系統(tǒng)混亂，內(nèi)容標(biāo)記錯誤，打字錯誤以及搜索工具不完善造成的。
這些錯誤設(shè)計的原因遠(yuǎn)不如糾正錯誤重要。只要您在網(wǎng)站設(shè)計過程中進(jìn)行更多的用戶研究和可用性測試并更加關(guān)注研究結(jié)果，就可以輕松避免上述大多數(shù)錯誤。
沒有完美的網(wǎng)站。每個網(wǎng)站都有這樣的問題：表單字段有問題，文本編輯不正確，導(dǎo)航缺少選項，等等。只要你能找到問題并及時修改它。
此外，在進(jìn)行用戶研究時，不要忽視以前的研究報告。這些歷史報告可以反復(fù)提醒您避免再次犯錯，因為您的設(shè)計偏好將來會發(fā)生變化。