首屏直达入口
打开页面第一眼就是移动端入口卡，单手拇指区就能按到，不用先翻菜单。
能力速览
八件事，决定了你每天用起来顺不顺手
不用全部记住，挑你常做的那两三件对上就行。
六个栏目自己排序
把最常看的放到第一位，顺序调整后下次打开还是你排的样子。
赛程三线交叉查找
按项目、日期、开赛时间三条线任意组合，找某一场不用从头翻到尾。
开赛前十分钟定阵容
名单变动同步跟进，最终确认放在开赛前十分钟完成，赶得上再核对一遍。
旧版通道继续可用
习惯原有路径的用户，从页面底部照样进得去，不用重新学一套操作。
八种内核都适配
覆盖 8 种主流移动端浏览器内核，安卓与 iOS 常见机型打开都不会错位。
弱网先出文字
信号差的时候图片延后加载，赛程和阵容的文字先到，不至于对着空白页等。
版本变化有清单
当前版本 v3.2，每次改了什么都能查到，不会被界面突然变化搞懵。
打开就到位的入口，三步之内看到想看的内容
从解锁手机到看清一场赛程，中间只需要三个动作。
竖屏首屏：入口卡位于拇指可及区域
-
01
打开页面
首屏直接出现入口卡，不需要先展开任何菜单。
-
02
挑一个栏目
六个快捷栏目平铺在入口下方，点哪个进哪个。
-
03
看到内容
赛程或阵容列表立即呈现，返回键一路退回原位。
所有可点区域不小于 44 像素，走路时单手操作也不容易点错。
六个快捷栏目，顺序由你定
常用排前面，少用的往后放。把赛程和阵容摆在第一位，是最省时间的一种排法。
- 怎么排
- 长按栏目卡片拖动到目标位置，松手即生效，不需要保存按钮。
- 排几位
- 面板固定保留六个位置，从六个主栏目里挑，不会出现空白格子。
- 会不会乱
- 排好以后下次打开保持一致，想恢复初始顺序可以一键重置。
- 键盘怎么用
- 接外接键盘时可用方向键在栏目之间移动，回车进入，焦点始终可见。
面板示意：第一格为当前选中栏目
赛程按五类信息组织，什么时候来看最合适
项目、日期、开赛时间、对阵、场地，五类信息各占一栏，交叉筛选就能锁定一场。
项目
日期
开赛时间
对阵
场地
赛程排布示意：横轴为开赛时间，节点为对阵
-
当日首轮校验
赛程数据每日完成三次校验，第一轮在当日数据录入后立即执行。
-
名单变动同步
阵容信息随名单变化更新，已经关注的项目会跟着刷新。
-
开赛前十分钟最终确认
这一轮确认之后信息不再变动，想看准的阵容就挑这个时间点回来。
想看对阵提前查，想看最终阵容在开赛前十分钟查，两种目的对应两个时段。
旧版品牌服务通道，原有路径一条不少
从旧版入口过来、已经用熟原有路径的用户，可以继续按熟悉的方式走，不必重新适应。
纵向长列表，逐条往下翻
- 入口固定在页面底部，位置长期不变
- 栏目以纵向列表展开，滚动查看
- 自启用以来已服务约 210 万用户
- 适合已经形成固定浏览习惯的老用户
首屏入口加栏目面板，两步到位
- 移动端入口放在首屏，拇指区可达
- 六个快捷栏目可自定义排序
- 首屏渲染较上一版提升 42%
- 适合通勤、午休这类碎片时间查看
两种路径对照：左侧为纵向列表，右侧为网格面板
两代路径之间可以随时来回切换，底部入口在两套界面里都在同一个位置。
常见的手机和浏览器，打开都是正常的样子
换设备、换浏览器、信号不好，这三种情况下面分别会发生什么。
42%
首屏渲染速度较上一版提升
35%
页面体积较上一版减少
8种
适配的移动端浏览器内核数量
不同屏幕尺寸下的版面示意
- 宽屏手机与平板
- 栏目由单列转为双列排布，卡片自动放宽，不出现拉伸变形。
- 弱网环境
- 先加载文字内容，图片与装饰层随后补上，赛程照样能读。
- 低版本内核
- 自动降级为基础样式，保留全部文字信息与跳转路径。
- 无障碍设置
- 开启 reduced-motion 后动效改为透明度过渡，正文对比度不低于 4.5:1。
当前版本 v3.2，改了什么一目了然
此前已完成 14 次主要迭代，每条变化都对应一个你能感知到的动作。
-
v3.2
赛程筛选改为即时生效当前版本
切换项目与日期时列表当场变化，不用等页面重新加载。
-
v3.1
栏目面板支持键盘操作已上线
方向键可在六个栏目之间移动，焦点位置始终有橙色描边。
-
v3.0
移动端入口移入首屏已上线
入口卡从二级页面提到首屏，常用操作少点一次。
-
v2.8
页面体积与首屏渲染优化已上线
图片与装饰层延后加载，首屏渲染提升 42%，体积减少 35%。
后续迭代方向集中在赛程筛选项的细化与旧版通道的切换效率上。