V4 · 当前版本
积分榜与球员数据并入关注列表
关注列表现在同时承载赛程、积分榜与球员数据三件事,回访时不必再跳进联赛页单独找榜。会员中心顺势落到第二栏,把首屏留给战报本身。
- 关注列表按联赛分区,可逐段折叠
- 积分榜与球员数据与赛程同屏排布
- 切换通道常驻首屏,不随滚动消失
02 / 版本记录
从静态赛程页到关注列表承载积分榜,改版方向始终指向同一处:压缩从打开页面到看见比赛的距离。下面四张卡片按版本倒序排列,越靠上的越接近现在的样子。
夜间赛场
V4 · 当前版本
关注列表现在同时承载赛程、积分榜与球员数据三件事,回访时不必再跳进联赛页单独找榜。会员中心顺势落到第二栏,把首屏留给战报本身。
V3
这一版把订阅入口从二级页提到首屏,并第一次引入通道概念:关注的联赛并排陈列,左右滑动即可换场。
V2
站点开始支持一键关注多个联赛的球队,但入口位置仍偏里层,回访时容易在首页反复寻找。
V1
最初的版本是一张按日期铺开的赛程表,能查能看,但没有关注概念,每次回访都从零开始找。
03 / 入口位置
入口前移带来的收益很具体:少一次跳转,也少一次“我该点哪里”的判断。下面把新旧两条路径摆在一起对照。
旧版路径
订阅入口原先藏在二级页面,打开首页之后还得再跳一次,回访时容易停在首页反复翻找。
V4 路径
BSPORTS 订阅球队的入口移到首屏左侧主位,与切换通道并排。手指落点每次一致,回访时不必重新判断位置。
订阅入口
04 / 切换通道
手机版切换通道把左右滑动和列表点选都保留了下来,关注几条联赛,就用哪条路。
方式 A
在赛程区横向滑动,已关注的联赛依次横移进视野。整块卡片位移而不是淡入淡出,滑到哪条联赛心里有数。
比赛日当晚来回盯两三条联赛时,手指不用离开屏幕。
方式 B
点开顶部通道标签条,从列表里直接选中联赛。关注跨度大、数量接近上限时,比来回滑动更快落位。
适合同时跟进多条联赛、需要在八条之间跳的用户。
05 / 关注列表
积分榜与球员数据并入关注列表后,一屏之内的信息变多了。建议按下面这个顺序扫读,三步都在同一屏完成,不必跳出去。
列表顶部是最近一轮的比分与比赛状态,确认结果只用一眼。
往下是相关联赛的积分榜,排名的升降用橙色标出来,变动一眼能认。
最下方是关注球员的基础数据卡片,按位置分组折叠,展开即看,不用再进个人页。
06 / 操作路径
每一步只做一件事。首次订阅按四步走完,之后回访直接从第二步开始。
浏览器输入域名进入,或从主屏图标一键打开。
首屏左侧的订阅入口直接展开联赛目录。
按联赛分区勾选,最多可同时关注八个联赛的球队。
确认后回到列表,赛程、积分榜与球员数据同屏可见。
复制后可直接粘进手机浏览器地址栏;添加到主屏之后,回访就能从桌面图标一步进入关注列表。
07 / 设备与浏览器
手机浏览器直接访问即可完成订阅与切换,也可以添加到主屏,让入口和常用应用并排。常规网络下,手机端首屏的目标是可交互时间两秒以内。
访问方式
不需要安装包,打开网页就能订阅球队、切换通道。
常驻入口
把入口添加到手机主屏,回访时从桌面图标一步进入。
首屏目标
主体视觉由 CSS 与内联图形构建,减少远程图片依赖,弱网也先出结构。
手势分工
左右滑动换联赛,上下滑动浏览积分榜与球员数据卡片,互不抢占。