手机屏幕显示第12轮赛程卡片与实时比分,夜间球场灯光环境
  • 5.0–7.2″ 单手可及
  • 3 端同步路径
  • 12 个赛季专区

移动端赛程工具

小屏上的赛场,一只手就能翻完

浩瀚体育的移动端赛程页把轮次、对阵、比分和约看入口收进一屏:赛前两分钟掏手机,也能看清这一轮谁对谁、几点开、上一场打成什么结果。换到平板或电脑接着往下看,刚才停在哪一轮还在那儿。

小屏上最常做的四件事

01

轮次卡片一屏读完

赛程卡片上同时给到轮次编号、对阵双方、开赛时间与比赛状态,拇指滑动两三下就能扫完一整轮,不用来回跳页。

02

赛季专区就近切换

足球、篮球、排球与综合赛事各有专区,切过去时当前轮次与球队位置跟着走,不必从首页重新找起。

03

对位记录顺手就查

点开任意一场比赛,近两个赛季的比分、主客场和轮次排成一张表,赛前的心理价位一目了然。

04

约看按钮就在首屏

想组织一群人看球,赛程页首屏的约看入口直接把你带到联系与约看,选比赛、留联系方式一次做完。

赛季专区切换

12 个专区,切过去不用重新找

每个专区都有自己的轮次列表、球队页和比赛详情,切走再切回,停在哪一轮就还在哪一轮。手机切到平板,路径照样接得上。

  • 当前专区用赭橙高亮,未读轮次用荧光青点标记
  • 切换时保留球队与轮次位置,返回不丢上下文
  • 同一路径在手机、平板与电脑之间保持一致
切换遇到问题?看答疑
12 个赛季专区
深蓝界面中的纵向赛季专区列表,当前选中项为赭橙高亮
专区列表纵向排布,当前选中项以赭橙标出,已浏览轮次留荧光青点。
球场草皮纹理上分布着荧光青数据点与斜切线

历史交锋面板

近两个赛季的对位,摊开看

比分、轮次、主客场排在同一张表里,等宽数字对齐,扫一眼就知道这对冤家最近谁占上风。筛主场或客场,只看自己关心的那一半。

近两个赛季部分对位记录,含轮次、对阵、比分、主客与状态
轮次 对阵 比分 主客 状态
第12轮 昆明 · 成都 2 : 1 主场 已完赛
第12轮 曲靖 · 贵阳 0 : 0 客场 已完赛
第11轮 昆明 · 重庆 3 : 2 主场 已完赛
第11轮 南宁 · 昆明 1 : 2 客场 已完赛
第10轮 昆明 · 大理 1 : 0 主场 已完赛
第10轮 成都 · 昆明 2 : 2 客场 待更新

表内为近两个赛季的部分场次,完整列表在比赛详情页按轮次逐条展开。

首屏约看入口

想约一场球,从赛程页直接走

赛程页首屏就放着约看入口,不用翻到页面底部找。点进去先看到当前这场的摘要,确认是对的那一轮,再填写联系方式与需求。

  1. 1选择比赛:在赛程卡片上挑定轮次与对阵
  2. 2填写联系方式:留邮箱或电话,说明人数与场地需求
  3. 3客服跟进:工作日 09:00–18:00 回复,一个工作日内联系

设备适配

手机、平板、电脑,布局跟着屏幕走

移动端页面适配 5.0 到 7.2 英寸的小屏,主按钮落在单手持机时拇指够得到的位置;换到平板和电脑,赛程与交锋表自动铺开成宽版。

5.0–7.2 英寸手机

单列轮次卡片,约看按钮固定在拇指可达区,赛季切换条横向可滑。

平板

赛程与交锋表并排出现,筛选胶囊一行排开,适合放在桌面上一边看一边记录。

电脑

宽版轮次列表与完整交锋表同时展开,社群运营者可以边查边把链接发给群成员。

云南红土颗粒纹理的局部裁切,作为页面背景层
红土颗粒纹理只作低透明度背景,不干扰赛程文字阅读。

使用场景

三种常见用法,照着走就行

01

赛前两分钟查对位

开球前在球场边掏出手机,想快速确认这对组合上一场打成多少。

  1. 打开赛程页,切到对应赛季专区
  2. 在轮次卡片上找到这场对阵
  3. 点开详情,看近两个赛季的主客场比分
02

换设备继续找

路上用手机翻到第 9 轮,回到办公室想接着往下看。

  1. 在电脑上打开同一专区
  2. 顺着轮次列表找回刚才停下的位置
  3. 把交锋表放大,逐行对比比分
03

社群组织约看

球迷社群想凑一场集体观赛,需要先确认场次再定场地。

  1. 在赛程页首屏挑定轮次与对阵
  2. 点约看入口,填写人数与场地需求
  3. 等工作日客服回信,再通知群成员
深色数据面板中的历史交锋表格,荧光青高亮当前行
交锋表在宽屏上展开后,比分列用等宽字体对齐,方便逐行比较。

版本更新

这一版改了什么

移动端页面本月完成一轮改版,覆盖到第 12 轮赛事。之后还有两次体验回访,把小屏上的反馈继续收回来。

  1. 本月 · 移动端页面改版

    赛程卡片重新排布,比分字号加大,约看入口提到首屏;赛季切换条改为横向滑动,单手也能切。

  2. 本月 · 覆盖第 12 轮

    第 12 轮的轮次、对阵与比赛状态已全部进页面,历史交锋面板同步到最近两个赛季的对位记录。

  3. 后续 · 每年两次体验回访

    围绕小屏使用习惯做回访,把按钮位置、字号和表格密度的问题收进来,下一版接着调。