V4 · 功能拆解

移动端优先三层索引 · 秒级刷新

一场比赛,三层就能点完

非凡体育焕新版赛事导航把从选联赛到看比分的整条路压成三步:联赛、轮次、场次。手机上标签收紧到三层,首屏不堆入口;赛后数据按 5 秒一轮更新;安卓与 iOS 上跑过 43 项适配检查,弱网也好翻开。

  • 126个 联赛索引
  • 5秒 赛后刷新间隔
  • 43项 安卓 iOS 适配检查

联赛、轮次、场次,各管一段

找一场比赛最容易卡住的地方,是不知道自己在第几层。我们把整条路径切成三格:先按联赛定位赛季,再按轮次缩小范围,最后落到具体对阵。往回退的时候,你退的是层,不是一屏一屏地翻。

L1 · 联赛 126 个

每个联赛自带一块信息面板:所属地区、赛季跨度、轮次总量,以及本赛季已进行的场次数。左侧索引按你最近打开的顺序排列,常看的联赛不需要每次重新找。

  • 赛季跨度
  • 轮次总量
  • 地区归属
L2 · 轮次 约 4.8 万个赛季轮次

轮次页回答的是“这一轮打到哪了”。整轮的对阵按开赛时间铺开,已结束、进行中、未开始的场次用不同颜色区分,扫一眼就知道进度条走到哪儿。

  • 已结束
  • 进行中
  • 刚刚更新
L3 · 场次 对阵 · 比分 · 时间

最下层放的是单场:对阵双方、当前比分、开赛时间与比赛状态。终场哨响之后,这一格会按 5 秒一轮的节奏换成最终结果,同时把最近 5 场战绩接在下面。

  • 对阵
  • 比分
  • 状态

每个联赛的轮次页保留完整赛季归档,最早可以往回翻到 2019 赛季,赛季结束之后不用另开一份表格。

三层递进的抽象图形,宽层逐渐收拢为窄层,层与层之间以发光细线连接
三层结构示意:越往下,信息越具体

手机上先把入口收窄,再让你选

小屏最大的浪费是首屏被标签占满。我们把分类标签压成三层——项目、赛区、联赛——点两下就能落到具体赛事,路上不会因为标签横铺而反复横向滑动。

竖版抽象示意,顶部三个标签块逐层收拢,下方是纵向排列的卡片流
标签逐层收拢,列表随之变短
12 调整前首屏铺开的联赛入口
6 现在首屏直接可见

剩下的入口不是消失了,而是收进上一级。你点开“赛区”,才会看到这个赛区下的联赛;点开某个联赛,才会看到它的赛季与轮次。层级清楚了,滚动距离也跟着短。

  • 首屏可交互 1.2 秒内
  • 首屏资源 380KB 以内
  • 标签层级 3 层

点开决赛比分,最近 5 场就在下面

看一个比分往往还想知道这支队最近什么状态。在决赛场次上点一下比分,对阵双方的近 5 场结果会直接展开,按时间由近及远排好,省掉一次返回、一次跳转。

近 1 场

98:91

05-18

近 2 场

86:79

05-14

近 3 场

77:84

05-09

近 4 场

91:88

05-03

近 5 场

82:90

04-27

  • 展开 5 场,不是整季流水,扫一眼就能判断走势。
  • 由近及远排列,最近的结果永远在最左边,不用先滑到末尾。
  • 翻完可以直接关掉这一格,页面停在原来的轮次位置,不回顶。

终场哨响之后,5 秒一轮往前推

比赛结束那一刻是数据最挤的时候。V4 把赛后刷新间隔从 12 秒压到 5 秒,比分出来的速度快了一倍多,盯着手机等数字变的人不用频繁手动下拉。

横向流动的光线轨迹均匀铺开,末端汇聚为一个高亮节点

5s

赛后数据刷新间隔

  1. 01

    终场录入

    比赛结束,场次记录进入待发布队列,比分与关键事件按固定字段写入。

  2. 02

    人工校对

    录入结果由内容团队逐场核对后发布;数值偏离常规区间的会被单独标出来复核,确认无误再放行。

  3. 03

    按节奏送达

    已发布的场次按 5 秒一轮取最新结果,页面上的比分和状态在同一轮里一起更新,不会新老混着显示。

赛季密集期,内容更新频率会提到每日三次,主要集中在赛程最挤的周末和杯赛周;间歇期则把力气放到结构和体验的调整上。

43 项检查,分在四块地方

同样一个比分,在满格 WiFi 和地下车库的 4G 上表现是两回事。安卓与 iOS 一起算,我们跑 43 项检查,把“打得开”变成一件有具体标准的事。

  • 网络加载17

    首包体积、弱网重试、断线重连、图片分级加载

  • 触控与字号12

    点击区域大小、标签换行、比分字号在小屏上的可读性

  • 权限与存储8

    缓存清理、空间不足时的降级、权限被拒后的可用路径

  • 机型兼容6

    主流屏幕比例、旧系统版本的渲染差异、横竖屏切换

四个相互嵌合的环形区块,以不同明度的青色与橙色区分检查类别
四类检查点,合计 43 项
  • 验证环境 吉林地区等 9 种网络环境
  • 弱网重连成功率 99.2%
  • 复检节奏 每季度一次
  • 系统大版本 发布后 14 天内补专项检查

三种人,三条不同的走法

同一块战术板,看的人目的不一样。下面三条路径是我们观察得最多的用法,你可以对着自己的习惯挑一条走。

A

只想快点看到比分

从首页直达入口跳进最近关注的联赛,落到当前轮次,比分就在第一屏。整个过程不点第三次。

路径:首页 → 当前轮次 → 比分

B

按轮次一场不落地追

固定在同一个联赛面板里,一轮看完直接进下一轮。赛季归档保留到 2019 赛季,中途漏掉的可以回头补齐。

路径:联赛面板 → 轮次列表 → 逐轮推进

C

要拿数据做内容

媒体与校园联赛组委会常要看整轮结果。轮次页按时间铺开全部对阵,配合近期战绩展开,整理赛报时少跳几次页面。合作事宜可以直接联系我们。

路径:轮次页 → 整轮结果 → 近期战绩

夜间的抽象看台轮廓与光点,前景叠加半透明数据条
夜场看台与数据条叠在一起

先挑一条走起来

想知道某个功能是哪一版加上的,去看更新记录;手机上看不到联赛或者比分迟迟不动,帮助中心里有对应的排查方式;发现数据需要更正,直接把场次发给我们。