跳到主要內容

找得到・主選單與導航

主選單項目太多怎麼整理?

這篇只回答這一個問題,用電商網站實務角度整理判斷方式與可以先做的改善。

先給答案

針對「主選單項目太多怎麼整理」,建議先先保留最重要的第一層入口,再把大量子分類收進有層級的下拉選單。第一層留給最常用、最重要的入口;次要內容收進下拉或頁尾。手機版可以同一邏輯、不同呈現方式。

我在整理電商網站時,這類問題很常出現。先給你結論:針對「主選單項目太多怎麼整理」,建議先先保留最重要的第一層入口,再把大量子分類收進有層級的下拉選單。第一層留給最常用、最重要的入口;次要內容收進下拉或頁尾。手機版可以同一邏輯、不同呈現方式。

主選單是網站的主要導航,不是把所有頁面名稱都塞進同一列。所以這篇只處理「主選單項目太多怎麼整理」這一個問題,不把其他網站問題全部混在一起。

主選單項目太多怎麼整理,先看這幾個判斷點

第一層留給最常用、最重要的入口;次要內容收進下拉或頁尾。手機版可以同一邏輯、不同呈現方式。如果你現在只想先知道從哪裡看,下面四點最值得先檢查。

每個名稱都能預測點進去會看到什麼

就「主選單項目太多怎麼整理」這一題來看,這個檢查點會直接影響顧客是否能更容易讓訪客在任何頁面都知道自己在哪裡、可以去哪裡,以及怎麼回到主要內容。

手機操作不用連續展開很多層

就「主選單項目太多怎麼整理」這一題來看,這個檢查點會直接影響顧客是否能更容易讓訪客在任何頁面都知道自己在哪裡、可以去哪裡,以及怎麼回到主要內容。

重要頁面不會成為孤兒頁

就「主選單項目太多怎麼整理」這一題來看,這個檢查點會直接影響顧客是否能更容易讓訪客在任何頁面都知道自己在哪裡、可以去哪裡,以及怎麼回到主要內容。

針對這一題,可以先怎麼調整?

1. 把大量子分類收進有層級的下拉選單

把大量子分類收進有層級的下拉選單。這一步的目的,是先讓資訊回到顧客能理解的順序,不用一次把所有內容都重做。

2. 名稱使用客人看得懂的詞

名稱使用客人看得懂的詞。如果這一步做完之後,客人仍然無法讓訪客在任何頁面都知道自己在哪裡、可以去哪裡,以及怎麼回到主要內容,再往下一個環節檢查會比較有效率。

3. 手機版重新檢查展開與點擊順序

手機版重新檢查展開與點擊順序。實務上我會先從這裡改,因為它通常比加更多裝飾或更多文字更容易看出差異。

用一個簡單例子看差異

很多網站不是完全沒做,而是資訊說法還停留在品牌自己看得懂的角度。把內容換成顧客會理解的語言,通常會清楚很多。

修改前

品牌故事館/選物時光/幸福研究所

修改後

品牌故事/所有商品/餐廚用具/居家日用/個人用品

這不是要求所有品牌都照同一個句型,而是提醒你:每一段內容都要有明確任務,讓客人不用猜。

如果是百變花樣在看,我會先檢查什麼?

就「主選單項目太多怎麼整理」這一題,我不會先急著加更多 Banner、外掛或行銷話術,而是先做一件最直接的事:把大量子分類收進有層級的下拉選單。接著再看顧客能不能更容易讓訪客在任何頁面都知道自己在哪裡、可以去哪裡,以及怎麼回到主要內容。

反過來說,如果這一題其實已經做得很清楚,就不要為了「優化」硬改。把時間留給真正影響購物的下一個問題,會比較有效率。

快速自我檢查

  • 每個名稱都能預測點進去會看到什麼
  • 手機操作不用連續展開很多層
  • 重要頁面不會成為孤兒頁
  • 第一層能快速掃完
這題處理完,接著看什麼?不要一次改整站。先從真正相鄰的問題往下看:
電商網站主選單應該放哪些項目? 下拉選單幾層最容易使用? 首頁要怎麼設計商品入口才好找? 

不確定網站是不是只有這個問題?

百變花樣把電商網站拆成「看得懂、找得到、會想買、買得順」四個面向。你可以先做 20 題免費健檢,找出現在最值得優先改善的地方,再決定要不要改網站。

免費開始 20 題電商網站健檢