本期专题 · 手机端站点改版拆解
通勤路上单手刷战报,这一版动了 7 个地方
这次不是换皮。7 处调整全部对着一个场景来做:你在地铁上、在看台边、在等人的两分钟里,用一只手把比分和红黄牌看清楚。每一条都能点开,我们写了改前的麻烦和改后的样子。
01 关注球队入口提到首屏 打开就能看见你追的那支队 少两步跳转
以前要先展开菜单,再进关注列表。现在首屏第一屏就是球队纵向入口列,赛程和开赛提醒直接挂在你关注的名字下面,单手握持时拇指刚好落在上面。
02 战报卡片把比分顶到最上层 结果先给,过程随后 扫一眼就够
比分与红黄牌状态放在卡片第一行,用等宽数字对齐,战术描述退到第二行。你在晃动的车厢里扫一眼,不会把 2:1 读成 1:2。
03 底部快捷条收成一行 三个入口并排,够得到 触达面积 ≥ 48 像素
原来快捷入口堆在右侧竖排,单手拇指够不着。现在收成底部单行,关注球队、战报、帮助并排,每个点击区域不小于 48×48 像素。
04 折叠面板加大点击区域 不再点偏 展开更稳
帮助文档里的问答条目在手机上变窄后容易点偏。这一版把整行标题都变成可点区域,箭头旋转 90 度提示展开方向,同组只展开一项,看完不顺路带出一堆。
05 正文与关键数字的对比度拉高 昏暗看台也读得清 深底下更清楚
正文提到 16 到 18 像素,行高放宽;比分、开赛时间、红黄牌数量换成荧光青柠,和深墨绿底拉开距离。傍晚场灯光不足时,眼睛不用凑近屏幕。
06 判罚记录检索合并成一处 四个维度一个入口切换 少绕一圈
按比赛、球队、球员、版本检索,原来分散在两个页面,查一条记录要来回切。现在同一处切换维度,查完直接看到该条记录所属的版本号。
07 首屏加载顺序重排 弱网下也不白屏 先骨架后图形
关注列表与比分骨架先出,配图和图表随后补上。进站、出站信号切换的那几秒,你还能看到自己球队的名字和当前比分。