每家店都从同一个地方起步：几十件商品、一个想法，和满满的不确定。在这个阶段，新店导航不需要复杂，它需要的是正确而够用。难的不是把菜单做得”满”，而是克制自己，别搭建一套比门店实际所需更庞大的导航系统。
这篇文章讲的是第一个阶段：目录不足 50 件商品的新店。我会描述它的样子、导航真正需要什么、几个反复出现的误区，以及一套可以拿来起步的建议配置。
这个阶段是什么样子
目录很小，常常只有几个商品组。有时整家店都装得进”全部商品”里，还用不上分类。
流量仍然低且不均。访客来自几篇帖子、几次转发，或者一圈朋友。每天几十到几百次浏览，都属正常。
最重要的是：你还在试。试哪些款好卖、试定价、试怎么拍照、试怎么打招呼。一切都还在变。一套从一开始就精心搭好、僵硬的导航，反而会成为负担——每次换方向你都得回头去改。
换句话说，这个阶段需要的是灵活，而非完整。
新店的导航需要什么
简短的答案：简单而清晰。顾客需要在几秒内找到购买的路径——他们不需要一张漂亮的菜单结构图。
在桌面端，一个整洁的顶部，放 3-5 个项目就够了。比如：商品、关于、联系。人通常会从左到右、从上到下地扫视页面，所以最重要的项目应当放在左边并保持可见，而不是被藏起来。
这个阶段你不需要 Mega Menu。Mega Menu 适合那些有很多子分类、需要一次性铺开展示的门店。当目录还很小时，Mega Menu 会显得空洞而笨重：打开它，只看到一两行字飘在一个大框里。它会让门店看起来比实际更大，而顾客从中什么也得不到。
别忘了移动端
这是最容易被忽视、却也最重要的部分。在今天的电商里，门店的大部分访问都来自手机——很多行业数据把这个比例放在 70-80% 左右。换句话说，你的大多数顾客，都是透过手里那块小屏幕在看你的店。
人怎么拿手机，决定了哪里好点。Steven Hoober 的研究（发表于 Smashing Magazine）发现，移动端上大多数操作都用拇指完成，最容易够到的区域是屏幕的下半部分——常被称为”拇指区”。顶部的角落，是最难够到的地方。
这正是把导航栏放在屏幕底部（也就是 Tab Bar）合理的原因：它恰好落在拇指可及的范围内。顾客不必往上够到顶角去找菜单。
至于汉堡菜单——那个把所有导航都藏在背后的三道杠图标——Nielsen Norman Group 已经证实，相比保持可见，它会让项目更难被注意到、也更慢被找到。对一家只有几个主要项目的小店来说，没有理由把它们藏起来。一个让几个重要按钮保持可见的基础 Tab Bar，对顾客的帮助要大得多。
两个常见误区
这两个误区我见得太多，几乎把它们当作新手必经的一道关。
误区一：太早把菜单做复杂。 卖家看着大店，见到多层级的菜单，就想让自家店立刻看起来”专业”。于是给还没有商品的东西建分类，或者把六件商品的一组拆成四个子分类，好让菜单看上去满当当。
结果就是：顾客点”配件”，发现里面正好两件；点”新品上架”，发现是空的。这种体验，比一个整洁的”全部商品”分类糟糕得多。小目录不是需要遮掩的弱点——把东西归在一起，其实反而更方便购买。
误区二：只顾桌面端，忘了移动端。 人通常在电脑上搭店、在大屏上欣赏，然后忘了在手机上看一眼。桌面端的菜单看着没问题，可一到移动端，项目挤成一团，按钮拥在一起，或者整个导航躲进了角落里一个小图标后面。
解决办法很简单：每次调整菜单，就拿自己的手机打开门店，像真顾客一样去买点东西。如果你的手要伸长、要点错好几次，你的顾客也会——而他们比你更没耐心。
用 Navi+ 的一套建议配置
Navi+ 让你分别配置桌面端和移动端，所以你不必把同一套设计硬套在两边。在这个阶段，我建议把它做得真正精简。
桌面端，搭一个有 3-5 个项目的简单顶部。只挑顾客确实需要的页面：主商品分类、关于页、联系页。Mega Menu 留到目录真正长大了再用。
移动端，用一个基础的 4 项 Tab Bar。一个购物者早已熟悉、稳妥的布局：
- 首页——回到主页
- 商城——进入商品列表
- 购物车——购物车，始终触手可及
- 账户——账户或登录
这四个按钮，几乎涵盖了顾客需要做的一切。把购物车直接放在底栏上，还有一个实际的考量：据 Baymard Institute 统计，电商的平均购物车放弃率在 70% 左右，所以任何能帮顾客回到购物车、继续往下走的做法，都值得去做。一个始终可见、始终好点的购物车按钮，正是朝那个方向迈出的一小步。
还有一件值得从一开始就留意的事，就是速度。Google 为 Core Web Vitals 设定了”良好”的门槛：LCP 低于 2.5 秒、INP 低于 200 毫秒、CLS 低于 0.1。菜单是加载得早、且出现在每个页面上的东西，所以一个沉重的菜单，会拖累整家店。Navi+ 的设计就是为了不挡这些指标的路——这是个值得早早养成的好习惯，因为以后再修总是更难。
在新店阶段，一个顾客能立刻上手的简单菜单，永远胜过一个你得不停去修的花哨菜单。
因为 Navi+ 是拖拽式、无需写代码，上面这套布局你几分钟就能搭好，并随着目录的增长随时调整。切换主题时菜单也会原地保留，所以早期那些设计上的试验，不会把你刚搭好的导航弄坏。
从小处起步。等门店长大了，再让导航跟着一起长，也不算晚。
本文是更大篇指南随门店成长的每个阶段配置导航——从 10 件到 10,000 件商品的一部分。