经营店铺久了我才明白，大多数顾客离开并不是因为产品不好，而是因为他们没法足够快地找到自己想要的东西。这种阻力大多藏在导航里。本文汇总了五个最常见的 Shopify 导航错误，告诉你如何发现每一个问题，以及最干净利落的修复方法。
在进入细节之前，有一个数字值得记住：根据 Baymard Institute 的数据，电商行业平均的购物车放弃率在 70% 左右。这并非全都来自导航，但确实有一部分顾客在很早的阶段就离开了——甚至还没加入购物车，仅仅因为他们迷路了。
错误 1：顶级菜单项太多
这是最容易犯的错误，因为它出于好意。商家希望顾客看到所有东西，于是把一切都塞进主菜单栏：十几个甚至接近二十个顶级菜单项。
问题在于，当一切都重要时，就没有什么是重要的。顾客看着一长排选项，不知道从哪里开始，于是通常根本不开始。
发现它其实很简单。在桌面端打开首页，数一数顶级菜单项的数量。如果菜单不得不换行到第二行，那就是堆得太满了。在手机端，如果顶级列表滑过一整屏还没结束，这也是一个信号。
修复方法：把相关的项目归到一起。一家服装店不需要把”T恤”“衬衫”“夹克”分别作为顶级菜单项——把它们收进”上装”里，再把具体类型放在下面。把顶级菜单控制在 5 到 7 项左右，让顾客一两秒内就能扫完。
错误 2：品类众多的店铺却没有 mega menu
当你把东西整齐归类之后，相反的问题就出现了：子分类被埋得太深。顾客必须点击”上装”，等页面加载完才能看到有哪些类型，然后再点一次。每多一次点击，就多一次让他们放弃的机会。
这正是 mega menu 大显身手的地方。mega menu 是一个大型的多列下拉面板，顾客一悬停就能看到完整的品类结构，从而一步之内就能从顶级品类跳到子分类。对于品类宽泛的商品库来说，这几乎是大型零售网站的默认标准。
如何判断你的店铺需要 mega menu：如果顾客要点击三次或更多才能到达商品列表页，或者你有很多子分类却没有一次看全的办法，那就是信号。
构建 mega menu 时有一点要注意：如果面板没有悬停延迟，鼠标每次不小心划过它都会闪烁。如果你用的是菜单构建工具，就选一个能替你处理好这一点的。Navi+（https://naviplus.io）可以用拖放方式为桌面端构建 mega menu，无需代码，这样你就不必自己去操心这种技术细节。
错误 3：手机端只依赖汉堡菜单
大多数越南的顾客都在手机上购物，所以这是代价最高的错误。许多店铺把所有导航都塞进角落里那个三横线图标里——一个汉堡式的 Shopify 菜单——就算大功告成了。但把一切都藏起来意味着顾客必须主动打开它才能看到任何东西，而大多数人懒得去打开。
Nielsen Norman Group 曾在手机和桌面端都测试过这一点。结果是：当导航被隐藏时，顾客更难找到所需的商品，操作更慢，并且觉得搜索比菜单清晰显示时更费力。换句话说，顾客看不见的东西，对他们而言就等于不存在。
如何发现它：用你自己的手机打开店铺。如果到达你最畅销的品类需要点开汉堡菜单、滑动、再点一次，那就想象一个赶时间的顾客，正站着等车。
修复方法不是去掉汉堡菜单，而是把重要的路径放到明面上，让拇指不必打开任何东西就能够到。屏幕底部固定的 Tab Bar——就像顾客每天都在用的那些 App 一样——把首页、品类、搜索和购物车都放在拇指可及的区域。这正是 Navi+ 专为手机端构建的那类菜单，与桌面端分开配置，这样你就可以把汉堡菜单留给次要内容，让 Tab Bar 负责最核心的部分。
错误 4：没有面包屑或位置指示
顾客在商品库里浏览得很深，忘了自己身处何处。他们通过广告或搜索落到一个产品页，喜欢这件商品，但想看更多类似的产品——却没有一条自然的路径能往上回到上级品类。
面包屑是放在产品名上方的一小串路径，比如”首页 > 上装 > T恤 > 男士 T恤”。它一次性回答了两个问题：我在哪里，以及如何往回退一级。听起来很简单，但许多 Shopify 主题默认并不启用它，或者商家因为觉得它”显得杂乱”而把它去掉了。
如何发现它：打开任意一个产品页，问自己：”我点哪里才能看到同类商品？”如果答案是浏览器的”后退”按钮，那你就缺少位置指示。
修复方法：在品类页和产品页启用面包屑。同时，让主菜单上的当前项目清晰可辨——比如把当前品类加粗或加下划线——这样顾客始终知道自己处在哪条分支上。
错误 5：按商家的逻辑分类，而不是按买家的思维方式
这是最微妙的错误，因为菜单看起来仍然很整洁。问题出在分组的设置方式上。商家往往按仓库或供应商的组织方式来分类，而买家是按自己的需求来思考的。
一个熟悉的例子：一家化妆品店按品牌划分菜单，因为他们是这样进货的。但顾客通常记不住品牌名——他们是来找”防晒霜”或”哑光口红”的。当菜单里没有按用途划分的路径时，顾客只能去猜哪个品牌有他们需要的东西，而大多数人会放弃。
Baymard 把分类错误的导航归为影响重大的导航问题之一，因为它会让人觉得这家店难用。
发现它比前面四个错误更难，因为它需要倾听顾客。重新读一读顾客经常问的消息和问题：如果很多人来私信问”你们有没有卖 X”，而 X 明明在网站上有售，那他们几乎肯定是没能通过菜单找到它。这说明菜单讲的是你的语言，而不是他们的语言。
修复方法：用顾客使用的词来命名菜单项，而不是内部行话。如果你的顾客有不同的思维方式，你可以同时保留两条主线——按产品类型浏览，以及按用途或场合浏览。最快的检验办法是，找几个从没来过你店铺的外人去找某件特定商品，看看他们第一下点的是哪里。
一条通用提醒：别拿速度去做交换
修复导航时有一个陷阱：你装一个 App、加一些效果，页面就变慢了。每个 App 都可能引入拖累页面的脚本。
Google 把页面加载体验的”良好”门槛设定为 LCP 低于 2.5 秒、INP 低于 200 毫秒、CLS 低于 0.1。一个漂亮但让页面卡顿、布局位移或响应迟缓的菜单，弊大于利。在选择菜单构建工具时，优先选一个重视 Core Web Vitals 的——这也是 Navi+ 所优化的方向，而且当你更换主题时菜单依然保留，这样每次换设计时你都不必从头重建。
上面这五个错误都可以在不懂任何代码的情况下修复。从影响你店铺顾客最多的那一个开始——通常是手机端——然后逐个往下处理。
本文是更完整指南 为什么顾客来了店铺却不下单——导航在其中扮演了什么角色 的一部分。