关于 333体育 · 自 2018 年

八个赛季,把赛前要看的排成一块战术板

333体育从 2018 年的一张赛事索引页做起,今天由 18 人编辑部在比赛日更新前瞻,把焦点场次、球队近况和积分位置摆进同一屏。你打开页面,先看哪一场、自己那支队排第几,几秒钟里就有答案。

2018 站点上线
7 次 大版本迭代
18 人 编辑部规模
32 家 媒体与数据合作方
01 起点

把散在几个标签页里的赛前功课,收进一张索引页

赛前的功课曾经很零碎:赛程翻一个站,球队近况在另一个站,积分榜又得单独找。周五晚上想看自己那支队,四五个标签页开着来回对,还没开球先累了。

2018 年上线时我们只做了最基础的一件事——今天有哪些场次、两队最近怎么打、榜上排在第几,全摆在同一页。看球前那十分钟,够你把该知道的都过一遍,不用再靠记忆拼。

这个出发点后来一直没变。无论栏目怎么加,第一屏要回答的始终是同一个问题:这场球,我该看什么。

02 阅读顺序

先看哪一眼,再点哪一步

赛前信息一旦多起来,最容易出问题的是顺序。我们把前瞻、球队档案和积分位置排成固定的三步,你每次进来都不必重新判断从哪里读起。

  1. 01

    焦点摘要先行

    每个比赛日大约 120 条前瞻摘要,一段话讲清这场的看点、两队近况差异,以及值得留意的位置对位。

  2. 02

    战术板图解跟上

    焦点场次配阵型对比与跑动示意,把「为什么这么打」画成一张图,看完再进场,判断会具体得多。

  3. 03

    积分条横向对上

    横向积分条并排两队,胜平负、净胜球与近期排名变化同屏可比,一场球的份量立刻清楚。

03 编辑部

18 个人,把一天的信息排顺

编辑部现有 18 人,内容、数据、制图、产品支持四条线并排跑。比赛日按小时对表:上午整理当日对阵,午后出前瞻,傍晚补阵型图,夜间收尾并处理数据异常。

暗调俯拍的编辑工作台,屏幕显示赛事数据与战术线稿,画面中只露出手部操作
比赛日下午的编辑部工作台 · 前瞻与阵型图同时推进

负责每个比赛日的前瞻摘要、焦点场次走势说明与赛后复盘条目。按轮次轮班,从早上排当日对阵到深夜收尾,保证你打开页面时,摘要已经在原位。

维护积分榜、净胜球与排名升降,跟进球队档案里的成立年份、主场、常用阵型和近十场走势。同步出现偏差时第一时间修正,避免你看到两个版本的数字。

把战术板图层、阵型对比图与积分条做成一眼能读的图形。配色统一在深色底上,线宽和字号有固定标准,你在手机、平板和电脑上看到的层级是一致的。

负责页面结构、平板横屏适配与访问问题的响应。单页首屏加载目标控制在 1.5 秒内,平板端首屏图片总大小不超过 600KB,大屏浏览不会卡在等图上。

手绘阵型线与箭头叠在深色纸面上,旁边有少量手写标注
一张战术板手稿 · 阵型对比图在成稿前的样子
04 版本演进

八个赛季走过来,七次大版本迭代

改动不是按热度来的,而是按你在赛前实际会卡住的位置来的。下面几个节点,基本能看出这条线怎么走到今天。

上线时只有赛事索引与当日对阵。信息量不大,但把「今天看哪场」这个问题一次说清楚了。

两队的积分条并排放在一起,胜平负、净胜球与近期排名变化同屏对照。判断一场球的分量,从翻表变成扫一眼。

焦点场次加进阵型对比与跑动示意。文字讲不清的站位关系,交给图层,看球时对得上号。

最多可固定 8 支球队,首页、内容目录、编辑手记与帮助中心都保留这条轴。你在哪一页都能看到自己那支队的近况摘要,不必每次重新找入口。

48 篇图文指引重新排过,积分榜查看方法拆成 6 个步骤,新手照着点就能走完一遍。

05 合作生态

32 家媒体与数据服务方,数据每 5 分钟同步一次

赛事数据由合作的数据服务方提供,每 5 分钟同步一次,比分、积分与排名变化跟着一起走。碰到同时开赛的密集轮次,编辑会盯着同步状态,异常一出现就切到备用来源。

媒体侧的合作更偏内容:各家把赛事稿件与专题素材汇进来,编辑挑选后进入前瞻与专题页。我们也和内容合作方一起做栏目共建,把某一类赛事、某一支球队的长期观察沉淀下来。

这类合作不涉及任何联赛或俱乐部的授权身份。我们做的事很具体——把公开的赛事信息整理得更快、更好读。

06 服务范围

服务辽宁,也面向全国的体育读者

站点的服务重心在辽宁。本地读者是最早的一批用户,比赛日的访问高峰集中在晚间,这也决定了我们把前瞻更新压在开赛前完成。

夜色中的城市天际线虚化远景,灯光呈青绿色调
比赛日的晚间访问高峰 · 前瞻在开赛前就位

同时,我们面向全国的体育内容读者。在 1280px 至 1920px 的常见屏幕宽度下,信息层级保持一致;平板横屏 8 至 13 英寸时,赛事导航保留主入口,适合摊开来看整轮对阵。

每季度我们会回访约 600 名用户,问清楚上一季哪些入口顺手、哪些栏目翻起来费劲。答案直接进下一版的栏目结构与导航层级,改一个地方,通常是为了少点两次。