跨飛獨立站透過 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 網站設計過程中多做些多使用者研究和可用性測試，多關注研究結果，以上多數錯誤都可以輕鬆避免。
沒有完美的網站。每一個網站在設計策劃過程中都會因各種因素的干擾而互相妥協，但是基於以多使用者體驗為中心兼顧效能、索引為原則的設計相信還是能夠避免以上問題出現的。