华体会体育主站 · 2019 年上线

从一份赛事目录,长成八个联赛同屏的数据舱

2019 年站点刚上线时,我们只做两件事:把赛事按赛季排成目录,把排名做成能翻的索引。那年想同时盯住英超和韩K联的球迷,得在几个页面之间来回跳。今天的华体会体育数据舱里,八个联赛并排铺开,排名、阵容变动和回看集锦各归各位——这条路上我们走完了 26 次版本迭代。

2019 站点上线
26次 版本迭代
8个 联赛覆盖
低角度球场灯光穿过暗色网格,画面上叠着细密赛事索引线条的抽象视觉
赛事目录的第一版档案影像,2021 年整理归档

起点 / ORIGIN

先解决"找得到",再解决"看得顺"

最早的一批用户,习惯同时开着三四個窗口看球。

2019 年的做法很朴素:把赛事按赛季排成目录,把积分和排名做成可以翻页的索引。信息是全的,问题是散——同一场比赛的阵容变动在 A 页,回看集锦在 B 页,切一个联赛就得退回去重新找入口。

我们把这些抱怨记下来,换了个组织方式:不按页面分,按面板分。排名区间、近期战绩、阵容变动、收藏赛事,各自占一块区域;联赛切换只影响面板里的内容,不动你手上的位置。你从英超跳到意甲再跳回来,看到的还是原来那一片。

这套思路一直用到现在。数据编辑负责把内容补全补准,产品与前端负责让你在切换时感觉不到卡顿和跳变,两边盯的是同一件事:看得见的稳定。

演进 / BUILDS

四代界面,每一次都对应一个具体的麻烦

26 次迭代里,有四次改动重画了整个界面骨架。它们不是为了好看,是把当年最扎手的使用问题解决掉。

  1. 2019

    GEN 01 · 上线

    赛事目录与排名索引

    以赛季为轴组织赛事,排名单独成页。解决了"信息有没有"的问题,但联赛之间还得靠返回上一页来跳。

    第一批用户大多在电脑上开多个窗口,一边看排名一边翻赛程。

  2. 2021

    GEN 02 · 入口归一

    赛事目录第二栏规范

    回看集锦查询和当季导航切换统一收进赛事目录的第二栏,12 个赛事分类和 36 个赛季专题都从这里进。

    找东西从"翻页面"变成"认位置",第二次来的人不用重新摸索。

  3. 2023

    GEN 03 · 上手即看

    移动端首页数据面板适配

    手机首屏可以直接看到核心排名区间,不必点进二级页。通勤路上扫一眼,比打开电脑快得多。

    收藏赛事状态在手机、平板和桌面端共用一套,换设备接着看。

  4. 2025

    GEN 04 · 数据舱

    多联赛并排与状态提示

    联赛色条、横向切换、状态同步提示一起上位。桌面端最多四个联赛面板并排,横向滑动、鼠标拖拽或键盘左右键都能换。

    阵容变动与收藏赛事状态每 15 秒同步一次,异常时直接把最后同步时间摆在面板上。

四层堆叠的数据面板剖面图,展现从单页赛事目录到多联赛即时数据舱的界面层次演进
四代界面的层次对照:左侧为入口结构,右侧为面板叠加方式
暗色编辑桌面上铺开的排名曲线与阵容资料标签局部剪影,屏幕光映出数据的轮廓
资料包发布前的交叉校验现场

团队 / TEAM

18 个人,两个工种,守同一条时间线

11 位数据编辑管内容本身。6 类公开数据源进来之后,他们要交叉校验排名和阵容,确认无误才放进面板。资料包按赛季、联赛和版本号归档,6 类文档——赛程表、排名表、阵容单、集锦索引、规则说明、版本说明——大致每 7 天更新一期,本期变更点写在包内页。到今天,站点已整理 4,800 场赛事资料与 9,600 条回看集锦索引。

7 位产品与前端管你看到的那一层。四个面板并排时的对齐、键盘左右键的响应、状态异常时那行"最后同步时间",都是一行行调出来的。2021 年定下的第二栏规范,到今天新长出来的功能还按它摆位置。

  • 18 团队人数
  • 11 数据编辑
  • 7 产品与前端
  • 6 公开数据源

服务地区 / GUANGDONG

服务广东,陪湾区球迷把一整个赛季看完

用户大多来自广东及粤港澳大湾区。同一套数据舱,被三种很不一样的方式用着。

01

桌面端多窗口

同时开四个联赛面板,一边看排名区间一边对阵容变动。横向滑动、鼠标拖拽、键盘左右键都能切,手不用离开键盘。

02

移动端随手看

手机首屏就能看到核心排名区间。收藏的赛事跟着账号走,跨端状态延迟约 15 秒,从地铁到工位不用重新翻一遍。

03

资料整理与转述

体育内容运营者和社群组织者按赛季取赛程表、排名表、集锦索引,版本说明写清本期变更点和适用赛季,整理起来不用猜。

体验标准 / STANDARD

三件我们已经做到的事

多联赛切换不乱、状态同步可见、反馈有人接——这三条写在每一次版本验收里。

  1. 01

    切换不乱

    联赛之间横向位移固定 24px,当前联赛用荧光青短线标住。你在四个联赛之间切十个来回,位置感还在原处,不会一换就找不到刚才那一栏。

  2. 02

    状态同步可见

    阵容变动与收藏赛事状态每 15 秒同步一次。碰到异常,面板上直接显示最后同步时间,你一眼能分清是数据还没到,还是自己网络断了。

  3. 03

    反馈有人接

    页脚常驻"多联赛即时数据面板打开问题反馈"入口,提交后工作日 1 个工作日内响应。客服邮箱在 09:00–18:00 之间回复,电话用于业务咨询与使用支持。

下一步 / NEXT

进舱看一眼,比读十段介绍快

想先摸清入口在哪,去赛事数据舱;已经打开面板却卡住了,帮助中心列了排查顺序;谈合作或者想说说用得不顺手的地方,直接找我们。