移动端流量目前占 Shopify 商店访问量的 70% 以上。导航在小屏幕上的表现，是你能做出的最具影响力的用户体验决策之一。本页详细介绍 Smart Menu 和 Navi+ 如何处理移动端导航，以及这一差异为何重要。
Smart Menu 如何处理移动端
Smart Menu 的移动端体验遵循标准汉堡菜单模式：
- 访客进入页面——导航处于隐藏状态
- 访客点击顶部角落的 ☰ 图标
- 出现下拉或滑出式菜单
- 访客点击分类进行浏览
这种模式既熟悉又实用。但它存在一个根本性问题：你的整个商品目录在访客主动打开菜单之前都是不可见的。 大多数移动端访客并不会这样做。
Smart Menu 移动端的局限性：
- 无 Tab Bar / 底部导航
- 无 FAB（浮动操作按钮）
- 无持续可见的导航——始终需要主动点击才能打开
- 无基于设备的发布规则（无法在移动端和桌面端显示不同菜单）
Navi+ 如何处理移动端
Navi+ 以移动优先理念设计，支持三种不同的移动端导航模式：
Tab Bar（底部导航）
Tab Bar 在屏幕底部的固定栏中放置 4–5 个导航链接，始终可见——访客可以从任意页面点击任意主要分类，无需打开菜单。这与 Instagram、Amazon 和 TikTok 等原生应用的导航方式完全一致。
Tab Bar 转化效果更好的原因：
- 无需点击即可看到主要分类——它们始终可见
- 符合拇指习惯的位置（屏幕底部 = 拇指自然触达区域）
- 每次会话中浏览分类的步骤减少约 1–2 次点击
- 使用 Tab Bar 导航的移动端购物者平均每次会话多浏览 20–35% 的页面
FAB（浮动操作按钮）
FAB 是一个浮动按钮，固定在屏幕上，通常用于高优先级操作：如”促销”、”新品”、”联系客服”或”购物车”。它提供持续可见的快捷入口，且不占用全屏空间。
Slide Menu（配合移动优先规则）
Navi+ 的 Slide Menu（汉堡/抽屉式）比 Smart Menu 的更具可定制性——支持图标、图片、徽章，并可通过 Smart Publish 规则在移动端和桌面端显示不同内容。
转化影响
| 移动端 UX 要素 | Smart Menu | Navi+ |
|---|---|---|
| Tab Bar（始终可见） | ✗ | ✓ |
| FAB 按钮 | ✗ | ✓ |
| 移动端专属发布规则 | ✗ | ✓ |
| 移动端导航中的图标 | ~（有限） | ✓ |
| 深色模式移动菜单 | ✗ | ✓ |
| 持续可见的导航 | ✗ | ✓（Tab Bar） |
如何选择？
以下情况使用 Smart Menu 的移动端方案：
- 你的商店非常简单（顶级分类不超过 5 个）
- 你的受众主要是桌面端购物者
- 你只需要一个汉堡菜单，别无其他需求
以下情况使用 Navi+：
- 超过 50% 的流量来自移动端（大多数商店如此）
- 你希望复制主流移动应用的导航体验
- 你需要 Tab Bar + FAB，提供持续可见、符合拇指习惯的导航
- 你希望在移动端和桌面端显示不同菜单
对于以移动端为主要渠道的现代 Shopify 商店而言，两种方案之间的差距是显而易见的。汉堡菜单能用；Tab Bar 则是战略选择。
→ 查看完整对比： Navi+ vs Smart Menu