春绿
开季与已结束
新赛季铺开的时候用它标记起点;已结束的比赛也用同一支绿点,读完一场往下走,视线不会断。
自 2016 年一路排到今天
四季体育是一个面向中文球迷的赛事导航与比分追踪应用。从春天的揭幕战到冬天最后的补赛,我们把散在各处的开球时间、轮次和名单收进同一条线上,让你打开页面十几秒就知道:今天几点看什么,自己追的那支队下一场在哪天。
01 / 名字由来
名字里的四季,说的不是修辞,是看球的节奏本来就被季节推着走。
开季时各条战线一起铺开,赛程最密,一场接一场;中段进入轮次密集期,一周双赛成了常态;后段争冠和保级同时收紧,每一分都要盯;到了冬天,联赛陆续收尾,关注点从比分转到名单和转会。一年下来,球迷的注意力其实在跟着这条曲线移动。
四季体育就是照着这条曲线排版的。页面上先出现什么、哪些信息被放大、哪一段需要折叠起来,都取决于你现在站在赛季的哪一格。所以名字里保留了四季——它提醒我们,赛程不是一张静止的表,而是一条一直在走的线。
如果你更习惯直接翻赛程,可以从赛程首页的纵向时间轴开始;想先看看每个季节对应的信息变化,往下读四种颜色的部分。
02 / 服务对象
四种很不一样的看球习惯,决定了我们要把同一批赛程排成不同的样子。
你们最在意的是不漏轮次。球队追踪把单队赛程、比分折线、轮次表现和主客场分布放在同一处,赛季过半之后回头看,起伏一目了然,不用再翻十几条零散记录。
周六晚上一场接一场,最怕两场之间空出一个小时又不知道该干什么。纵向时间轴按开球时间排布,空档和重叠都摆在明面上,提前十分钟切过去刚好。
左侧窄筛选栏收窄范围,右侧宽赛程区并排显示多场进程。挑好联赛和轮次之后,几场比分可以一起看,不必来回切标签页。
内容创作者、校园社团和赛事说明编写者,需要按轮次核对阵容变动与赛前名单。折叠的名单区点开就能读,写完一段再收回去,页面不会乱。
03 / 运营历程
2016 年起步时只有足球赛程,如今已经是一个覆盖多项目、按轮次组织的赛程体系。几次转身都记在下面,点开可以看每个阶段补上了什么。
最早只有联赛列表和开球时间,目标很朴素:让人不用来回翻网页,也能知道这周末有哪些比赛。
确定按时间排序的主轴,把每天的比赛排成可连续阅读的列表;统一比赛状态的写法,让已结束、进行中、未开始三种情况一眼能分清。
足球之外逐步加入篮球等项目,赛程结构跟着变成多项目并行,不同项目的赛季长度和轮次密度差别很大。
在赛程区上方增加项目层筛选,把不同项目的比赛分开排布;时间轴按项目分组显示,避免几个项目的高峰期互相挤在一起。
只看比赛不够,赛前名单和阵容变动才是决定要不要看这场的原因,于是筛选从联赛一层延伸到轮次一层。
联赛筛选支持按轮次查看阵容变动与赛前名单,名单默认折叠,展开后不影响其他比赛的阅读位置。
周末连看的人需要在一个屏里解决所有问题,这一版把导航前置,并把桌面端布局改成左侧窄筛选、右侧宽赛程。
首页直接呈现当日赛程与筛选入口;电脑端支持多场同看,比分与关键事件在开赛后持续刷新,重点场次刷新更密。
当前小版本集中处理三件小事:阵容变动入口更显眼、筛选条件会被记住、桌面端多场布局的间距更耐看。
页面加载继续优化,比分与数据刷新更及时;各栏目标注更新时间,方便判断手上这条信息有多新。
04 / 团队分工
赛程看起来是自动跑出来的,背后是三条并行的活:盯数据、写说明、接问题。
负责每日更新的赛程与比分,重点场次开赛后持续盯刷新,遇到异常状态及时标出来。已结束、进行中、未开始这三种状态由他们统一把控,页面上你看到的状态点就是这条规则的输出。
把版本迭代、赛程观察和使用方法写成能读的短文,每周更新三到五篇。写阵容与轮次相关的说明时,编辑会自己去翻名单核对。
18 人的客服团队,工作日 9:00-18:00 通过邮箱与电话接待咨询,账号、筛选、更新时间和电脑端使用都能问。遇到比分或数据不对,附上截图与设备型号,定位会快很多。
05 / 色彩系统
春绿、夏橙、秋金、冬蓝不是给页面添彩的,它们是赛程的一部分:时间轴上的节点、筛选里被选中的那一项、需要放大的数字,都靠颜色说明位置。
春绿
新赛季铺开的时候用它标记起点;已结束的比赛也用同一支绿点,读完一场往下走,视线不会断。
夏橙
赛程最挤的时候、比分正在跳的时候都用橙色。它是页面上最跳的颜色,所以只出现在需要你立刻看一眼的地方。
秋金
冲刺阶段的轮次刻度和关键开球时间用金色标注,翻时间轴时能凭颜色找到下一个月经停的站。
冬蓝
冬天收尾的阶段色,同时承担电脑端筛选选中态和链接色。选了什么、能点什么,看蓝色就行。
06 / 覆盖范围
赛程要排得开,靠的是覆盖够宽、伙伴够稳。
规模之外,还有三拨长期一起做事的伙伴:
07 / 下一步
名字、历程和团队说完了,剩下的还是那句话:今天几点看什么。去体验中心按联赛和轮次筛一遍,或者先读几篇使用笔记,看看别人怎么把一周的赛程排开。