Baby Studio 如何重新组织导航,让母婴商品目录在桌面端和移动端 都更容易被发现。
Baby Studio 服务的是一类非常特定的顾客:父母、年轻家庭,以及为小宝宝挑选礼物的人。 对这类顾客来说,需求往往很明确,但 通往商品的路径却分出很多岔路:婴儿车、汽车安全座椅、育儿用品、喂养用品、 宝宝护理、玩具、配件,以及按年龄段或使用场景划分的各类商品分组。
当商品目录有这么多分组时,主题自带的默认菜单往往开始捉襟见肘。 在桌面端,一条扁平的菜单条无法呈现出整家店的全貌。 在移动端,如果所有内容都被藏在汉堡菜单后面,顾客就得自己一层层打开,自己 去猜哪个分组里才有他们想要的商品。
问题不在于商品不够。问题在于商品很好,但导航结构 还没能帮顾客看清这家店在卖什么,于是顾客得多花几步才能找到正确的区域。 而在移动端,多出的几步就足以让顾客错过一个重要的商品分组。
合适的做法是不换主题,也不重做整家店。 Navi+ 被当作一层额外的导航来使用,按不同场景把角色分得清清楚楚: 桌面端需要看得开阔,移动端需要操作快捷,正在购物的顾客需要直达 重要节点的捷径。
Mega Menu 可以把主要的商品分组分成多个清晰的列,例如: 婴儿车、汽车安全座椅、育儿用品、喂养用品、玩具、宝宝护理、特卖或精选系列。 每个分组都配有易懂的标签和代表性图片,让刚进店的新顾客不用一个个点开试。
Slide Menu 适合子分组很多的商品目录。顾客可以一屏一屏地从大分组进入小分组, 体验更接近 App,而不是一长串链接列表。当顾客需要按需求、 年龄、商品类型或配套配件来挑选时,这一点尤其有用。
在移动端,Tab Bar 让重要操作始终停留在屏幕底部:Home、Shop/Menu、 Search、Cart、Account 或 Sale。顾客不必再滑回 header 去搜索、打开菜单或查看购物车。 对于正在为宝宝浏览大量商品的顾客来说,减少这些重复操作就带来了更轻松的体验。
用 Navi+ 重新组织导航后,Baby Studio 可以 以更贴近真实购物行为的方式来呈现商品目录:桌面端能看到更多商品分组, 移动端有更清晰的路径,主要操作都放在顾客容易点到的位置。
真正想要的结果,并不只是一个"更好看"的菜单。结果是新顾客 能快速理解店里有什么,移动端顾客绕更少的弯就能找到正确的区域,而 header 可以收得更精简, 又不会丢掉搜索、购物车和菜单这些重要功能。
这些经验适用于大多数分类繁多的店铺 —— 不只是 Baby Studio。