2018 — V2.0 · 一条削短路径的路线

六年只做一件事:让每一步都走得更短

2018 年到现在,万博在线把桌面端导航从五步入口压到两步,把登录之后的账户路径写成看得懂的图文指引,也让每周三的活动更新变成一件可以预期的事。下面这条路线,就是你今天打开 MANBET 中文站时会走过的那条路。

中文站 V2.0 · 导航航图 深海蓝底色上由霓虹青描出的航线与刻度结构,表现万博在线导航多年迭代形成的路径骨架
  • 2018 桌面端导航起步
  • 8 个固定分类胶囊
  • 36 人服务团队
  • 48 万人次 月均服务访客

起点

先让人找到路,再谈别的

2018 年,万博在线上线的第一版桌面端导航只有一条平铺的分类条。核心入口平均要走五步才能抵达,第一次来的用户常在半路折返,回去之后又说不出自己卡在哪一步。我们把每一句“我找不到”都记下来,但没有推倒重来,而是一版一版地把路削短。

到 V2.0,同样一个入口平均两步就能走完。靠的不是更花哨的界面,而是砍掉中间页、合并意思重复的分类、把说明文字挪到人真正会停下来读的位置。这些年导航换过三次大版本,唯独“先让人找到路”这件事没有动过。

也正因为这样,中文站一直保留着固定的分类顺序。只玩某几个类目的用户,隔一段时间回来,位置还在原处;新用户第一次登录后,能在账户中心对着图解认清自己该在哪儿核对偏好。

版本演进

三次大版本,一条越走越直的线

三个阶段里有两次思路转向:早先想的是把内容铺全,后来想的全是怎么少走一步。点开任一节点可以看到当时改了什么。

  1. 2018V1.0 分类平铺,五步入

    导航按内容类型平铺,核心入口平均五步到达。分类位置不固定,每次回来都要重新找一遍。这一版帮我们看清了哪些入口是真被高频使用的,也让后面的取舍有了依据。

  2. 中期V1.5 写上图解,固定几个位置

    开始针对登录后的用户补上图文说明:从首页到账户中心怎么走,进去之后在哪个位置看登录设备记录、改安全设置、调偏好分类。同期把最常用的几个分类钉在固定位置,不再跟着版本变动。

  3. 2024V2.0 两步到达,一屏八类

    核心入口压缩到两步。8 个固定分类以胶囊形式排在首屏,在 1440px 桌面宽度下全部完整可见,不用横向拖动。2024 年完成全量切换,登录后核对偏好的动作也一并收进账户路径里,新用户照着一张图就能走完。

等距视角的三段版本节点与路径压缩示意,用等宽字体标注 V1.0、V1.5、V2.0 三个版本号
同样一件“进入常用分类”的事,三个版本走了三种长度。

谁在维护这台操作台

36 个人,三组分工

你说的一句话,最终落到具体的人手上:一组管路怎么摆,一组接你反馈,一组保证页面不出岔子。

12 人

内容与导航体验

决定 8 个分类的排序与命名,写路径说明和版本说明,整理账户中心的图文指引,每个季度参与一次可用性巡检。

18 人

客户支持

工作日上午 9:00 到 18:00 有专人值守,按账户路径、导航入口、活动参与、页面显示、其他建议五类分诊;首次响应平均 4 小时。

6 人

技术与数据

盯着页面加载与显示异常,记录巡检结果,对接外部抽检;每季度把可用性数据拉出来,交回给前两组做下一轮调整。

俯视视角的桌面屏幕、路径便签与状态面板,呈现内容、支持与技术三组协同工作的现场

三条规矩

我们怎么对待每一次访问

  1. 01

    先问省掉几步,再问好不好看

    每一次改版,第一个验收问题永远是“这次少走几步”。路径说明写得再漂亮,如果需要用户在两个页面之间反复横跳,就仍然要改。

  2. 02

    说出去的话要有回音

    工作日提交的反馈平均 4 小时内给出首次回应,复杂问题在 1 个工作日内给到处理路径;非工作时段进来的会排进队列,下一个工作日 9:00 之后按提交顺序处理。

  3. 03

    每周三,准时更新

    活动栏目固定在周三上午更新,往期内容一直可以回看。你不需要猜下一次什么时候来,也不需要为了一个更新刷上半天页面。

合作与检验

把页面交给别人也测一遍

内容分发与安全监测方面,我们和 8 家伙伴保持季度联调:每季度把入口、链路和页面显示跑一遍,发现问题当期修。自己内部的巡检同样按季度做,最近一次完成了 128 项检查。

2024 年的第三方可用性抽检里,桌面端两步入口的完成率达到 96.4%。这个数字对我们更像一条警戒线——剩下的那一小段,就是下一次改版要动的部分。

  • 8 家内容分发与安全监测伙伴
  • 128 项最近一次可用性巡检检查项
  • 96.4%第三方抽检两步入口完成率
8 伙伴 · 季度联调
  • 内容分发 01季度联调 · 正常
  • 安全监测 02季度联调 · 正常
  • 内容分发 03季度联调 · 正常
  • 安全监测 04季度联调 · 正常
  • 内容分发 05季度联调 · 正常
  • 安全监测 06季度联调 · 正常
  • 内容分发 07季度联调 · 正常
  • 安全监测 08季度联调 · 正常

把指针停在任一节点上,可以看它当前所处的联调状态。

接着往下走

能扫读、能操作、能找人

页面上的每一处改动,最后都要落回三件事:你扫一眼就知道自己在哪儿,点两下就到得了要用的入口,出问题时知道该敲哪扇门。万博在线把这三件事一直摆在台面上,也欢迎你从任意一个方向切进来。