工具与版本

把查询压进三步,手机和桌面各有一套顺手的读法

博喜体育中心把日常查数据拆成两条线:出门在外用博喜综合体育小屏版,几秒拿到比分与球员表现;坐回电脑前用桌面导航页,慢慢做整个赛季的梳理。同一名球员、同一场比赛,两边读到的是同一份数据,换设备不用换习惯。

按你的场景挑入口

各入口的适用场景、可查内容与设备适配对照
入口 什么情况下用它 能查到什么 设备适配
小屏版 等电梯、进场前、赛后离场路上,只想立刻知道结果 当场比分、球员单场数据,以及你上一次查过的那条记录 5.5 英寸以下手机优先适配
桌面导航页 坐下来把整个赛季翻一遍,或者按联赛横向比 46 个可检索入口,按联赛、球队、球员、数据四个维度分组 桌面与平板,宽屏阅读更省力
查询球员入口 想弄清某名球员这个阶段到底踢得怎么样 按联赛、赛季阶段、球队、球员、数据维度定位到具体条目 手机与桌面通用,同一个入口
战报与越位次数对照 比赛刚结束,要一边看过程一边核对数字 简体版越位次数与战报逐轮并排,多联赛之间各归各位 桌面横向并读,视野更完整
  • 46 个可检索入口
  • 12 个竞赛门类
  • 3 步定位到某名球员
  • 1.2 秒,小屏版首屏
  • 30 分钟,每轮战报同步
竖持手机显示球员数据列表的正面特写,背景为冷色渐变
小屏版打开后的第一屏:最近一次查询停在列表顶端

01

小屏版:先把屏幕尺寸这件事解决掉

小屏版是做给“人在外面”这个场景的。站内针对 5.5 英寸以下的手机屏做过一轮专门的适配,首屏加载控制在 1.2 秒以内——排队、进场、中场休息那点零碎时间,够你看完一场比赛的比分和一名球员的当场数据。

回访用户不用重新走一遍流程。上次查过的那条数据会直接停在列表顶端,打开就能接着往下看,不必再翻联赛、再选球队。

  • 5.5 英寸以下屏幕优先适配,竖屏单手可读
  • 首屏 1.2 秒内打开,弱网环境下也能出内容
  • 最近一次查询自动置顶,回访少走两步
  • 比分与球员数据与桌面端同源,换设备读到的结果对得上

想在宽屏上翻更完整的入口分组,回首页的导航页看就行。

02

查询球员入口:五步收成三步

这个入口原先挂在桌面导航页里,4 月更新之后并入了小屏版,手机和电脑都能直接进。原来的五步路径收成了三步:先定联赛,再定球员,最后读数据。中间那些绕路的层级被压掉了。

检索维度一共 5 类——联赛、赛季阶段、球队、球员、数据维度。你可以先圈定一个赛季阶段再看球员,也可以直接从名字定位,两种顺序都成立,怎么想就怎么查。

1 2 3 定联赛 定球员 读数据
  • 联赛 → 球员 → 数据,三步之内到底
  • 支持按赛季阶段缩小范围,避免翻到上赛季的旧条目
  • 手机与桌面共用同一入口,换设备不用重新学一遍
屏幕上球员姓名与数据列并排排布的界面示意
球员条目按姓名与数据列并排排布,纵向数字对齐后一眼能比

每轮结束 30 分钟内

战报和越位次数同时到位,打开就能读

03

多联赛并排读,各读各的不串行

同时盯几个联赛的时候最怕什么?切换过去发现数字串了行——上一场比赛的越位次数跳进了下一场的战报里。站内的简体版越位次数与战报做成逐轮对照,多个联赛之间切换时各自归位,读下来是一条完整的线。

两块并排数据面板之间的对照连线示意
左侧战报、右侧越位次数,同一轮的两次呈现并排对齐

对照覆盖 8 个主流联赛,每轮比赛结束后的半小时内完成同步。看完当前这轮想往回翻,可以按赛季阶段和轮次一路找过去,资讯与战报栏目里就是按这个顺序排的。

  • 战报与越位次数逐轮并排,不用来回跳页
  • 多联赛切换时数据各归本位,不会前后错位
  • 更新时点跟随赛事日历,打完一轮就跟进一轮
不同尺寸屏幕轮廓并列排放的抽象构图
从小屏手机到宽屏桌面,同一份内容按屏宽重新排布

04

版本是怎么一步步长成现在这样的

导航页每月做一次入口巡检,每季度完成一次结构版本更新。下面按阶段把变化摊开,点开哪一段就看哪一段的功能清单。

阶段一 桌面导航页立起来
  • 入口按联赛、球队、球员、数据四个维度分组,共 46 个可检索入口
  • 覆盖足球、篮球、排球与冰雪项目等 12 个竞赛门类
  • 宽屏下的入口索引成型,适合坐下来做赛季梳理
阶段二 多联赛对照与设备适配
  • 简体版越位次数与战报做成逐轮对照,多联赛之间不再串行
  • 针对 5.5 英寸以下屏幕重新排布,首屏加载压到 1.2 秒以内
  • 平板与桌面端保持宽栏阅读,横向并读更完整
当前 4 月更新:查询球员入口并入小屏版
  • 查找球员的路径由五步缩短为三步,手机端同样适用
  • 回访用户直接读取最近一次查询的数据,不必重新找入口
  • 手机与桌面共用同一入口,切换设备不影响操作习惯

下一步继续压入口层级、扩设备适配范围,每一轮改动都会同步到导航页的季度版本里。

先用起来,或者先问一句

第一次打开不知道从哪儿点,常见障碍和对应做法都整理在问题排查里;想谈内容合作、数据授权或者反馈数据问题,走联系通道更快。