網(wǎng)站建設(shè)中容易犯的十大錯誤

發(fā)布日期：[2016/12/16] 編輯：奇億廣州網(wǎng)站建設(shè)

　　網(wǎng)站建設(shè)的可用性是建站的重要準(zhǔn)則之一，一個沒有使用價值的網(wǎng)站如同擺設(shè)，因此必然要找準(zhǔn)方向來開啟你的建站之路。然而，網(wǎng)站建設(shè)業(yè)界所強(qiáng)調(diào)的重要東西依舊還有人在犯著設(shè)計上的錯誤，奇億網(wǎng)絡(luò)應(yīng)該拿出來和大家共同探討一下。

　　從小型的地方性商業(yè)網(wǎng)站、娛樂網(wǎng)站，到非盈利性網(wǎng)站，再到國際組織機(jī)構(gòu)的官方網(wǎng)站，通過對個別網(wǎng)站的分析，總結(jié)了當(dāng)代網(wǎng)站10大最常見和最具破壞力的錯誤設(shè)計。這些錯誤設(shè)計，不但傷害了用戶，也對網(wǎng)站的業(yè)務(wù)指標(biāo)造成了負(fù)面影響。

　　它們都是新出現(xiàn)的嗎？不，似乎那些錯誤的網(wǎng)站設(shè)計都是大家“司空見慣”的。網(wǎng)站建設(shè)這些年可謂發(fā)展迅速，但這些錯誤設(shè)計仍長期存在。盡管當(dāng)代設(shè)計模式和美學(xué)在不斷變化，不過用戶的本質(zhì)需求變化不大。用戶仍需在網(wǎng)站中找到想要的信息，讀懂網(wǎng)站結(jié)構(gòu)，知道要點擊什么以及點擊后將會去哪兒。

　　那么你的網(wǎng)站在設(shè)計中犯了哪些錯誤？

　　1. 內(nèi)容位置不合預(yù)期

　　不能被用戶發(fā)現(xiàn)的信息沒有使用價值。很多網(wǎng)站，導(dǎo)航的類目字段表達(dá)不詳、亦或點擊后所呈現(xiàn)內(nèi)容與該類目關(guān)聯(lián)不大。還有一些網(wǎng)站，忽視了用戶的想法，直接按公司自己的思路去構(gòu)架信息。如果網(wǎng)站的內(nèi)容結(jié)構(gòu)與用戶的心理模型南轅北轍，用戶就找不到想要的信息。

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

　　以上網(wǎng)站ATT.COM：用戶原本期望點擊“SMARTPHONES”后看到買賣舊手機(jī)的信息，但是該網(wǎng)站卻把它放到了“EXISTING CUSTOMER”下。

　　2. 鏈接之間/導(dǎo)航各選項之間邊界模糊

　　用戶一旦分不清兩個相似的鏈接或?qū)Ш竭x項，將難以找到獲取信息的最佳路徑。各鏈接/各導(dǎo)航選項之間、各鏈接/各導(dǎo)航選項與網(wǎng)站其他鏈接/導(dǎo)航選項之間要定義準(zhǔn)確、邊界清晰。倘若有多個模塊或頁面都在介紹同一則信息，為了驗證它們的異同，用戶就得一個一個確認(rèn)，或費(fèi)力猜測哪個才是用起來最方便的。再不然，用戶會直接使用搜索功能，或者干脆放棄你的網(wǎng)站。

　　上面網(wǎng)站BAM CONSTRUCTION：想了解建筑項目細(xì)節(jié)的用戶無法判斷該點擊“WHO WE ARE”、“WHAT WE DO”、還是“HOW WE DO IT”。很多用戶選擇了“WHAT WE DO”，然而頁面打開卻發(fā)現(xiàn)是公司服務(wù)類型的簡介。建筑項目的細(xì)節(jié)信息被放到了“HOW WE DO IT”里。

　　卡片分類和可用性測試可以幫助設(shè)計師避免這一問題。各鏈接語義邊界模糊，罪魁禍?zhǔn)资莾?nèi)容策略的失敗。原因可能有二：

