赛程总览
把整季比赛排成一张可纵向浏览的时间表,赛季阶段一目了然,不需要在多个页面之间来回找同一轮次。
- 适用终端
- 桌面端双平台 / iOS / Android / 平板
- 覆盖数量
- 42 个联赛与赛事类别
- 刷新节奏
- 赛季内每两周一次适配更新
杏运赛场的数据面板由赛程、比分、访客数据、多联赛切换和异常反馈五块组成。每块能做什么、装在哪些终端上表现稳定、多久刷新一次,下面用参数表和版本说明一项项摆开,方便你判断合不合得上自己的使用节奏。
01
赛程怎么排、比分怎么看、访客数据怎么对照、多个联赛怎么同屏切换、遇到问题往哪里说——每块单独成模块,机构对接方可以按需挑,日常访客也可以只盯自己常看的那一块。
把整季比赛排成一张可纵向浏览的时间表,赛季阶段一目了然,不需要在多个页面之间来回找同一轮次。
当前比分页为 V3,比分数字加大字重、字段密度提升,同一屏内能读到更多场次,适合反复回看数据的用户。
按访问量、回访比例、停留时长做横向对照,常驻 18 类字段,窄屏上会自动把标签重排成多行,避免挤在一起看不清。
同时并排最多 4 个联赛的数据视图,切换时字段顺序不变,看完一列再看下一列,视线不需要重新找位置。
面板显示异常、切换卡住、标签遮挡,都可以从这里提交。提交时带上设备型号、系统版本和出现问题的页面,我们能更快定位。帮助文档里已经按高频问题整理好了 128 条排查条目,先自己照着做一遍往往能当场解决。
02
iOS 访客数据对照页的缩略标签是这块面板上最容易被挤到的部分。宽度一变,标签就得重排,读懂它的排布规律,你自己就能判断眼前的显示是不是正常。
缩略标签按阅读顺序从左到右、自上而下铺开。屏幕够宽时一行并排多个,宽度收窄后先降成两列,再窄就折成一列——顺序始终不变,只是行数变多。每个标签的最小可点区域保持不变,不会因为变小而点不中。
标签字号跟随设备宽度分档调整。常规手机竖屏下,一行通常放得下 3 到 4 个缩略标签;横过来或者换成平板,一行能放到 6 个以上;窄窗口里则会逐个换行,一次显示 2 到 3 个。
03
V2 阶段面板已经能切换多联赛,V3 把重点放到了同屏信息量上。了解两代之间的差别,遇到显示异常时更容易判断问题出在哪一层。
04
同一块面板在手机、平板、桌面和窄窗口上的栅格与字号策略并不一样。下表把七档并排列出,窄屏上可以左右滑动查看,左侧档位名会固定在原处。
| 适配档位 | 典型宽度 | 栅格策略 | 字号策略 |
|---|---|---|---|
| 桌面端 · Windows | 1440px 及以上 | 侧边轨道 + 主内容双栏 | 标题 40px,正文 16px |
| 桌面端 · macOS | 1440px 及以上 | 侧边轨道 + 主内容双栏 | 标题 40px,正文 16px |
| 桌面端 · 通用宽屏 | 1280–1439px | 侧边轨道收窄,主内容单栏 | 标题 40px,正文 16px |
| iOS 手机 | 390–430px | 顶部条 + 单列堆叠 | 标题 28px,正文 16px |
| Android 手机 | 360–420px | 顶部条 + 单列堆叠 | 标题 28px,正文 16px |
| 平板 | 768–1180px | 两列栅格,对照表保持横向 | 标题 28px,正文 16px |
| 窄窗口布局 | 640px 以下的浏览器窗口 | 全部收为单列,表格横向滑动 | 标题 20px,正文 16px |
05
字段不是一次全堆在你面前。按赛程进度、对阵比分、访客对照三组分开摆,加上赛程以赛季阶段为轴排列,同一联赛的多个视图之间字段顺序保持一致——看完一列再看下一列,视线不用重新找位置。
阶段、轮次、开赛时间这一类字段,负责回答“现在打到哪儿了”。赛季阶段作为主轴排列,同一阶段内的场次按时间先后铺开。
主客队、当前得分、比赛状态这一类字段,负责回答“这场结果如何”。比分数字单独加大字重,扫一眼就能抓到重点。
访问量、回访比例、停留时长这一类字段,负责回答“数据在往哪个方向走”。复访用户在日活跃访客中占约六成,这一组就是为他们准备的。
06
服务覆盖中国区 31 个省级行政区的访问用户。赛季内每两周发布一次适配更新,赛季节点前后每周完成一次数据校准,节奏固定下来,回访的人心里有数。