K1 导航 · 四个赛季

把一张导航图,
修成一条走得顺的赛道

体验体育做 K1 品牌导航已经走过四个赛季。我们把赛程入口、球队资料和移动端适配放在同一条路径上,让你在手机上少翻几屏,直接到自己要看的地方。

4 个赛季持续维护
11 次结构调整
26 组旧版入口映射

版本演进

从栏目堆叠到分道结构

最早的一版把所有入口排成一列,能用,但不好找。四个赛季里我们做了 11 次结构调整,其中 4 次动一级栏目,7 次合并二级入口。现在的 6 个一级栏目、34 个二级入口,是按用户的真实走法重排出来的。

高原夜空渐变背景上叠加分道线条与版本阶段节点的抽象示意图
从单列栏目到分道结构,导航的每一次调整都对应一个赛季的使用反馈。
V1.0 · 起步

先让赛程和球队资料有地方放

栏目少、入口集中,手机用户要滑很久才能找到当天的比赛。我们把最常用的赛程入口固定在列表顶部,先把基本访问路径跑通。

赛季迭代

合并重复路径,把常用入口往前挪

随着球队资料和赛程入口增多,7 次二级入口合并收掉了重复路径。同一类内容只留一个主入口,减少在栏目之间来回跳的次数。

V2.0 · 分道

一级栏目按使用频率定型

6 个一级栏目重新排序,34 个二级入口各有固定位置。旧版地址在新版上线后保留一个赛季的跳转,你原来的收藏还能继续用。

迁移对照

旧栏目名直接查新位置

26 组入口映射覆盖了从旧版到新版的栏目变化。按原来的栏目名就能查到新入口,不用重新把整张导航摸索一遍。

团队分工

谁在维护这张导航图

内容与产品团队共 12 人,其中前端适配小组 6 人。有人负责栏目和公告,有人盯着机型与浏览器,也有人接住你发来的具体问题。分工不交叉,出了问题能直接找到对应的那一组。

  • A

    内容团队

    维护栏目位置、球队标签与公告期号。每期公告发布时,对应页面的说明位置同步更新,公告条目可以直接跳到工具中心的兼容说明。

  • B

    前端适配小组 · 6 人

    每季度复核一次适配清单,按小屏、常规手机、平板三档整理,覆盖 14 类主流机型和 5 种浏览器内核。历史调整记录留在更新观察栏目。

  • C

    客服协作

    工作日 9:00-18:00 受理导航使用、移动端适配与球队库资料下载三类咨询,平均首次回复约 2 小时。需要进一步排查的,会转到对应的维护小组。

工作台视角的屏幕与便签排布示意,屏幕上显示栏目清单与适配标记
栏目清单、机型档位与公告期号在同一个工作面上对齐,减少跨组沟通的等待。

版本流程

一次版本更新是怎么定下来的

每个月一期公告,已经累计发布 27 期,分为导航变更、移动端适配、球队库资料、已知问题四个分类。一次调整从反馈归集到旧版对照同步,都在同一期内走完,不拖到下一期。

1

反馈归集

把咨询记录、下载兼容问题和卡顿反馈汇到当期,先区分是入口找不到,还是设备上的显示与操作问题。

2

影响面评估

判断这次改动会动到多少一级栏目、多少二级入口,以及涉及哪些机型档位和球队库字段,再决定是否当期上线。

3

公告发布

按四个分类写入当期公告,标明期号与涉及页面。你可以在更新观察栏目按分类翻到具体条目。

4

对照同步

旧版入口映射随当期更新,跳转关系保持可用。习惯旧栏目名的用户,按对照表就能找到现在的位置。

四个流程节点与箭头组成的循环示意图,节点使用简洁图标表示反馈、评估、发布与同步
四步在同一期内完成,公告发布与旧版对照同步收尾。

四个赛季下来,导航站已服务 46 万注册访问用户,月均访问约 120 万次,访问来自 31 个省级区域。规模变大之后,流程仍然按这四步走,只是每一步的判断更细。具体公告可以到更新观察按期号查看。

我们在意的事

三条做导航的标准

导航站的价值不在入口多,而在每一次回来都能按记忆中的路径走通。下面三条是我们做每个版本时都会拿出来对照的标准,展开可以看到对应的做法。

01 入口可预期 展开看做法

一级栏目按使用频率排序,常用入口不随版本随意换位。赛程入口支持按联赛、日期区间和球队标签三种方式筛选,常用的筛选条件可以保存为本地偏好,下次打开直接沿用。

02 问题可追溯 展开看做法

每期公告带期号和分类,从条目能跳到对应的兼容说明段。小屏卡顿处理入口上线后,赛程页在小屏设备上的首屏呈现时间从约 3.2 秒缩短到 1.6 秒,列表滚动帧率提升到 55 帧。遇到卡顿,可以先按三步自查:清理本次会话缓存、切换到适配清单推荐档位、检查后台占用。

03 迁移有对照 展开看做法

26 组入口映射随每期公告维护,旧地址在新版上线后保留一个赛季的跳转兼容期。球队库资料包提供 CSV 与 JSON 两种格式,单包不超过 8 兆,字段说明随包附带;字段错位、编码异常、解压失败和旧版本字段缺失这四类常见问题,在工具中心有对应的处理说明。

想先看看现在能用的入口

从工具中心取适配清单和球队库资料,或者直接到更新观察翻最近一期公告。