　　鏈接命名不當(dāng)。不同的鏈接應(yīng)引導(dǎo)用戶查看不同的內(nèi)容，但出于某些原因，有些鏈接使用了語義相似的字眼。這種情況下，我們只需對有問題的鏈接進(jìn)行重命名、以作徹底區(qū)分。

　　內(nèi)容區(qū)分失敗。如果多個鏈接打開的不同頁面在內(nèi)容上有強(qiáng)關(guān)聯(lián)、且信息重疊，我們需要對這些內(nèi)容進(jìn)行重組，以突出各個頁面的內(nèi)容重點。

　　3. 信息孤島

　　有些網(wǎng)站只零散著幾條信息，且信息之間沒什么關(guān)聯(lián)。

　　有的用戶看到這種“孤獨”且無法點擊的信息，會覺得網(wǎng)站其他頁面的內(nèi)容也一樣淺薄。找不到額外有用的信息，他們最終會流失到競爭對手那兒、或直接自行Google查詢。

　　也有用戶試著重新訪問，結(jié)果卻發(fā)現(xiàn)信息出現(xiàn)在預(yù)期之外的地方，而且與第一次看到的內(nèi)容樣式完全不同。還有用戶的確找到了這些“孤獨”的信息，卻得費(fèi)勁心思把它們拼湊在一起。不管怎樣，這都給用戶留下了極差的印象。

　　從公司角度看，這種設(shè)計方式不但造成了糟糕的用戶體驗，也暴露了其失敗的內(nèi)容管理策略——某一模塊信息重復(fù)，不同模塊本該相同的信息卻彼此不同或矛盾。

　　一種解決方案是為內(nèi)容相關(guān)的不同頁面提供相關(guān)鏈接。還有一種更好的方案，就是反思自己的網(wǎng)站信息為何都如此“孤獨”，然后重新整合構(gòu)架、并在最合適的地方提供鏈接。與其不斷重復(fù)相同的信息，不如在網(wǎng)站其他頁面加上鏈接，鏈到信息首次出現(xiàn)的位置。

　　4. 點擊次數(shù)過多

　　即使用戶可以明確目標(biāo)信息的位置，體驗也仍會被意外出現(xiàn)或冗長的操作中斷。

　　網(wǎng)站設(shè)計團(tuán)隊經(jīng)常會念叨用戶在獲取目標(biāo)內(nèi)容前應(yīng)該點擊幾次。其實沒有“魔法數(shù)字”——點擊的質(zhì)量遠(yuǎn)比數(shù)量重要。原則上，用戶每點擊一次，就應(yīng)該離目標(biāo)內(nèi)容近一點。如果反復(fù)讓用戶點擊，只會激怒他們、浪費(fèi)他們的精力。

　　設(shè)計師有時忘記規(guī)劃用戶查找內(nèi)容的路徑，導(dǎo)致網(wǎng)站頁面之間缺乏關(guān)聯(lián)。所以，在正式設(shè)計前請先分析透徹用戶的操作路徑，想想有沒有更簡短的方案。

　　5. 價格隱藏

　　在決定為某事物買單之前，用戶需要了解相關(guān)價格、訂閱費(fèi)、便利費(fèi)、附加費(fèi)等。43個研究對象中有兩三家網(wǎng)站價格信息獲取路徑太過復(fù)雜。比如，要在AARP的網(wǎng)站查到會費(fèi)價目，須得完成好幾步不必要的會員購買流程。請記住，在執(zhí)行復(fù)雜操作流程前，先讓用戶了解到基本信息。

　　6. 用戶被困子級頁面

　　要為特殊內(nèi)容設(shè)計單獨頁面或子級頁面的網(wǎng)站需小心，別把你的用戶困在其中。215位被訪用戶中有很多人表示都曾有這樣的糟糕體驗：莫名進(jìn)入新頁面，且找不到返回主站的鏈接。他們中的有些會通過點擊瀏覽器自帶的返回鍵、或重新輸入網(wǎng)址，以返回主站。但也有相當(dāng)一部分人表示根本就沒有注意到自己是怎么來到新頁面的（因為主頁和子級頁面長得太像），并一直納悶剛才的導(dǎo)航怎么不見了。

