产品发现导航——设计帮助浏览者成为购买者的菜单

提升用户体验 产品发现 浏览转化
Navi+ 团队 · 2025 · 5 分钟阅读
一个以发现为导向的导航——精选合集、视觉分类卡片,以及围绕场合和兴趣而非单纯产品类型组织的浏览路径

导航使用的两种模式

电商访客以两种根本不同的模式运作。第一种是检索模式:访客知道自己想要什么,心中有具体的产品或分类,并将导航作为尽快找到它的工具。第二种是发现模式:访客在没有具体购买目标的情况下浏览,愿意发现符合某种心情、场合或他们尚未完全表达的模糊偏好的东西。仅服务于检索模式的导航设计——以"最快到达正确产品"为优化目标的纯层级分类树——无法很好地服务于发现模式的访客。发现模式访客占电商流量的很大一部分,并在冲动购买和礼品相关购买中占据不成比例的大份额。

发现模式访客需要能打开可能性而非缩小范围的导航。检索导航高效而直接——三次点击到达特定产品分类——而发现导航是生成性的:它呈现意想不到的分组、精选合集和基于场合的路径,帮助访客发展出他们来时尚未形成的购买偏好。发现模式访客的导航目标不是将他们快速引导到已知目的地,而是浮现出他们自己都不知道想要的目的地。

"我们注意到,客单价最高的客户通常走了不寻常的导航路径——他们会在加入购物车之前浏览三四个不相关的分类。当我们查看他们访问的内容时,他们在用我们的导航探索品牌的完整范围,而不是找一个特定的产品。当我们在 Slide Menu 中添加了一个'按场合精选'板块——'宅家周末'、'约会之夜'、'招待朋友'——我们的平均会话深度提升了,客单价也提升了。以发现为导向的访客找到了一个与他们实际购物思维方式相匹配的入口,而不是我们组织产品目录的方式。"

— Navi+ 客户,生活方式与家居品牌

支持发现的导航结构

场合和使用场景导航与产品分类并列。产品类型分类("蜡烛"、"陶瓷"、"纺织品")服务于知道自己想要特定产品类型的检索模式访客。基于场合的分类("居家办公必备"、"周末待客"、"新居入住礼物")服务于知道购物场景但不知道具体产品的发现模式访客。最有效的发现导航同时包含两者:面向知道自己想要什么的访客的产品类型分类,以及面向知道情境但不知道解决方案的访客的场合或使用场景分类。Slide Menu 的深度容量使得可以同时包含两种分类类型,而不会造成视觉拥挤。

精选合集导航用于编辑性发现。精选合集——"员工推荐"、"季节精选"、"极简生活系列"——提供了访客通过分类浏览无法自行创建的发现导航路径。这些合集是反映店铺品味和策展专长的编辑选择,服务于那些比起自身产品类型偏好更信任店铺判断的发现模式访客。在 Slide Menu 或 Mega Menu 中突出显示的精选合集导航链接,传达出店铺有自己的观点——这一信号能吸引那些以寻求灵感而非检索为目的浏览的发现导向访客。

趋势和新品导航用于以时效性为导向的发现。一些发现模式访客的驱动力是时效性和趋势:他们想看看什么是新的、什么是流行的、现在其他人在购买什么。突出显示"本周上新"、"当下流行"和"最受欢迎"的导航,提供了围绕社交和时间信号而非产品分类组织的发现路径。这些导航条目同时也起到社会证明的作用:发现自己考虑的产品出现在"趋势"导航中的访客,得到了其他客户认为它值得的验证。

视觉导航用于图像驱动的发现。带有分类摄影的 Mega Menu 列,或带有合集图像的 Slide Menu 特色板块,通过视觉刺激而非标签文字来服务发现模式访客。没有购买偏好的浏览访客可能对标签"陶瓷"无动于衷,但却会被 Mega Menu 列中一个精心造型的陶瓷花瓶图像所吸引。视觉刺激创造了标签文字单独无法产生的产品偏好。发现导航本质上是视觉的;与检索导航可以纯文字不同,发现导航受益于每一个可用的视觉线索。

发现路径类型 服务的访客 导航位置
场合/使用场景分类 知道购物情境的购物者 Slide Menu 专属板块
精选编辑合集 寻求灵感的浏览者 Slide Menu 特色位、Mega Menu 列
趋势 / 最受欢迎 社交驱动的浏览者 Tab Bar 位置或 Slide Menu 主要项目
视觉分类摄影 图像驱动的发现 Mega Menu 列图像、Slide Menu 头图

平衡发现导航与检索导航

最有效的导航架构在不损害任何一方的情况下同时服务于两种模式。结构方法是分层:检索导航位于主要 Tab Bar 位置和 Slide Menu 主要项目(访客打开菜单时最先看到的前5-6个条目),发现导航位于 Slide Menu 的次要板块(精选合集、基于场合的链接、编辑特色)和 Mega Menu 的特色列。检索访客立即找到他们的分类;发现访客进一步滚动或探索,遇到符合他们开放浏览模式的精选路径。这种分层既不会将发现内容强加给检索访客,也不会将发现内容深埋在以专门浏览来寻找意外之物的访客的视野之外。

免费试用 — 无需代码,无需开发人员

几分钟内安装到 Shopify、WordPress 或任何网站。


相关案例

开始使用 Navi+ AI Menu Builder

选择您的平台 — 免费安装,几分钟内上线。