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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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