　　因此，設(shè)計子級頁面時請仔細(xì)斟酌。如有此業(yè)務(wù)需求，請為用戶提供明顯的返回鏈接。

　　如英國紅十字會網(wǎng)站：其主頁首屏子級頁尾屏十分相似：一樣的LOGO，一樣的導(dǎo)航選項(WHAT WE DO)。想查找FIRST AID COURSE的用戶被帶到子級頁后瞬間迷茫，不知如何返回。

　　7. 搜索結(jié)果不理想

　　萬不得已時，用戶會使用搜索功能。當(dāng)目標(biāo)非常明確時，用戶也會先行搜索。無論是哪種場景，我們的網(wǎng)站都應(yīng)該確保為用戶提供強(qiáng)大的搜索結(jié)果。

　　可惜，對許多網(wǎng)站來說搜索功能是它們的致命缺陷。有的網(wǎng)站，搜索結(jié)果與搜索詞不匹配；有的網(wǎng)站，搜的結(jié)果隱晦不詳。有的搜索結(jié)果不但不符合語法句法規(guī)范，提供的描述也毫無利用價值，不禁讓用戶困惑怎么搜出這么不相干的信息。有的搜索結(jié)果還帶有外部廣告，直接把用戶導(dǎo)流到其他網(wǎng)站去了。

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

　　8. 過濾與分面導(dǎo)航錯誤

　　過濾（filters）和分面導(dǎo)航（faceted navigation）通常有助于提高用戶體驗。它們幫助用戶排除干擾元素，找到準(zhǔn)確的搜素結(jié)果。然而，隨便給網(wǎng)站加上這兩種工具的話，并不能優(yōu)化用戶體驗。這兩種工具需幫助真正用戶滿足其真正需求。

　　「圓梓解說：過濾是指在一定篩選條件下，把不相關(guān)的內(nèi)容排除，濾出用戶想要的結(jié)果；過濾是單維度的。分面導(dǎo)航和過濾的本質(zhì)思想一致，可以看作是多維度的過濾，靈活性更強(qiáng)、搜索結(jié)果更精準(zhǔn)；分面導(dǎo)航在電商網(wǎng)站中尤為常見。」

　　過濾和分面導(dǎo)航為用戶限定了篩選結(jié)果范圍，不同的篩選條件可滿足用戶不同的搜索需求。比如企業(yè)員工可以通過刪選文件類型、日期或者主題來搜索上一周的PPT；電商網(wǎng)站的用戶可以通過鞋跟高度挑到喜歡的鞋子，也可以根據(jù)保暖級別選出最中意的外套。

　　有的網(wǎng)站把過濾和分類導(dǎo)航看成是全能的，幻想自己可以“包治百病”。結(jié)果其篩選條件并未關(guān)聯(lián)全部內(nèi)容類型，導(dǎo)致結(jié)果不準(zhǔn)。同時，我們也要注意切不可把用戶推入“非此即彼”的僵局。家具用戶可能想選藍(lán)色椅子，也可能要挑藍(lán)色以外的其他顏色的椅子。兩種場景都要考慮到。

　　電商網(wǎng)站的商品必須被準(zhǔn)確打標(biāo)，以保證篩選結(jié)果的高度相關(guān)。比如，在AARP網(wǎng)站搜索“雞肉烹飪食譜”，排行前10的結(jié)果里竟然有6個都和雞肉無關(guān)。

　　例如下面網(wǎng)站：用戶想在該網(wǎng)站搜索50英鎊以下的藍(lán)牙音箱，卻發(fā)現(xiàn)左下方的篩選條件不能幫自己查詢到匹配結(jié)果，只好每個價格范圍都點擊一下，然后自己在心里計算哪些商品適合自己。