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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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