P产品与引导

第一次到访,
也能直接走对第一步

9博把引导拆成三层来搭:首屏负责让人一眼选对路,索引负责让人从栏目落到正文,标签负责让内容团队后续更新有统一的分层。三项服务可以单独上,也可以一次配齐,共同指向同一件事——访客少走几步,内容更快被读到。

01服务组合

三件产品,接成一条更短的路径

每项能力各管一段路:从首页挑入口、在内容中心找栏目、在标签之间横向跳转。上线时按顺序接起来,访客从任何一处出发都能落到正文,不必反复退回首页重选。

深海蓝技术蓝图网格上排列三组模块,细线连接全引导导航、内容中心索引与标签体系
三项服务在同一条链路上衔接:选入口、进栏目、落正文。

SERVICE 01

全引导导航系统

把首屏三条路径、桌面侧边轨道和移动端抽屉配成一套,访客从哪一端进来都有对应的走法。当前运行的导航系统为 v3.2。

常见于首次到访占比高、入口容易选错的站点。

SERVICE 02

内容中心索引

按栏目把内容铺开,配站内索引和检索,一次查找就能定位到具体条目。平台侧累计收录 2400 余条内容索引。

常见于栏目超过二十个、内容持续增补的站点。

SERVICE 03

标签体系梳理

把散在各处的同主题内容收敛到二级标签下,编辑新增内容时有固定位置可放,命名和排序也不再靠个人习惯。

常见于编辑、运营、设计多人共同维护内容的团队。

PC端页面线框俯视图,三个入口以珊瑚橙色块标出,路径线向右延伸至内容中心
首屏三个入口按 5:3:4 分栏,右侧直接留出通往内容中心的路径。

02全引导

PC端9博全引导的三条路径

目标清楚的人直接走快速入口,目标模糊的人按栏目摊开看,找不到方向的人先拿答案再回入口。三条线在同一个首屏并存,互不遮挡,谁进来都能接住。

路径 A · 左位

快速入口

把两到三个最高频的目标做成大块入口,点击即进入对应栏目,两次动作到达目的地。

适合已经知道自己要什么的回访访客与搜索直达访客。

路径 B · 中位

栏目索引

把一级栏目按主题平铺成目录,鼠标经过即可看到下属分类,先看清全局再决定去哪一栏。

适合第一次来、需要先看懂站点结构的人。

路径 C · 右位

帮助引导

先回答“从哪进、怎么找”这类高频问题,答案页末尾把人送回对应入口,避免停在帮助页就结束。

适合在别处点错、对导航不熟悉的新访客。

03内容中心

36个一级栏目,168个二级标签

一级栏目定方向,二级标签定细节。访客从任一标签进去,看到的是同一主题下的一串正文,不用回首页重选;运营新增内容也只需挂到既有标签上,栏目结构不会越用越乱。

  • 入口与导航
    • 首屏三入口
    • 侧边轨道
    • 抽屉导航
    • 快捷入口
  • 内容与索引
    • 栏目分类
    • 二级标签
    • 站内检索
    • 版本回顾
  • 帮助与反馈
    • 入口选择
    • 设备显示
    • 标签使用
    • 问题提交

内容中心每周二、周五各更新一次索引,新条目上线当天就能按标签检索;每月还会整理一期导航与内容运营观察,供正在规划路径的团队参考。

想看最近上线的条目和路径调整,可以直接进 内容中心。

等宽字体标签按一级栏目分组排列,暖沙金细线分隔层级,局部用珊瑚橙标记当前标签
一级栏目收拢方向,二级标签承接具体主题。

04适用场景

这些站点,通常最先见效

不是所有站点都需要全套改造。下面几类情况,往往是访客最常卡住、也最容易通过路径调整改善的地方。

首次到访占比高

大部分人是第一次来,站在首页不知道该点哪里。首屏三入口按主次分开,选择压力立刻下降。

栏目多、层级深

内容攒了几年,栏目超过二十个,同一件事散在好几个位置。栏目与标签重新分层后,同类内容归到一处。

多人共同维护内容

编辑、运营、设计各写各的,命名和排序不统一。标签体系梳理给出统一的命名规则和挂载位置。

访问以电脑端为主

宽屏上侧边轨道常驻,路径一眼可见;移动端收成抽屉,触控高度按 52 像素设计,手指点得准。

桌面端侧边轨道导航与移动端抽屉导航的抽象设备框,背景为低饱和蓝绿渐变
同一套结构在宽屏与窄屏上都成立:宽屏走轨道,窄屏走抽屉。

05上线流程

从梳理到上线,平均15个工作日

标准导航项目分五步推进。每一步都有看得见的交付物,你可以在任何一步确认方向,再往下走。

  1. 01

    需求梳理

    盘清现有栏目、入口位置和内容体量,确定首屏该放哪几条路径。

    交付:路径清单与栏目盘点

  2. 02

    路径设计

    画出三条路径的线框,定位置、层级和每一跳的落点。

    交付:首屏线框与交互说明

  3. 03

    标签整理

    把内容归到一级栏目与二级标签下,统一命名与排序规则。

    交付:栏目树与标签对照

  4. 04

    联调测试

    在宽屏与窄屏上跑一遍,检查窄屏换行、浏览器兼容与加载表现。

    交付:测试记录与修正清单

  5. 05

    上线陪跑

    上线后 30 天陪跑,每季度做一次路径复盘,按访问反馈微调入口。

    交付:上线报告与复盘安排

五段折线路径从左向右延伸,节点标注梳理、设计、整理、测试、陪跑
五步走完即可上线;常规项目交付约 120 个栏目索引位与 400 个标签位。

06效果

上线之后,能看到的三个变化

改版前后对比同一批页面,最直观的变化集中在“找得快”和“点得准”这两件事上。

52秒

首次找入口的平均用时

改版前需要 2 分 40 秒,现在大部分人一分钟内完成第一次选择。

37%

内容中心标签点击率提升

标签按栏目重新分层后,访客愿意顺着标签继续往里读。

21%

导航页跳出率下降

入口指向更明确,落在导航页随即离开的人明显减少。

→下一步

先看看别人怎么走,再决定你的站点怎么改

内容中心里有每月一期的路径与标签复盘,帮助中心整理了第一次找入口的高频问题;如果你已经有明确的站点情况,直接说给我们听会更快。