跨飛獨立站通過 10 年 WooCommerce 建站經驗專案包括小型的地方性商業網站、娛樂網站,到非盈利性網站,再到組織機構的官方網站,上市公司網站等通過對網站的分析,及整個 WooCommerce 建站行業的瞭解調查總結了目前 WordPress 外貿獨立站網站建設設計的 10 大最常見和最具破壞力的錯誤設計。
WordPress 外貿獨立站網站建設過程中的十大設計缺陷
1 、內容位置不合預期
不能被多用户發現的信息沒有使用價值。很多網站,導航的類目欄位表達不詳、亦或點選後所呈現內容與該類目關聯不大。還有一些網站,忽視了多用户的想法,直接按公司自己的思路去構架信息。如果網站的內容結構與多用户的心理模型南轅北轍,多用户就找不到想要的信息。
讓多用户參與到 WordPress 網站設計中來。做一些簡單的可用性研究幫助您的網站被多用户讀懂,比如卡片分類、樹形測試、可用性測試。
2 、鏈接之間/導航各選項之間邊界模糊
多用户一旦分不清兩個相似的鏈接或導航選項,將難以找到獲取信息的最佳路徑。各鏈接/各導航選項之間、各鏈接/各導航選項與網站其他鏈接/導航選項之間要定義準確、邊界清晰。倘若有多個模塊或頁面都在介紹同一則信息,為了驗證它們的異同,多用户就得一個一個確認,或費力猜測哪個才是用起來最方便的。再不然,多用户會直接使用搜索功能,或者乾脆放棄您的網站。
卡片分類和可用性測試可以幫助設計師避免這一問題。各鏈接語義邊界模糊,罪魁禍首是內容策略的失敗。原因可能有二:
鏈接命名不當:不同的鏈接應引導多用户檢視不同的內容,但出於某些原因,有些鏈接使用了語義相似的字眼。這種情況下,我們只需對有問題的鏈接進行重新命名、以作徹底區分。
內容區分失敗:如果多個鏈接開啓的不同頁面在內容上有強關聯、且信息重疊,我們需要對這些內容進行重組,以突出各個頁面的內容重點。
3 、信息孤島
有些網站只零散著幾條信息,且信息之間沒什麼關聯。
有的多用户看到這種 “孤獨” 且無法點選的信息,會覺得網站其他頁面的內容也一樣淺薄。找不到額外有用的信息,他們最終會流失到競爭對手那兒、或直接自行 Google 查詢。
也有多用户試著重新訪問,結果卻發現信息出現在預期之外的地方,而且與第一次看到的內容樣式完全不同。還有多用户的確找到了這些 “孤獨” 的信息,卻得費勁心思把它們拼湊在一起。不管怎樣,這都給多用户留下了極差的印象。
從公司角度看,這種設計方式不但造成了糟糕的多用户體驗,也暴露了其失敗的內容管理策略——某一模塊信息重複,不同模塊本該相同的信息卻彼此不同或矛盾。
一種解決方案是為內容相關的不同頁面提供相關鏈接。還有一種更好的方案,就是反思自己的網站信息為何都如此 “孤獨”,然後重新整合構架、並在最合適的地方提供鏈接。與其不斷重複相同的信息,不如在網站其他頁面加上鍊接,鏈到信息首次出現的位置。
4 、點選次數過多
即使多用户可以明確目標信息的位置,體驗也仍會被意外出現或冗長的操作中斷。
WordPress 網站設計團隊經常會念叨多用户在獲取目標內容前應該點選幾次。其實沒有 “魔法數字”——點選的質量遠比數量重要。原則上,多用户每點選一次,就應該離目標內容近一點。如果反覆讓多用户點選,只會激怒他們、浪費他們的精力。
設計師有時忘記規劃多用户查詢內容的路徑,導致網站頁面之間缺乏關聯。所以,在正式設計前請先分析透徹多用户的操作路徑,想想有沒有更簡短的方案。
5 、價格隱藏
在決定為某事物買單之前,多用户需要了解相關價格、訂閲費、便利費、附加費等。 43 個研究物件中有兩三家網站價格信息獲取路徑太過複雜。比如,要在 AARP 的網站查到會費價目,須得完成好幾步不必要的會員購買流程。請記住,在執行復雜操作流程前,先讓多用户瞭解到基本信息。
6 、多用户被困子級頁面
要為特殊內容設計單獨頁面或子級頁面的網站需小心,別把您的多用户困在其中。 215 位被訪多用户中有很多人表示都曾有這樣的糟糕體驗:莫名進入新頁面,且找不到返回主站的鏈接。他們中的有些會通過點選瀏覽器自帶的返回鍵、或重新輸入網址,以返回主站。但也有相當一部分人表示根本就沒有注意到自己是怎麼來到新頁面的(因為主頁和子級頁面長得太像),並一直納悶剛才的導航怎麼不見了。
因此,設計子級頁面時請仔細斟酌。如有此業務需求,請為多用户提供明顯的返回鏈接。
7 、搜索結果不理想
萬不得已時,多用户會使用搜索功能。當目標非常明確時,多用户也會先行搜索。無論是哪種場景,我們的網站都應該確保為多用户提供強大的搜索結果。
可惜,對許多網站來説搜索功能是它們的致命缺陷。有的網站,搜索結果與搜索詞不匹配;有的網站,搜的結果隱晦不詳。有的搜索結果不但不符合語法句法規範,提供的描述也毫無利用價值,不禁讓多用户困惑怎麼搜出這麼不相干的信息。有的搜索結果還帶有外部廣告,直接把多用户導流到其他網站去了。
請密切關注多用户的搜索記錄,進一步瞭解多用户行為,挖掘搜索功能的不足。通過對搜索結果打標,如 “最佳匹配搜索結果”,提高搜索精準度。
8 、過濾與分面導航錯誤
過濾(filters)和分面導航(facetednavigation)通常有助於提高多用户體驗。它們幫助多用户排除干擾元素,找到準確的搜素結果。然而,隨便給網站加上這兩種工具的話,並不能優化多用户體驗。這兩種工具需幫助真正多用户滿足其真正需求。
過濾是指在一定篩選條件下,把不相關的內容排除,濾出多用户想要的結果;過濾是單維度的。分面導航和過濾的本質思想一致,可以看作是多維度的過濾,靈活性更強、搜索結果更精準;分面導航在 WooCommerce 跨境電商網站中尤為常見。
過濾和分面導航為多用户限定了篩選結果範圍,不同的篩選條件可滿足多用户不同的搜索需求。比如企業員工可以通過刪選檔案類型、日期或者主題來搜索上一週的 PPT;WooCommerce 跨境電商網站的多用户可以通過鞋跟高度挑到喜歡的鞋子,也可以根據保暖級別選出最中意的外套。
有的網站把過濾和分類導航看成是全能的,幻想自己可以 “包治百病” 。結果其篩選條件並未關聯全部內容類型,導致結果不準。同時,我們也要注意切不可把多用户推入 “非此即彼” 的僵局。傢俱多用户可能想選藍色椅子,也可能要挑藍色以外的其他顏色的椅子。兩種場景都要考慮到。
WooCommerce 跨境電商網站的商品必須被準確打標,以保證篩選結果的高度相關。
9 、多用户被迫閲讀大量信息
網站信息組織不當,容易造成多用户迷失。大量的文字信息既枯燥又增加了閲讀難度。同時也挑戰著多用户耐性。
請記住,網站多用户習慣於瀏覽、而不是精讀。使用簡短的句子、段落、專案列表、標題及粗體 SEO 站羣關鍵詞,確保多用户輕鬆抓取關鍵信息。
10 、鏈接隱藏
我們的可用性研究常年發現,多用户經常忽略與廣告長得相似、或被放在廣告位的鏈接內容。列在廣告周圍的鏈接更是被多用户 “打入冷宮” 。
設計師有時會通過增加一些設計元素,比如邊框、背景色或影像等,使之更突出。可惜事如願違,多用户依舊不買賬。鏈接內容設計得越花哨,越容易被多用户當成廣告。
深究這些錯誤設計的原因,遠不如修正錯誤重要。只要在 WordPress 網站設計過程中多做些多用户研究和可用性測試,多關注研究結果,以上多數錯誤都可以輕鬆避免。
沒有完美的網站。每一個網站在設計策劃過程中都會因各種因素的干擾而互相妥協,但是基於以多用户體驗為中心兼顧效能、索引為原則的設計相信還是能夠避免以上問題出現的。