移动流量现在占 Shopify 商店访问量的 70% 以上。您的导航在小屏幕上的行为方式是您将做出的最高杠杆 UX 决定之一。本页介绍了 Hukify 和 Navi+ 如何处理移动设备——以及为什么这种差异很重要。
Hukify 如何处理移动设备
Hukify 包括一个移动菜单风格，与应用的其余部分一样拖放可配置。它是响应式的，可跨 Shopify 主题工作，但移动体验遵循与桌面超级菜单相同的基础模式——没有单独的移动优先导航范例。
Hukify 移动限制：
- 没有 Tab Bar / 底部导航
- 没有 FAB（浮动操作按钮）
- 没有持久导航——访问者仍然需要打开菜单来浏览类别
- 没有按设备发布规则（无法在移动设备和桌面设备上显示不同的菜单）
Navi+ 如何处理移动设备
Navi+ 采用移动优先设计，支持三种不同的移动导航模式：
Tab Bar（底部导航）
Tab Bar 在屏幕底部的固定栏中放置 4-5 个导航链接。它始终可见——访问者可以从任何页面点击任何类别而无需打开菜单。这模仿了 Instagram、Amazon 和 TikTok 等原生应用的工作方式。Hukify 没有等效功能。
FAB（浮动操作按钮）
FAB 是一个保持固定在屏幕上的浮动按钮，通常用于高优先级操作：”销售”、”新品上市”、”联系”或”购物车”。它添加持久快捷方式而不会使用全栏的屏幕空间。
Slide Menu（带移动优先规则）
Navi+ 的 Slide Menu（汉堡菜单/抽屉风格）支持图标、图像、徽章，以及通过 Smart Publish 规则在移动设备和桌面设备上显示不同内容的能力——这是 Hukify 不提供的移动特定控制级别。
转化影响
| 移动 UX 元素 | Hukify | Navi+ |
|---|---|---|
| Tab Bar（始终可见） | ✗ | ✓ |
| FAB 按钮 | ✗ | ✓ |
| 移动特定发布规则 | ✗ | ✓ |
| 拖放编辑器 | ✓ | ✓ |
| 持久导航 | ✗ | ✓（Tab Bar） |
| 粘性导航栏 | ✓ | ✓ |
您应该使用哪一个？
如果以下情况适用，使用 Hukify 的移动方法：
- 您的商店仅在 Shopify 上，只需要超级菜单/移动菜单，不需要多个导航模式
- 您想要诸如面包屑、无限滚动和滚动到顶部之类的额外功能
- 您的预算紧张，想要一个统一费率计划
使用 Navi+，如果：
- 超过 50% 的流量来自移动设备（对于大多数商店都是这样）
- 您想复制领先移动应用的导航体验
- 您想要 Tab Bar + FAB 以获得持久的、拇指友好的导航
- 您想在移动设备和桌面设备上显示不同的菜单
对于移动是主要渠道的现代 Shopify 商店来说，响应式移动菜单和真正的 Tab Bar 之间的差距很大。移动菜单是功能性的；Tab Bar 是战略性的。
→ 查看完整对比： Navi+ vs Hukify Mega Menu Creator Pro