当一家店铺的商品数量越过 50 件这道坎，情况就开始变了。早期那套引导顾客逛店的方式，如今显得局促起来。成长中店铺的导航问题逐渐浮出水面：重点不再是”有个菜单就够了”，而是”菜单能不能足够快地把顾客带到对的地方”。
我曾经经营过一家店，正好经历了这个阶段。商品目录的扩张比我预想的还快，旧的菜单结构在不知不觉中成了瓶颈——直到我去看数据，才终于发现这一点。
第二阶段是什么样子
最明显的信号，就是商品目录快速膨胀。你几乎每个月都会新增一个系列：按季节、按产品线、按促销活动来分。早期那种只有四五个项目的扁平菜单，现在已经超负荷了。
流量也在增长。更重要的是，你开始拥有真实的行为数据：顾客从哪里来、点了什么、在哪里离开。以前靠猜，现在能测量了。
而且，出现了一批新的顾客群：回头客。他们以前买过，知道你卖什么，这一次他们想更快地找到东西。比起第一次到访的人，他们对慢慢浏览没那么有耐心。如果菜单逼着他们摸索半天，哪怕他们以前喜欢你，这次也会被惹烦。
什么时候该升级导航
有几个相当清晰的信号。你不用猜，看数据就行。
- 顾客要点三次甚至更多次才能找到商品。每多一次点击，就多一次顾客放弃的可能。分类嵌套得越深，到达商品的路径就越长，每一步的流失叠加起来很可观。
- 搜索使用率上升。当越来越多的人使用搜索框时，通常不是好兆头——说明菜单没把他们带到该去的地方，他们只好自己打字找。搜索应该是退而求其次的选择，而不是主路径。
- 跳出率随着目录一起往上爬。目录在增长、退出率却在上升，这是一个值得警惕的组合。根源往往在于：顾客来了，没看到清晰的路径，就走了。
更大的背景也值得记在心里。据 Baymard Institute 的数据，电商的平均购物车放弃率约为 70%，多年来几乎没有变化。菜单当然解决不了全部问题，但一条混乱的路径，肯定无助于把顾客留住。
给成长中店铺更清晰的结构
到了这个阶段，店铺需要的是真正的结构，而不只是一串链接。这正是 Mega Menu 开始派上用场的时候。
在桌面端，Mega Menu 让你能在一个展开的面板里一次性呈现许多分类，而不必把它们藏在好几层之下。顾客一眼就能看到全貌：你有哪些产品线、它们是怎么归类的。这符合人眼扫视页面的习惯。Nielsen Norman Group 指出，隐藏式导航（那种完全藏在图标后面的）相比可见导航会降低内容的可发现性，而且这种影响在桌面端比在移动端更明显。
换句话说：在宽屏上，别藏，把它亮出来。Mega Menu 就是为此而生的。
在 50–500 件商品这个量级，你还不需要一个塞满许多列的 Mega Menu。两列布局通常就够用，而且易读。你可以给几个亮点分类加上图片——比如一家服装店，把”新品系列”或”热销榜”的图片直接放进菜单里，既起到引导作用，又能勾起顾客的购买欲。
移动端：Tab Bar 守住主要去处，Slide Menu 收纳其余
大多数顾客都在手机上购物，所以移动端是主战场。而移动端有它自己的局限：屏幕窄，而且人们常常单手握着手机。
拇指最容易触及的区域，大约在屏幕下方三分之一处——也就是拇指区。这正是把导航栏放在底部（Tab Bar）如此方便的原因：最重要的去处始终在拇指够得着的范围内，而不是被推到顶部的角落里。
在这个阶段，一个合理的分工方式是：
- Tab Bar 放四五个主要去处，始终显示在底部：首页、分类、搜索、购物车、账户。这些是顾客回访最频繁的地方，所以要让它们触手可及。
- Slide Menu 负责那个已经变得庞大的目录。当你有几十个分类和子分类时，一个从边缘滑出的菜单能让你把它们分层、整齐地排好，又不会长期占用屏幕空间。
这两者是互补的，而不是互相替代。Tab Bar 负责快速到达高频去处，Slide Menu 负责承载目录的深度。Nielsen Norman Group 的原则在这里同样适用：不要把所有东西都藏在汉堡图标后面——把最重要的路径保持可见，只把其余的放进 Slide Menu。
开始关注菜单数据
第二阶段和早期阶段最大的不同，是你现在有足够的数据来做决策了。这正是该认真追踪菜单数据的时候。
看看哪些菜单项被点击得多，哪些几乎没人碰。一个你摆在显眼位置、却没人点的分类，可能是名字不对、位置不对，或者顾客根本不在意它。反过来，一个藏得很深、却仍然有很多点击的项目，就是一个信号——你该把它往上提了。
不要凭店里某个人的直觉来排菜单。要按顾客真实的行动方式来排。菜单数据能帮你看清这条路径，让你逐步调整，而不是一次性大改。
加工具时还有一点要记住：页面速度。据 Google 的标准，Core Web Vitals 的”良好”门槛是 LCP 低于 2.5 秒、INP 低于 200 毫秒、CLS 低于 0.1。Mega Menu 和 Slide Menu 如果做得太重，会把这些数字拖下去。店铺越大，往往装的应用越多，每个应用都可能增加加载时间——所以你的菜单应该轻量，不要拖慢页面。
用 Navi+ 的推荐配置
如果你不想碰任何代码，下面是我觉得适合这一阶段店铺的配置，用 Navi+ 搭建：
- 桌面端：一个两列的 Mega Menu，给一两个亮点分类配上图片。足够清晰，又不会显得杂乱。
- 移动端：底部用 Tab Bar 放四五个主要去处，再配一个 Slide Menu 承载整个分类树。
- 追踪：打开菜单数据分析，看看哪些项目被使用，然后逐步微调。
Navi+ 分别配置移动端和桌面端，所以你不必勉强让同一套布局同时服务两端。菜单是拖拽式的，无需写代码，而且换主题时它会原样保留——这一点很实用，因为很多店铺在这个阶段往往会换外观。这款工具经过优化，不会拖慢页面，并且带有”Built for Shopify”徽章。
第二阶段最重要的，不是做一个气派的菜单，而是做一个清晰、可衡量的菜单——这样当店铺继续成长时，你已经打好了基础，也养成了看数据来不断前进的习惯。
本文是更大篇幅指南《陪伴店铺每个成长阶段的导航之道 —— 从 10 件到 10,000 件商品》的一部分。