01
对阵
主客队名称与所属轮次放在同一列。队名长度不一,但因为列宽固定,纵向扫读时左侧永远对齐,不会因为队名长短而左右晃动。
服务索引
同一场比赛的数据会出现在几个不同入口里,差别只在于你此刻要什么。选一个标签,下面的字段说明和参数会一起换过去。
想确认一场比赛的最终比分和技术统计,到赛果页就够了。每场比赛一行,左边是对阵,右边是开赛时间,往下是比分与技术统计字段,全部使用等宽数字,两列并排时能逐位对齐。
赛后想补看某个轮次的片段,从轮次索引进比从时间线翻要快。当前保留最近 3 个赛季的集锦索引,按赛季、轮次两级展开,找到那一场再点进具体片段。平板横屏时,这个入口就在首层,与赛程时间轴同一屏可见。
对照推荐把筛选层级压到对阵与时间两列,整列往下扫就能看完一天或一轮的比赛。长期跟一支球队的球迷还可以把同一支球队最多 3 个赛季并排放在一起,做纵向参照时不必反复切换页面。
网页版登录后可以查看账号维度的更新记录,里面包含栏目调整、数据版本推进,以及你关注球队的相关变更。换一台设备登录,同一条记录还在,不用回头翻浏览历史。
对照推荐
筛选项收敛到两条之后,赛程列表可以整列往下扫,不用在十几个标签之间反复点开又收起。左列固定对阵,右列固定时间,跨轮次对照时视线不需要重新定位。
01
主客队名称与所属轮次放在同一列。队名长度不一,但因为列宽固定,纵向扫读时左侧永远对齐,不会因为队名长短而左右晃动。
02
时间统一按 24 小时补零显示,同一天的比赛时间宽度完全一致。两列并排时数字逐位对齐,扫一眼就能看出哪几场挨得最近。
两列之外的筛选条件收进展开区,首屏只留这两条主轴。从首页进到具体一场的赛果,中间不超过三次点击或者一次分段切换。
赛果页
进到一场比赛的赛果页,从上到下是比分、分节段比分,再到 26 项技术统计。统计字段按控球、进攻、防守、纪律四组排列,每组的字段顺序在全部项目里保持一致,看惯了一项运动之后再换另一项,位置感还在。
整页的比分、时间、轮次、版本号都使用等宽字体,数字宽度相同。两列对照的时候,两行数字可以直接叠上去比,不用靠眼睛去找数位。
单场赛果页可以生成分享卡片,赛程可以导出为日历文件,方便把关注的那几场放进自己的日程里。
设备差异
同一份数据在三块屏幕上会重排,模块顺序不变,只是列数和入口位置不一样。挑一块屏幕看看,下面会跟着列出该设备下每个模块落在第几层。
竖屏宽度有限,赛果页把对阵与时间两列纵向排开,一行一场,滑动时视线只需上下移动。回看集锦折叠成单行入口,跟着页面滚动出现,不占用首屏。
横屏之后屏幕够宽,赛程时间轴放在左侧,回看集锦入口固定在右侧首层,与时间轴在同一屏内可见。看一场的时候不用先滚到底再往回翻,选中轮次和调出片段可以连着做。
桌面端左侧的时间轴或目录索引固定在原位,右侧宽区承载数据卡片与长文。开着多个标签对照不同轮次时,左栏不会因为滚动而消失,回来就能接着看。
使用场景
提前知道自己属于哪种看法,就能少绕几步。下面按场景给出推荐入口和理由。
场景 01
地铁里单手拿手机,只想确认昨晚几场的比分。走赛果页的对阵与时间两列,纵向滑动一行一场,不用横向拖动。
推荐入口:赛果页 · 手机竖屏
场景 02
大屏上补看某一轮的片段,先在平板上按轮次挑好那一场,再把画面推出去。回看集锦的轮次索引在这里比时间线顺手。
推荐入口:回看集锦 · 轮次索引
场景 03
只有十几分钟,想横向比几场比赛的数据。平板横屏下对照推荐并排显示,两列主轴一路扫过去,比竖屏少滑很多次。
推荐入口:对照推荐 · 平板横屏
场景 04
比赛刚结束,想一项一项看技术统计。先在赛果页看比分和分节段,再往下展开四组共 26 项字段,逐条过一遍。
推荐入口:赛果页 · 技术统计字段
切换成本
一份数据在三块屏幕上只是重排,模块顺序不动。手机上是单列、平板上是两列、桌面是左栏加右侧宽区,换过去之后要看的那个模块还在原来的相对位置,不用重新建立方向感。
页面按当前屏幕宽度加载对应的排列,不额外拉取重复内容。竖屏切到横屏时会自动重排,列表的滚动位置保持在原来那一场附近。