早在1996，我們就收集了10種網(wǎng)站的錯誤設(shè)計。今年，我們采訪了215位英美用戶，對當代網(wǎng)站的錯誤設(shè)計進行了新一輪的大規(guī)模可用性研究。網(wǎng)站和國際組織的官方網(wǎng)站，通過對43個網(wǎng)站的分析，總結(jié)出10大當代網(wǎng)站最常見、最具破壞性的錯誤設(shè)計，這些錯誤的設(shè)計不僅損害了用戶，而且對網(wǎng)站也產(chǎn)生了負面影響。業(yè)務(wù)指標。

它們都是新的嗎不，這10個錯誤是常見的。近年來網(wǎng)頁設(shè)計發(fā)展迅速，但這些錯誤的設(shè)計仍然存在很長一段時間。雖然現(xiàn)代設(shè)計模式和美學(xué)不斷變化，但用戶的本質(zhì)需求并沒有太大變化。用戶仍然需要找到。他們想要的信息，閱讀網(wǎng)站的結(jié)構(gòu)，點擊后知道去哪里，去哪里。

用戶無法找到的信息是沒有用的，對于許多網(wǎng)站來說，導(dǎo)航的類別與類別無關(guān)，點擊后的內(nèi)容與類別無關(guān)，還有其他網(wǎng)站忽略用戶的想法，直接構(gòu)造信息。如果網(wǎng)站的內(nèi)容結(jié)構(gòu)與用戶的心理模型完全不同，用戶就無法找到他們想要的信息。

讓用戶參與網(wǎng)站的設(shè)計。做一些簡單的可用性研究來幫助用戶閱讀你的網(wǎng)站，比如卡片分類、樹測試、可用性測試。

（圖1）AttMe:用戶希望看到關(guān)于購買和出售舊手機的信息，當他們點擊智能手機，但該網(wǎng)站把它放在現(xiàn)有的客戶。

一旦用戶無法區(qū)分兩個相似的鏈接或?qū)Ш竭x項，就很難找到獲取信息的最佳方式。網(wǎng)站的鏈接/導(dǎo)航選項、鏈接/導(dǎo)航選項和其他鏈接導(dǎo)航選項的定義應(yīng)該是準確和清晰的。將多個模塊或頁面引入相同的信息，為了驗證相似性和差異性，用戶將不得不進行確認，或者嘗試猜測哪些是最方便使用的。否則，用戶將直接使用搜索功能，或者簡單地放棄您的搜索功能。網(wǎng)站。

（圖2）BAM構(gòu)建：想要知道建設(shè)項目細節(jié)的用戶無法決定是點擊我們是誰，我們做什么，或者我們怎么做。很多用戶選擇了我們所做的，但是頁面是打開的，以找到公司服務(wù)類型的概要。我們應(yīng)該怎樣做。

卡片分類和可用性測試可以幫助設(shè)計者避免這個問題，每個鏈接的語義邊界是模糊的，主要的原因是內(nèi)容策略的失敗。

未命名的鏈接。不同的鏈接應(yīng)該引導(dǎo)用戶看到不同的內(nèi)容，但是出于某些原因，一些鏈接使用語義上相似的詞。在這種情況下，我們只需要重命名有問題的鏈接來進行徹底的區(qū)分。

內(nèi)容劃分失敗。如果多個鏈接的不同頁面在內(nèi)容上緊密關(guān)聯(lián)和重疊，則需要重新組織內(nèi)容以突出每個頁面的內(nèi)容。

一些用戶看到了這種孤獨和可點擊的信息，感覺到其他網(wǎng)頁的內(nèi)容也很淺，無法找到更多有用的信息，他們最終會失去競爭對手，或者直接自己搜索谷歌。

也有用戶試圖重新訪問，只是發(fā)現(xiàn)信息的出乎意料和完全不同于他們最初看到的風(fēng)格。用戶確實發(fā)現(xiàn)了這些孤獨的信息，但他們必須努力工作，把它們放在一起。無論如何，這給人留下了很壞的印象。用戶。

從該公司的角度來看，這種設(shè)計不僅造成了不良的用戶體驗，而且暴露了其失敗的一個模塊的內(nèi)容管理策略，并且在不同模塊中的相同信息是不同的或相互矛盾的。

