无依据使用超级菜单的问题
超级菜单是电商导航中最显眼的功能之一——宽大的多列下拉菜单,在一次交互中揭示整个店铺的类别结构。品牌经常添加它们,因为看起来令人印象深刻,或因为竞争对手有,或因为希望每个产品类别都能从每个页面访问。这些都是可以理解的动机,但没有一个足以成为使用超级菜单的充分依据。当一个拥有80件产品和4个类别的店铺添加超级菜单时,结果是导航传达了店铺实际上并不具备的复杂性——访客会感知到这种不匹配,信任感也会略有下降。
超级菜单是管理真实复杂性的工具。当店铺产品范围涵盖多个类别,每个类别都有有意义的子类别时,超级菜单解决了一个实际问题:让大型、复杂的目录一目了然,使访客能够了解店铺的广度并直接导航到满足其需求的具体区域。在这种情况下,超级菜单通过缩短从着陆到产品的路径来提高转化率。在任何其他情况下,它只是增加了视觉负担和交互成本,而没有增加导航价值。
"我们很早就添加了超级菜单,因为想看起来像一个正规的零售商。那时我们在六个类别中大约有120个SKU。超级菜单让网站感觉杂乱,稍微有些令人不知所措——客户悬停时看到的比需要的多,要么点错了地方,要么干脆关掉。我们切换回简单的滑动菜单后,着陆页的跳出率明显下降。两年后,当我们在14个子类别中拥有800个SKU时,我们重新添加了超级菜单。那时它真的很有帮助。"
— Navi+ 客户,专业厨具品牌
使用超级菜单的正确条件
有几个因素表明超级菜单会改善而不是使您的导航复杂化:
目录深度:每个顶级类别有多个有意义的子类别。 当每个顶级类别包含访客确实需要导航的多个子类别时,超级菜单会创造价值。如果您的顶级类别是"男士"、"女士"和"儿童",每个类别包含"上装"、"下装"、"鞋履"、"配饰"和"特卖"等子类别,超级菜单让访客无需在菜单层级中点击两次就能直接导航到"女士 — 鞋履"。如果您的类别是平的——"产品"、"套装"和"礼品卡"——超级菜单不会揭示任何简单下拉菜单无法更优雅处理的内容。
类别数量:通常5个以上顶级类别,每个有3个以上子类别。 作为粗略指导,当不同导航目的地的总数超过约15-20个时,超级菜单会变得有用。低于此阈值,组织良好的滑动菜单或下拉菜单以更少的视觉复杂性提供相同的访问。高于此阈值,特别是当类别有意义地不同(而不仅仅是同一产品类型的变体)时,超级菜单同时显示完整地图的能力提供了真正的导向价值。
跨类别浏览:每次访问多个部分的访客。 分析可以确认您的访客是否在单次会话中浏览多个类别。如果相当一部分会话包含跨越两个以上顶级类别的导航,您的店铺就能从始终可见的类别地图中受益——这正是超级菜单提供的。访客通常只导航到一个类别并在其中浏览(而不是跨类别浏览)的店铺从超级菜单中获益较少,因为对于单类别会话,持续显示的"这里是所有内容"功能并不需要。
特色内容价值:能够包含图片、促销或精选链接。 设计良好的超级菜单不仅仅是导航树——它是一个商品推销界面。能够用类别照片、特色产品、季节性促销或编辑链接有意义地填充超级菜单视觉列的店铺,比那些类别只会产生空洞外观列的店铺从超级菜单中获益更多。超级菜单的视觉丰富度应与填充它的内容的丰富度成正比。
| 店铺特征 | 推荐导航方式 | 原因 |
|---|---|---|
| 200个SKU以下,2-4个顶级类别 | 滑动菜单或简单下拉菜单 | 目录复杂性不足以使用超级菜单 |
| 200-500个SKU,4-6个含子类别的类别 | 两者皆可 — 取决于子类别结构 | 如果子类别有意义且有所区别,则使用超级菜单 |
| 500+个SKU,6个以上类别,每个有3个以上子类别 | 超级菜单 | 目录深度受益于同时显示类别概览 |
| 任意规模,单一产品类型含变体 | 筛选器 + 简单导航 | 属性筛选比层级菜单更适合变体浏览 |
设计有效的超级菜单
当条件合适时,超级菜单的设计决定它是使内容清晰还是让人不知所措。有效超级菜单与适得其反的超级菜单之间的区别原则:
将列数限制在您能有意义填充的范围内。 一个三列超级菜单中有一列只有两个链接,看起来比两列超级菜单更差。列数应与内容量相匹配——每列都应有足够的链接来证明其存在合理。
在类别图片能增加导航价值的地方使用它们。 超级菜单列中的产品摄影加速了视觉产品类型(时尚、家居用品、食品)的类别识别。对于图片不能增加类别清晰度的类别——专业服务、软件、大宗商品——纯文字标签扫描更快。
为每个类别加入"查看全部"链接。 一些访客希望在不按子类别筛选的情况下查看类别中的所有内容。每列顶部的"查看所有[类别名称]"链接满足这一需求,并提供了一个从超级菜单子类别结构清晰退出的路径。
Navi+ 的超级菜单组件允许所有这些配置——列数、类别摄影、特色链接部分和视觉层次——具有构建与您的目录结构协同工作而非对抗的超级菜单所需的精确性。问题不在于是否拥有超级菜单;而在于您的目录是否值得拥有一个。