設計實務

官網導覽與資訊架構設計：讓人三次點擊內找到想買的東西

2026年9月14日・ViewInternet 編輯部

講官網設計，大家的注意力都在首頁的視覺與商品頁的說服力，很少人認真看一個更基本的東西：導覽與分類的架構。但數據會說話：訪客進站後找不到想要的東西，多數在三十秒內離開——他們不會寫信告訴你「你的分類邏輯很怪」，他們直接走。資訊架構是官網的骨架：分類怎麼切、選單怎麼排、找東西的路徑順不順，這些決定了流量進來之後能不能順利流向商品。這篇把官網資訊架構的設計方法講清楚——它不需要美感天分，需要的是換位思考的紀律。

分類的第一原則：用消費者的腦袋切，不是用倉庫的邏輯切

分類架構最常見的病，是用公司內部的邏輯切分類：按供應商分、按品號系列分、按進貨的批次分——這些邏輯對內部管理有意義，對消費者是天書。正確的切法是從消費者的尋找路徑出發，而消費者找東西的腦迴路通常有三種：按品類找（我要買洗髮精）、按需求找（我的頭皮容易出油）、按情境找（送禮要送什麼）。好的分類架構會讓這三條路都走得通：主分類用品類（最通用的骨架）、輔以需求或情境的策展入口（「油性頭皮專區」「送禮推薦」——這些不是分類，是把同樣的商品用另一個邏輯再組織一次）。切分類的實用功課：把客服的對話與站內搜尋的關鍵字翻一遍，消費者用什麼詞、怎麼描述需求，那就是分類命名該用的語言——你叫它「洗沐系列」，客人搜的是「洗髮精」，這個落差每天都在流失訂單。

選單的設計：寬一點、淺一點、命名說人話

分類定了，選單是它的呈現。三個設計原則。寬而淺勝過窄而深：分類的層級盡量壓在兩層（主分類加次分類），讓多數商品在三次點擊內到達——每多一層深度，就多一批在中途迷路的訪客；品項少的新站尤其不要過度分類，二十個商品切八個主分類，每一類點進去稀稀落落，比不分類更傷。命名說人話：選單的文字用消費者的語言，不用品牌的內部黑話——自創的系列名（「晨曦系列」「沐光系列」）可以存在於商品故事裡，但選單上要配品類的直白說明，第一次來的人看選單就該知道你賣什麼。曝光有策略：選單的排序不是按字母或隨機，是按生意的優先級——主力品類放前面、策展入口（新品、熱賣、活動）放進主選單的黃金位置；行動版的選單更要克制，小螢幕上塞滿二十個選項的漢堡選單，等於沒有選單。這些原則落到商品頁與整站的設計裡，就是那種消費者說不出好在哪、但逛起來就是順的體驗。

找路的配套：麵包屑、篩選器與相關推薦

主選單之外，三個找路的配套決定深度瀏覽的品質。麵包屑導覽：告訴訪客「你在哪裡、怎麼回去」——它不起眼，但對從搜尋引擎直接降落在內頁的訪客（這常常是官網最大的流量入口）是重要的方向感來源，也是搜尋引擎理解你網站結構的訊號。篩選與排序：品項多的分類頁必備——價格帶、規格、用途的篩選讓人快速收斂選擇；篩選器的維度同樣要用消費者的邏輯（他們在意什麼就給什麼篩），而且行動版的篩選體驗要單獨檢查（很多站的桌機篩選很完整，手機上卻難用到讓人放棄）。相關推薦的動線：商品頁的「看了這個也看了」「搭配購買」、分類頁的策展區塊——這些是把單點的瀏覽織成網的線，做得好，訪客的瀏覽深度與客單價都會有感提升。三個配套的共同檢驗法：找一個沒逛過你網站的人，給他三個任務（找到某類商品、比較兩個選項、找到退貨政策），在旁邊看他操作不出聲——五分鐘的觀察，勝過十次內部會議的猜測。

站內搜尋：最誠實的需求數據，最被忽略的轉換工具

站內搜尋是資訊架構的快速通道，也是多數官網做得最隨便的功能。它的價值有兩層。轉換層：會用站內搜尋的訪客，意圖通常最強——搜尋體驗的品質直接影響這批高意圖流量的轉換；基本的優化清單：搜尋結果的準確性（同義詞與錯字的容錯——客人搜「防曬乳」找不到你的「防曬霜」，是系統的錯不是客人的錯）、無結果頁的設計（搜不到不要給一片空白，給熱賣推薦與分類入口，把死路變岔路）、以及搜尋框的能見度（藏在角落的小放大鏡，用的人自然少）。數據層：站內搜尋的關鍵字紀錄是全站最誠實的需求情報——客人搜什麼、搜了沒找到什麼，前者告訴你該把什麼放到更好的位置，後者告訴你該進什麼貨、寫什麼內容；每月看一次搜尋詞報表的習慣，是資訊架構持續進化的養分來源。

架構的維護：長大的網站要定期重新整骨

最後講維護，因為資訊架構不是一次性的設計。網站會長大：品項從二十個變兩百個、內容從十篇變一百篇、活動頁一頁一頁疊——沒有維護紀律的站，兩年後的選單就是一層層歷史沉積的地質剖面：過期的活動入口、只剩一個商品的分類、三個意義重疊的專區。維護的節奏：每季一次小檢視（過期的入口下架、數據差的策展調整）、每年一次大體檢（分類架構對照這一年的品項與消費行為變化，該合併的合併、該新增的新增）。改架構的紀律要提醒：分類與網址的調整牽動搜尋引擎的收錄，重要頁面的網址盡量不動、必須動的做好轉址——架構的優化不該用搜尋流量的損失來交換。資訊架構這件事，說到底是替訪客省力氣的學問：他省下的每一秒尋找，都變成多看一個商品的時間——而在轉換率的優化裡，這種看不見的順暢，往往比任何顯眼的設計改版，貢獻得更多也更持久。