02 / PLATFORM SERVICE

赛事页第一屏,入口与版本都在

押注体育把移动端KAIYUN栏目入口放在赛事页首屏,打开手机就能直接进入想看的板块;版本标注紧随其后,扫一眼就知道手上用的是哪一版。

当前版本v9.4

2.1 / COLUMN STRUCTURE

栏目分四层,入口站在最外面一层

把栏目想成一份叠起来的赛程册:越靠上的层越贴近手指,越靠下的层越沉得住内容。你要找的东西,大半在第一层就能解决。

四层矩形面板由下至上叠放的栏目层级结构抽象图,最上层以霓虹橙线条标出首屏入口所在位置
从首屏入口到变更说明,四层各管一段
第一层 · 首屏入口

打开赛事页最先看到的一层,品类入口成排铺开,足球、篮球、电竞都在其中,点一下即进入对应板块。

第二层 · 品类选择

选定项目之后的细分栏,赛程、对阵与阶段信息在这里归位,切换项目不用退回上一层。

第三层 · 内容浏览

单一赛事的完整脉络,阵容变动与条目来源标注并排放着,回访时少跨一次页面。

第四层 · 变更说明

按入口调整、标签体系、栏目结构与服务流程四类归档,回头翻旧版本也能找到线索。

2.2 / ENTRY POSITION

手机打开就能看见,平板位置不变

入口待在首屏的中上部区域,横向铺满整行。屏幕再矮一档,它也不会被挤出首屏。

竖屏打开赛事页,入口条紧贴页面标题下方,占满左右两边。拇指从屏幕下沿往上滑半屏就能点到,不必先滚动再找。

常见的 375×667 视口下,入口与首个品类标签同时完整可见。

移动设备轮廓与首屏高亮区域的抽象示意图,高亮带落在屏幕上部的入口位置
高亮带就是入口的可点范围

2.3 / VERSION & CADENCE

押注板块版本号,写在页面右上角

版本号形如 v9.4,命名规则是“主版本.次版本”。小数点前的数字变了,说明栏目结构动过;小数点后变了,只是标签和内容刷新。

页面局部轮廓与右上角版本号标注位置的抽象指示图,橙点标出版本徽标所在坐标
右上角徽标即版本号所在位置
Current stable v9.4
  • 每 6 周发布一次小版本,标签与条目随之刷新。
  • 每季度发布一次大版本,可能调整栏目结构。
  • 累计完成 47 次版本迭代,上一稳定版为 v9.3。
  • 变更说明按赛季归档,已积累 12 个赛季主题档案。

版本停留在 v9.3,问题排查页里有对应的处理顺序。

2.4 / MULTI-DEVICE

手机、平板、桌面,栏目顺序一个样

三端的栏目名称与排列顺序保持一致,换设备不用重新认路,区别只在每屏能放下几列。

手机、平板与桌面三种尺寸轮廓并排的适配示意抽象图,线条风格统一,均标出入口条所在位置
三端入口条位置一致,只是每屏列数不同

中文版首次访问,三步就能上手

  1. STEP 01

    看入口

    首屏入口条露在上面,说明版本与入口都对得上,可以开始点。

  2. STEP 02

    认版本

    右上角徽标显示 v9.4,即为当前稳定版;显示别的值,先刷新一次页面。

  3. STEP 03

    选关注

    挑出常看的两三个项目,之后每次回访直接从这里进,省掉一轮翻找。

2.5 / VERSION DIFF

v9.4 与 v9.3,差在哪儿

常回来的人最在意换了什么。三处差异都围绕一件事:少点几下,少跨一页。

两组栏目结构并排对照的抽象信息图,差异点以霓虹橙标记在对应的层级位置
差异集中在入口、标签与变更说明三处
v9.4 的栏目表现
对照项表现
首屏入口入口条固定在首屏中上部,品类标签一次全部露出
标签体系统一二级标签,同一项目在不同栏目写法一致
变更说明阵容变动与变更记录并排在同一栏目内

2.6 / COVERAGE

18 个赛事品类,一天约 1200 条

足球、篮球、网球、乒乓球、羽毛球、排球、电竞都在其中,其余项目按赛季轮转排布。每天更新的赛程与栏目条目约 1200 条,赛季高峰时段可到 1800 条。

  • 足球
  • 篮球
  • 网球
  • 乒乓球
  • 羽毛球
  • 排球
  • 电竞
  • 田径
  • 游泳
  • 赛车
  • 斯诺克
  • 高尔夫
  • 拳击
  • 自行车
  • 滑冰
  • 滑雪
  • 举重
  • 击剑

与 23 家赛事数据合作方长期协作,赛程条目的补全率维持在 99.2%,项目再多也不至于断线。