品牌历程 · SINCE 2019

从一页赛程表,到多联赛的观赛入口

2019 年,天梭看台从一份手工维护的赛程索引起步;今天,首页把 18 个联赛与赛事类别的开赛安排收进同一块看板。这条路上每一次改版都指向同一个目的:让你在手机上少切页面,尽快看到下一场比赛。

  • 18 联赛与赛事类别
  • 4.2 万+ 累计赛程条目
  • V3.1 当前体验基线
夜场看台的灯光与整齐空座,开赛前的秩序感
看台亮起,比赛信息先到位
01

2019 · 起点

把赛程收进一页

最初的场景很具体:同一天三个联赛都有比赛,球迷要在几个页面之间来回切换,才能拼出一条完整的观看顺序。团队于是从 2019 年起,把各联赛的开赛时间整理成一份可检索的中文赛程索引。

这份索引一路长到今天,累计整理超过 4.2 万场赛程条目,近 3 个赛季的完整赛程都能按联赛、日期和球队找回来。整理本身不显眼,但它决定了一件事:你打开页面之后,要按几下才能看到想看的比赛。

所以产品方向从一开始就定在“快”。夜间 19:00 到 23:00 是访问最集中的时段,移动端访问占比约 78%,这意味着大部分人是在地铁上、沙发上单手翻赛程。页面结构、字号、点击区域,都按这个姿势来设计。

02

2021 · 小屏优先

比分条站到了屏幕顶部

2021 年,移动端比分条上线。它把进行中、即将开始和已结束三种状态的场次压成一条细带,固定在屏幕顶部,向下翻赛程时也不会消失。

针对 5.2 至 6.8 英寸的小屏,每一格只保留联赛缩写、对阵双方与状态词,避免窄屏折行。翻查任何一页赛程,眼前始终有一条“此刻正在发生什么”的时间线,不必退回去确认。

这一年的改动还有一个连带效果:赛程卡的信息顺序被固定下来——联赛在上、开赛时间居中、状态收在底部。之后所有的列表和卡片,都沿用这个顺序。

03

2023 · 导航重构

把联赛入口挪到眼前

2023 年,导航做了一次结构性重构:多联赛入口收进顶部导航,联赛竖栏固定在内容区左侧,可以在项目、地区和热度之间直接切换。查赛程的路径被压到两步之内,从主菜单进赛事入口,再从筛选条选联赛、日期或球队。

同年,关注球队的标记第一次出现在导航前列。标记保存在浏览器本地,最多 8 支,常看的球队会排到联赛列表的最上方。换设备后重新标记一次即可,标记会随你的使用习惯重新累积。

重构之后,首页首屏留出一个主焦点赛事卡,其余联赛以两列紧凑卡片错落铺开。多场比赛同时开赛时,你不用在页面里找入口,入口本来就在。

04

2024 · V3 系列

V3.1 的观赛秩序

2024 年进入 V3 系列之后,版本节奏稳定下来:功能、性能和导航三类改动分别标注,最近 8 个版本的更新记录都能查到,升级前可以先知道哪一块变了。

V3.1 是当前的统一体验基线。在常见移动网络下,首屏加载控制在约 1.2 秒;换一台设备重新登录后,首页加载比上一版快约半秒。半秒听起来不多,但在开赛前一分钟刷新页面的时候,它就是能不能看到跳球的那一下。

可读性同步收口:比分条与正文的对比度达到 WCAG AA,按钮、筛选标签和卡片链接都支持键盘 Tab 聚焦,焦点环清晰可见。夜里看屏幕的人和不看屏幕只按键盘的人,都能顺着走完一条路径。

赛程索引 2019 比分条 2021 导航重构 2023 V3.1 2024

每一步都在缩短从打开页面到看到目标场次的距离

05

团队 · 18 人

内容与体验,四组人一起值班

团队共 18 人。内容编辑 6 人负责联赛导航与赛程索引的日常维护,同时承担赛场观察的选题与撰写;前端与体验 7 人负责小屏布局、比分条与版本迭代;数据整理 3 人负责联赛结构与赛程条目的日常梳理;客户支持 2 人处理咨询、反馈与问题追踪。

四组人的工作节奏是交叠的:编辑在赛前更新索引,前端在版本里调整呈现,支持把用户发来的截图整理成可复现的问题,再由数据整理回到条目本身。一场比赛从进入索引到出现在你的比分条上,中间会经过这几双手。

帮助中心收录了 60 余条问题,按查询、显示、账号、性能四类组织。遇到赛程找不到、比分条不刷新或者标记丢失,通常可以先在那里找到对应的操作步骤;找不到时,把截图发给支持同事,定位会快很多。

多块屏幕同时展示赛程索引与版本记录的工作场景
赛程索引与版本记录在同一个工作台上推进
  • 18 团队总人数
  • 6 内容编辑
  • 60+ 帮助中心条目
  • 7 前端与体验
06

生态 · 里程碑

协作生态与走到今天的路标

平台与 12 家体育媒体、校园赛事组织和本地赛事机构建立了内容互链。赛前信息、赛季观察和观赛指南会在这些渠道之间互相出现,校园和本地赛事的组织者也能把自己的赛程放到对应的联赛目录下。

赛场观察栏目每月发布约 12 篇内容,每个赛季推出 6 期专题,覆盖版本观察、小屏观赛、设计观察、使用指南和联赛专题五类。想知道下一次改版动了哪里,或者想了解为什么比分条要那样压缩,那里写得最细。

V3.1 性能 首屏更快,夜间更清楚

常见移动网络下首屏加载约 1.2 秒,比分条与正文对比度达到 WCAG AA,键盘焦点环统一补齐。换设备重新登录后的首页加载更快约半秒。

V3.0 导航 多联赛入口进顶部

多联赛入口收进顶部导航,左侧联赛竖栏支持按项目、地区和热度切换,关注球队标记排到导航前列,赛程查询从主菜单两步可达。

V2 系列 功能 小屏观赛成为主线

比分条常驻,赛程卡固定联赛、开赛时间、比赛状态三层信息,窄屏下改为单列错落叠放,单手滑动即可完成一次查询。

下一场比赛,从这里开始

看看观赛工具页能为你做什么,或者直接回到总台翻今天的赛程;如果遇到显示或查询上的问题,支持同事在工作日 9:00–18:00 等你。