一個解決方案是為不同的內(nèi)容相關(guān)頁面提供相關(guān)鏈接，一個更好的解決方案是反思你的網(wǎng)站信息為何如此孤獨，然后重新整合框架并在最合適的地方提供鏈接，而不是不斷重復(fù)相同的信息，它是最好把鏈接添加到網(wǎng)站的其他頁面，把信息鏈接到第一個地方。

網(wǎng)站設(shè)計團隊經(jīng)常說，用戶在獲得目標內(nèi)容之前應(yīng)該先點擊幾次，事實上，神奇數(shù)字的質(zhì)量遠比數(shù)量重要，原則上，用戶的每一次點擊都應(yīng)該更接近目標。刺激他們，浪費他們的能量。

設(shè)計人員有時會忘記規(guī)劃用戶發(fā)現(xiàn)內(nèi)容的路徑，導(dǎo)致網(wǎng)頁之間缺乏連接，所以在分析正式設(shè)計之前，請徹底分析用戶的操作路徑，并考慮一個較短的計劃。

（圖3）（圖4）NYC GOV網(wǎng)站：在用戶點擊找到一個消防站后，發(fā)現(xiàn)點擊一個只有拼寫差異的消防站。

在決定付費之前，用戶需要知道相關(guān)的價格、訂閱費、便利費、附加費等。43個研究主題中的兩個或三個網(wǎng)站的價格信息訪問路徑太復(fù)雜了。例如，如果你想在AA上找到會員費。RP網(wǎng)站，你必須完成幾個不必要的步驟。記住，在執(zhí)行復(fù)雜的操作過程之前，讓用戶知道基本信息。

你需要小心地設(shè)計具有特殊內(nèi)容的單獨頁面或子頁面的網(wǎng)站。不要讓你的用戶陷入困境。215個受訪者中有很多人說他們在進入一個新頁面時有不好的體驗，而無法找到與主網(wǎng)站的鏈接。他們中的一些人會通過點擊瀏覽器自己的返回鍵或重新輸入URL而返回主站。很多人說他們沒有注意到他們是如何進入新頁面的（因為主頁和子頁面太長），不知道導(dǎo)航是如何丟失的。

因此，在設(shè)計子頁面時，請仔細考慮。如果有這樣的業(yè)務(wù)需求，請為用戶提供一個明顯的返回鏈接。

（圖5）（圖6）英國紅十字會網(wǎng)站：其首頁第一屏（www. RexCorto.org），HeZi級頁面尾部屏幕（www. RexFrimStIdStudio .Co，U.K.）非常相似：相同的徽標，相同的導(dǎo)航選項（我們做什么）。想要搜索急救課程的用戶都是即時的。迷惑的時候，他們被帶到了分頁，不知道怎么回來。

作為最終手段，用戶將使用搜索功能。當目標非常明確時，用戶將首先搜索。在任何情況下，我們的網(wǎng)站應(yīng)該確保為用戶提供強大的搜索結(jié)果。

不幸的是，對于許多網(wǎng)站來說，搜索功能是一個致命的缺陷，有些網(wǎng)站與搜索結(jié)果不匹配，有些網(wǎng)站是晦澀難懂的，一些搜索結(jié)果不僅不符合語法和語法規(guī)范，而且描述也沒有使用價值，所以用戶CA。不允許用戶發(fā)現(xiàn)如何搜索這些不相關(guān)的信息，一些搜索結(jié)果也有外部廣告，它直接引導(dǎo)用戶到其他網(wǎng)站。

請密切關(guān)注用戶的搜索記錄，進一步了解用戶行為，挖掘搜索功能的不足，通過對搜索結(jié)果進行標記，如最佳匹配搜索結(jié)果，提高搜索的準確性。

過濾（過濾器）和刻面導(dǎo)航通常有助于提高用戶體驗，幫助用戶排除干擾元素并找到準確的搜索結(jié)果。然而，將兩種工具添加到網(wǎng)站中并不能優(yōu)化用戶體驗。這兩種工具需要幫助真實用戶滿足他們的真實NE。編輯。

《楸樹評論》：過濾是指在某些篩選條件下排除無關(guān)的內(nèi)容，過濾掉用戶想要的結(jié)果；過濾是一維的。刻面導(dǎo)航和過濾的基本思想是相同的，可以看作是多維度的。層次過濾，在搜索結(jié)果中更靈活和更精確；刻面導(dǎo)航在電子商務(wù)網(wǎng)站中特別常見。

