访客在滚动之前看到什么
"首屏"概念——借鉴自报纸排版，最重要的内容出现在折叠头版的上半部分——至今仍是网页设计中最可靠的原则之一。用户根据他们立即看到的内容采取行动。需要滚动或交互才能显示的内容，与到达时即可见的内容相比，获得的关注度和参与度要低得多。
应用于导航，这意味着：当访客到达您的店铺时立即可见的导航元素——无需滚动、无需打开菜单、无需任何交互——是可靠影响每位访客的那些元素。需要打开菜单、滚动经过页眉或与下拉菜单交互的导航元素，只能触达那些有足够动力去完成这些额外步骤的访客子集。
对于移动访客——占大多数店铺流量的大多数——首屏导航界面比桌面端更加受限。标准移动屏幕显示带有徽标和汉堡图标的页眉。仅此而已。首屏可见的全部导航能力只是一个图标，点击后会打开菜单。这种限制的代价是，每次导航操作在访客开始导航之前都需要至少一次额外点击。
"我们追踪了首次访客与回访访客使用了哪些导航元素。首次访客使用汉堡菜单的比例仅为回访访客的一小部分——他们几乎完全依赖Tab Bar。Tab Bar在首屏可见；完整菜单需要交互操作。立即可见的内容驱动了行为。需要努力的内容大多被忽视了。"
— Navi+客户，多品类生活方式品牌
首屏导航清单
在进行更改之前，值得仔细审查您店铺当前首屏可见的导航元素究竟有哪些。这意味着在具有代表性的移动设备上查看您自己的店铺——不是显示移动视口的开发者工具浏览器窗口，而是真实的手机——并准确记录在无任何滚动或交互的情况下存在哪些导航。
对于大多数默认Shopify主题配置，这份清单极为简单：带有徽标、汉堡图标和购物车图标的页眉栏。三个元素，其中两个是图标。汉堡打开菜单。购物车打开购物车。没有直接导航到任何特定产品类别，没有当前促销活动的快捷方式，没有通往店铺最重要目的地的路径。
这就是塑造大多数Shopify店铺首次会话体验的导航。这是任何改进都必须从此出发的基准——而几乎任何相对于此基准的改进都会产生可量化的导航参与度提升。
充分利用可见导航界面
Tab Bar彻底改变了首屏导航的计算方式。固定在底部的Tab Bar在每个页面、每个滚动深度上都可见，无需任何交互。它将多达五个导航目的地添加到首屏可见界面——访客只需一次点击即可前往的五条具体路径，无需先打开任何菜单。
选择这五个Tab Bar槽位放什么是一个战略决策，应该由与任何导航优先级排序相同的数据分析来指导：哪些目的地每位访客产生的收入最高？哪些类别的转化率最高？最终完成购买的访客最常见的首次导航行为是什么？
这些问题的答案应该直接决定Tab Bar槽位的分配。如果"特卖"在首次会话访客中产生最高转化率，它就值得一个Tab Bar槽位。如果"新品"是主页之后最常见的第二页浏览，它就属于Tab Bar。店铺中最有价值的五个导航目的地应该立即可见、立即可访问，无需任何前置交互。
| 导航元素 | 无交互即可见 | 一次点击即可访问 |
|---|---|---|
| 汉堡菜单 | 是——图标可见 | 否——打开菜单后还需要第二次点击 |
| 汉堡菜单内容 | 否——打开菜单前处于隐藏状态 | 否——至少需要两次交互 |
| Tab Bar槽位（Navi+） | 是——始终显示在屏幕底部 | 是——从任何位置一次点击 |
| FAB（Navi+） | 是——持久悬浮按钮 | 是——从任何位置一次点击 |
即时可见性的复利效应
立即可见的导航元素不仅比隐藏元素使用得更多——它们在会话中也使用得更早。在到达后10秒内使用导航的访客，远比将这10秒用于在没有明确路径的主页上尝试定位自己的访客更不容易跳出。更早的导航参与与更深入的会话和更高的购买率强烈相关。
让您最重要的导航目的地立即可见——通过Tab Bar、配置良好的固定页眉或FAB——有效地将导航参与提前到典型会话的更早阶段，这会连锁带来更长的会话时长、更多的品类浏览和更高的转化率。Navi+几分钟内即可安装完毕，无需修改主题，让任何Shopify店铺都能实现这一转变。