它們都是新出現(xiàn)的嗎?不,這10大錯誤設計都是大家“司空見慣”的。網站設計這些年可謂發(fā)展迅速,但這些錯誤設計仍長期存在。盡管當代設計模式和美學在不斷變化,不過用戶的本質需求變化不大。用戶仍需在網站中找到想要的信息,讀懂網站結構,知道要點擊什么以及點擊后將會去哪…
它們都是新出現(xiàn)的嗎?不,這10大錯誤設計都是大家“司空見慣”的。網站設計這些年可謂發(fā)展迅速,但這些錯誤設計仍長期存在。盡管當代設計模式和美學在不斷變化,不過用戶的本質需求變化不大。用戶仍需在網站中找到想要的信息,讀懂網站結構,知道要點擊什么以及點擊后將會去哪兒。
那么你的網站在設計中犯了哪些錯誤?
1. 內容位置不合預期
不能被用戶發(fā)現(xiàn)的信息沒有使用價值。很多網站,導航的類目字段表達不詳、亦或點擊后所呈現(xiàn)內容與該類目關聯(lián)不大。還有一些網站,忽視了用戶的想法,直接按公司自己的思路去構架信息。如果網站的內容結構與用戶的心理模型南轅北轍,用戶就找不到想要的信息。
讓用戶參與到網站設計中來。做一些簡單的可用性研究幫助你的網站被用戶讀懂,比如卡片分類、樹形測試、可用性測試。
當代網站10大最常見和最具破壞力的錯誤設計
(圖1)網站ATT.com:用戶原本期望點擊“Smartphones”后看到買賣舊手機的信息,但是該網站卻把它放到了“Existing Customer”下。
2. 鏈接之間/導航各選項之間邊界模糊
用戶一旦分不清兩個相似的鏈接或導航選項,將難以找到獲取信息的最佳路徑。各鏈接/各導航選項之間、各鏈接/各導航選項與網站其他鏈接/導航選項之間要定義準確、邊界清晰。倘若有多個模塊或頁面都在介紹同一則信息,為了驗證它們的異同,用戶就得一個一個確認,或費力猜測哪個才是用起來最方便的。再不然,用戶會直接使用搜索功能,或者干脆放棄你的網站。
當代網站10大最常見和最具破壞力的錯誤設計
(圖2)網站BAM Construction:想了解建筑項目細節(jié)的用戶無法判斷該點擊“Who We Are”、“What We Do”、還是“How We Do It”。很多用戶選擇了“What We Do”,然而頁面打開卻發(fā)現(xiàn)是公司服務類型的簡介。建筑項目的細節(jié)信息被放到了“How We Do It”里。
卡片分類和可用性測試可以幫助設計師避免這一問題。各鏈接語義邊界模糊,罪魁禍首是內容策略的失敗。原因可能有二:
鏈接命名不當。不同的鏈接應引導用戶查看不同的內容,但出于某些原因,有些鏈接使用了語義相似的字眼。這種情況下,我們只需對有問題的鏈接進行重命名、以作徹底區(qū)分。
內容區(qū)分失敗。如果多個鏈接打開的不同頁面在內容上有強關聯(lián)、且信息重疊,我們需要對這些內容進行重組,以突出各個頁面的內容重點。
3. 信息孤島
有些網站只零散著幾條信息,且信息之間沒什么關聯(lián)。
有的用戶看到這種“孤獨”且無法點擊的信息,會覺得網站其他頁面的內容也一樣淺薄。找不到額外有用的信息,他們最終會流失到競爭對手那兒、或直接自行Google查詢。
也有用戶試著重新訪問,結果卻發(fā)現(xiàn)信息出現(xiàn)在預期之外的地方,而且與第一次看到的內容樣式完全不同。還有用戶的確找到了這些“孤獨”的信息,卻得費勁心思把它們拼湊在一起。不管怎樣,這都給用戶留下了極差的印象。
從公司角度看,這種設計方式不但造成了糟糕的用戶體驗,也暴露了其失敗的內容管理策略——某一模塊信息重復,不同模塊本該相同的信息卻彼此不同或矛盾。
一種解決方案是為內容相關的不同頁面提供相關鏈接。還有一種更好的方案,就是反思自己的網站信息為何都如此“孤獨”,然后重新整合構架、并在最合適的地方提供鏈接。與其不斷重復相同的信息,不如在網站其他頁面加上鏈接,鏈到信息首次出現(xiàn)的位置。
4. 點擊次數過多
即使用戶可以明確目標信息的位置,體驗也仍會被意外出現(xiàn)或冗長的操作中斷。
網站設計團隊經常會念叨用戶在獲取目標內容前應該點擊幾次。其實沒有“魔法數字”——點擊的質量遠比數量重要。原則上,用戶每點擊一次,就應該離目標內容近一點。如果反復讓用戶點擊,只會激怒他們、浪費他們的精力。
設計師有時忘記規(guī)劃用戶查找內容的路徑,導致網站頁面之間缺乏關聯(lián)。所以,在正式設計前請先分析透徹用戶的操作路徑,想想有沒有更簡短的方案。
當代網站10大最常見和最具破壞力的錯誤設計
當代網站10大最常見和最具破壞力的錯誤設計
(圖3)&(圖4)網站NYC.gov:用戶點擊“Find a Firehouse”后,發(fā)現(xiàn)又要點擊一次僅在拼寫上有大小寫差異的“Find a fire house”,頓時萬分無奈。
5. 價格隱藏
在決定為某事物買單之前,用戶需要了解相關價格、訂閱費、便利費、附加費等。43個研究對象中有兩三家網站價格信息獲取路徑太過復雜。比如,要在AARP的網站查到會費價目,須得完成好幾步不必要的會員購買流程。請記住,在執(zhí)行復雜操作流程前,先讓用戶了解到基本信息。