過濾和刻面導(dǎo)航為用戶定義了過濾結(jié)果的范圍，不同的過濾條件可以滿足用戶不同的搜索需求。例如，員工可以通過刪除文件類型、日期或主題來搜索最后一周的PPT；電子商務(wù)站點的用戶可以選擇它們。鞋跟上的鞋跟高度或根據(jù)溫度選擇最理想的外套。

一些網(wǎng)站認為過濾和分類導(dǎo)航是萬能的和幻想的，它們可以治愈所有疾病。結(jié)果篩選條件與所有內(nèi)容類型都不相關(guān)，導(dǎo)致結(jié)果不準確。同時，我們也必須小心不要把用戶推到死水中去。家具使用者可能想選擇藍色椅子，或者選擇除了藍色以外的其他顏色的椅子。

電子商務(wù)網(wǎng)站的商品必須準確標注，以確保篩選結(jié)果的高度相關(guān)性。例如，在AARP網(wǎng)站搜索雞肉烹飪食譜時，前10名中6的結(jié)果與雞肉無關(guān)。

（圖7）網(wǎng)站MPLILN：用戶想在網(wǎng)站上搜索50磅以下的藍牙揚聲器，但是發(fā)現(xiàn)左邊的篩選條件不利于找到匹配的結(jié)果，并且必須點擊每個價格范圍，然后在心里計算哪些商品是S。適合自己。

網(wǎng)站信息組織不當容易導(dǎo)致用戶流失，大量的文本信息令人厭煩，增加了閱讀的難度，同時也對用戶的耐心提出了挑戰(zhàn)。

記住，用戶習(xí)慣于瀏覽而非精讀。請使用短句、段落、項目列表、標題和粗體關(guān)鍵詞，以確保用戶可以輕松地獲取關(guān)鍵信息。

（圖8）網(wǎng)站的耳機。com：舒爾SRH440演播室耳機過于冗長的描述耳機，這使得用戶很難抓住關(guān)鍵信息，無法快速判斷耳機和其他耳機之間的差異。

多年來，我們的可用性研究發(fā)現(xiàn)，用戶經(jīng)常忽略類似或放置在廣告空間中的鏈接。廣告中列出的鏈接也被用戶忽略。

設(shè)計師有時會通過添加一些設(shè)計元素，如邊框、背景顏色或圖像來突出它們。遺憾的是，用戶仍然沒有購買它。內(nèi)容越是浮華，用戶就越容易成為廣告。

（圖9）網(wǎng)站PieldLun:The頁面顯示了PiFielFaCe的營業(yè)時間，菜單鏈接是在右側(cè)設(shè)計的。鏈接下面是一杯熱咖啡，咖啡的底部是廣告的列表。這個設(shè)計對于用戶來說很難找到菜單鏈接。

當然，沒有設(shè)計師愿意制造糟糕的網(wǎng)站。現(xiàn)在這些錯誤的設(shè)計已經(jīng)存在很多年了，他們的設(shè)計師不想重復(fù)的原因大概是三天三夜。10個錯誤的設(shè)計中有幾個反映了ARCI的失敗。例如：

差的搜索結(jié)果可能是由于內(nèi)容管理系統(tǒng)的混亂、錯誤標注的內(nèi)容和不完整的搜索工具造成的。

研究這些錯誤設(shè)計的原因要比糾正這些錯誤要困難得多，這些錯誤大多可以通過做更多的用戶研究和可用性測試，并更加注重研究的結(jié)果來避免。

沒有完美的網(wǎng)站。每一個網(wǎng)站都有表格中的字段、不適當?shù)奈谋揪庉嫛⑷鄙賹?dǎo)航選項等問題。只要找到問題，就可以及時修改。

此外，在進行用戶研究時不要忽視以往的研究報告，隨著未來設(shè)計偏好的變化，這些歷史報告可以反復(fù)提醒你避免再次犯錯。

{版權(quán)聲明}這篇文章的內(nèi)容是由互聯(lián)網(wǎng)用戶自發(fā)貢獻的。網(wǎng)站不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如果發(fā)現(xiàn)該站涉嫌抄襲，歡迎發(fā)送郵件至YY@浩tu.CN報告，并提供相關(guān)證據(jù)，經(jīng)核實，本站將立即刪除涉嫌侵權(quán)合作。暫時的。