01 / 直板手机
单列纵向,比分抬头就见
- 布局
- 单列纵向,比分区吸附在顶端
- 字号
- 正文 16px 起,比分单独放大
- 数据密度
- 中密度,一屏落 2–3 组赛果
- 推荐场景
- 通勤路上、球场边
- 检查点
- 9 项
01 / 设备对照
横向看布局、字号、数据密度和推荐场景,先确定手上的设备该横着拿还是竖着拿。
01 / 直板手机
02 / 平板
03 / 折叠屏
04 / 小屏电视与投屏
02 / 场景推荐
同样的页面,在沙发上横屏和在球场边竖屏,需要调的东西完全不一样。
室内沙发
把设备架起来,左手边留出轮次目录的位置,翻战报时目录一直吸在侧栏,不用来回找轮次。
通勤路上
比分吸附在顶端,拇指上下滑动就能从第一场翻到最后一场,不用开筛选也能看完整个轮次。
球场边
半展开时筛选区留在上屏,赛果列表在下屏,确认下一轮对手和开球时间只要往下瞟一眼。
家庭投屏
焦点顺序从筛选区开始,一路向右就是赛果卡片和导出入口,坐得远也不用凑近看小字。
03 / 收藏与导出
先收藏、再带上筛选条件、最后挑一个版式带走,三步就能把整个赛季的关注点握在手里。
首页速查、最近轮次战报和本页适配清单一起收进浏览器收藏,最多保存 60 个页面或条目,够覆盖整个赛季的关注点。
先在首页选好赛季区间与起止轮次,再收藏带筛选的页面地址。下次打开就停在你关注的那几轮,不必重新勾选一遍。
自己排赛程用 CSV 数据表,发到球队群里对比用 PNG 长图,带进会议室就用打印 PDF。三种版式都从同一个战报页面取。
04 / 界面拆解
轮次与当前比分固定在这里,向下滑到球员数据也不消失,抬眼就能对上比分。
纵向排列的轮次刻度,平板与折叠屏上吸附在左栏,手机上收成可展开的短目录。
赛季区间与起止轮次的勾选集中在一行,手机上落在拇指最容易够到的位置。
每张卡片只放对阵、比分和赛区标签,卡片之间留出足够间距,误触率明显更低。
固定在轮次列表尾部,翻到最后一屏就能看到,三种格式在同一处展开。
05 / 版本记录
从只覆盖直板手机的第一版起,每一次修订都在回答同一个问题:在小屏上怎么少点两下就看到比分。
确定单列纵向骨架,比分置顶与轮次目录的位置从这一版开始固定下来。
左栏轮次目录改为可吸附,展开态与折叠态分别给出分栏比例,整轮对阵能一屏看完。
加入遥控焦点顺序与大字号模式,导出补上 CSV、PNG 长图和打印 PDF,收藏条目统一到 60 个上限。
每类设备拆到 6 至 9 项检查点,缩短筛选区在小屏上的触达距离,重新调整折叠屏展开后的分栏比例。
06 / 继续排查
观赛知识库按观赛前、观赛中、观赛后和账号与收藏四组整理了 120 条问答,设备适配与收藏导出都在最后那一组里。