主题组 一
轮次机制:每一层到底输出什么
小组轮次解决排序,淘汰轮次解决配对与推进,决赛轮次解决落点。三者共用同一套进度色,但承担的判断完全不同;混在一起看,赛程就会退化成一串互不相干的条目。
小组轮次输出的是一张排序表
小组轮次的赛程密度最高,但它真正的产出不是单场结果,而是组内排序。每支球队与同组其余球队各交手一次,赛程条目在时间轴上前后错开,等到该轮次结束时,积分与净胜关系才集中结算。
因此查看小组轮次时,先确认每支球队还剩几场未赛,再看已赛部分的先后关系。单场比分只影响排序结论,不影响下一轮入口出现的位置。
淘汰轮次里,配对与推进是两件事
配对由抽签决定,推进由胜者决定,两者不在同一时刻发生。赛程入口会先把配对结果写进去,再把下一轮的位置留空,直到该组比赛结算后才补上。
这也是淘汰轮次条目会出现待定状态的原因。看到待定不必反复刷新,它会在结算窗口内自动补全,页面的刷新窗口为 5 分钟。
决赛轮次为什么被单独标记
决赛轮次只有一个落点,也没有下一轮可推进。它在赛程入口里单独占一段,时间刻度比前两层更长,进度色的用法也独立,避免在长列表里被误读成普通的淘汰条目。
单独标记还带来一个实际好处:该段入口地址在阶段内保持不变,重复访问不需要重新逐层展开。
三个层级共用同一套进度色
进度色只有三种含义:已完成、进行中、未开始。小组、淘汰、决赛都按这套规则着色,不因为层级不同而换色,这样读者在不同页面之间切换时不必重新学习颜色。
浅色分区里进度用强调色描边,深色计分牌区域替换为更亮的提示色,保证在深底上同样清楚。轮次缩写、球队标识与进度色在赛程、轮次、签表三类页面中共用同一套规则。
要点:三步判断当前处在哪一层级
- 看条目有没有配对对手——有对手而尚未结算,属于淘汰轮次。
- 看是否存在下一轮位置——存在则不是决赛轮次。
- 看时间刻度长度——收束成单一落点的那一段,就是决赛轮次。
主题组 二
入口排序:决定了你先看到什么
排序不是装饰。排得乱,赛程条目再多也找不到;排得稳,第一次访问的人也能在两步之内离开首页进入自己需要的层级。
首页第二栏为什么留给电脑版赛程
首页采用约 7:5 的非对称分栏,第二栏固定承载电脑版赛程,位置落在首屏之内,不随滚动移动。追赛果的用户打开页面后无需下拉,视线右移就能读取当前轮次的条目。
这一栏只放赛程与进度,不掺入栏目推荐或内容导览,避免入口被其他信息稀释。完整的条目库与分类归档放在赛程精选页,首页只承担定位。
首次看球入口的排序位置
第一次在电脑端看球的用户,习惯与老用户并不一样。老用户直接找轮次,新用户则不确定该点哪里,因此首次看球入口带显性标签,排在老用户路径之前,标签本身说明这一步会去往哪个层级。
标签只做定位,不做语气上的推销。完成一次完整查看之后,用户自然会转向轮次入口,新老两套路径的分开排序也就到此为止。
收藏页直达与下拉菜单的取舍
测试版杯赛签表入口支持收藏页直达。把入口地址收进浏览器收藏夹后,下一次访问可以直接落在签表矩阵上,不需要逐层展开菜单。
下拉菜单仍然保留,用于第一次访问、需要先看清层级关系的场合。两种方式并存,站点不做强制跳转,也不以弹窗打断阅读。
顺序会随阶段调整,但不是重来
入口排序按赛季阶段复核,最近一次调整发生在上一个阶段结束之后。调整的触发条件、变化前后的位置对比,都记录在阶段趋势页面,那一页专门说明老用户的习惯在什么范围内可以继续沿用。
如果发现自己常点的入口换了位置,先看阶段趋势页确认变化范围,再回到本节核对排序规则,通常不需要重新熟悉整个页面结构。
收藏直达的三步
- 打开赛程精选页,定位到签表段落。
- 把该段入口地址加入浏览器收藏夹,命名建议带上阶段名。
- 下次访问直接使用收藏项,跳过层级展开。
主题组 三
签表阅读:先定位,再判断
签表是定位工具,不是赛果列表。它要回答的只有三个问题:我关注的球队在哪一格、它旁边是谁、赢了之后会去哪一格。
从矩阵读出对位关系
签表矩阵按列表示轮次,按行表示对位分支。同一行的两个格子在上一轮相遇,胜者进入右侧相邻的格子。读签表的顺序是从左向右推进,而不是从上往下逐行扫。
空格子代表位置尚未产生,不是数据缺失。空位格使用更深的浅色底与虚线边界,与已确定的格子明显区分,扫视时不会误判。
关注球队靠高亮定位,不靠翻页
关注球队在签表里使用强调色底色与描边双重标识,球队缩写在矩阵中固定宽度对齐,扫视一列即可完成定位。整个过程不需要展开球队详情,也不需要跳转到其他页面。
同一阶段可以同时高亮多支球队,数量不设上限。超过四支之后建议改用收藏页直达,减少一次性扫描的成本,也避免高亮色块互相干扰。
签表与轮次的交叉引用
签表矩阵的每一列都对应轮次观察里的一个层级:小组轮次生成种子位,淘汰轮次填充矩阵,决赛轮次落在最右一列。两边的命名保持一致,格子上的轮次缩写可以直接在赛程条目里检索。
交叉引用的目的是少绕路。在签表里看到一个格子,就能立刻判断它属于哪一层级、进度色代表什么状态、下一步应该去哪个入口继续。