壹
首屏四块,从找比赛到看图表一气走完
打开移动端产品线,第一屏就摆着四个最常用的动作:进栏目、选联赛、定位轮次、读统计。位置固定,用几次就记住手指该落在哪一块。
最上面两块是入口:一块通向已经并进来的老用户栏目,一块直达最新一轮。点开就是列表,不用再往二级页里绕。
- 入口块固定在首屏左上,位置不随内容更新挪动
- 最新一轮在入口块上直接显示轮次编号与场次数量
- 返回时停在原来的滚动位置,接着往下看
轮次本身就是目录。每个节点标着轮次编号和这一轮收录的场次数量,常规 6 至 10 场,重点轮次最多 14 场。
- 可横向拖拽,节点到位时自动吸住
- 点节点即刻展开该轮全部重点场次
- 往回翻可以一直看到 2016 年的归档
同时勾选最多 5 个联赛做横向对照,最多固定 8 个关注联赛,常用的会浮到切换器最前面。
- 选中项以松石绿填充,并标出该联赛当轮场次数
- 切换联赛时轮次列表同步收窄,不会串台
- 筛选状态在本次访问里保持,退出去再回来还记得
单场 24 项指标在面板里成对出现,荧光青与琥珀分别代表对阵双方,同一行横向一比,差距立现。
- 先看控球率、射正、预期进球三条主干
- 需要细看时展开分组,其余组默认收起
- 整轮图表可导出为图片,方便带进材料里
贰
老栏目搬到首屏,进门少了两步
改版之后,易倍综合老用户栏目不再单开一层菜单,直接并进移动端产品线的首屏入口区。原来熟悉的那些栏目都在,内容照旧按联赛和轮次归位,只是打开的位置往前挪了,用惯了旧路径的人不必重新学一套操作。
- 01打开体验中心,落在首屏
- 02点左上角的栏目入口块
- 03选联赛,默认停在最近一轮
使用三年以上的读者约有 31 万人,多数人打开就直奔首屏这两块入口。
旧版入口与使用疑问叁
轮次当目录,联赛当筛子
只看重点场次的人,最怕在两三百场比赛里翻找。把范围收到某个联赛的某一轮,通常两下就够。
先定轮次,再定场次
每一轮在时间轴上独立成节点,点进去就是这轮的重点场次,不用先跳联赛再跳赛程。站内可检索 2016 年以来的归档,累计超过 9,600 个轮次。
- 节点标注轮次编号与该轮场次数,重点轮次会单独标色
- 时间轴支持拖拽与点击定位,长距离回看不用一格格滑
- 正在进行的轮次节点带实时标记,终场后 15 分钟内出速览摘要
同时勾选最多 5 个联赛做对照
- 控球率 58 / 42
- 射正 6 / 3
- 角球 4 / 5
高亮关注的联赛会固定在切换器顶部,最多 8 个。
肆
一场比赛 24 项指标,先结论后细节
每场比赛的复盘页固定给出 24 项指标,分成四组。荧光青与琥珀成对出现,代表对阵双方,同一行横着看就知道谁在哪一项上拉开了差距。
- 控球率
- 传球成功率
- 传球总数
- 前场传球次数
- 长传成功率
- 关键传球
- 射门
- 射正
- 预期进球
- 禁区内射门
- 射门转化率
- 角球
- 抢断
- 拦截
- 解围
- 犯规
- 被犯规
- 争顶成功率
- 跑动距离
- 高强度跑动距离
- 冲刺次数
- 进攻三区触球
- 反击次数
- 净比赛时间
- 01在复盘页找到导出按钮
- 02选单场,或直接按整轮导出
- 03生成图片,存到本地或发给同事
整轮导出会把该轮各场的关键图表排在一起,做材料时省掉逐场截图。
伍
内容分好层,4G 上也翻得动
移动端首屏在常规 4G 网络下 1.2 秒内完成主要内容渲染,等着看比分的人不用盯着转圈。做法是把内容按重要程度分层:入口与轮次列表先到,统计图滚动到再加载,长篇说明收进折叠区,翻到哪读到哪。
每月约有 380 万次访问落在站内,其中 74% 来自手机。单场复盘的平均阅读时长是 3 分 40 秒,人多、时间长,页面轻一点,读的人就少一次等待。
- 1.2秒完成首屏渲染
- 3 分 40 秒单场复盘平均阅读时长
- 2,800每年发布的轮次复盘篇数
陆
四次改版,移动端一步步挪到最前
从纯网页赛程页到今天的移动优先结构,功能是一轮一轮加上来的,老路径也一直留着。
-
V1.0
2016
纯网页端的赛程与比分页,先回答「今天有哪几场」。
-
V2.0
2019
首次引入轮次归档与统计图表,赛后可以从头回看一整轮。
-
V3.0
2022
确立移动优先的浏览结构,入口、轮次与图表按手机屏幕重排。
-
V3.1
本年度
合并老用户栏目并重做首屏入口区,从进场到某一轮的最短路径压到两步。