PRODUCT LINES / 049

四条产品线,
挑一条对上你的观赛方式

米兰赛场把中文赛事的日常使用拆成赛事面板、战报专栏、数据榜单和栏目导航对比四条线。在平板上确认阵容、在手机里补一段战报、在投屏前和大家一起看,换设备不用重新摸入口。

01

四条产品线总览

每条线解决一个具体问题,先对上你每天都会碰到的那一个。

02

换一种视图,找信息快一截

同一场比赛,排列方式不同,读到答案的快慢差很多。

时间轴

沿比赛进程往下读

节点按赛前、中场、赛后、次日排开,滑动方向就是时间方向,适合回看一整轮的节奏。

  • 节点对齐开赛与中场节点
  • 横滑、滚轮、左右键都能走
  • 当前节点自动居中
分屏 / 卡片流

同时对照两组信息

分屏把阵容和实时数据放在同一屏左右并排,卡片流则把每场压成一张档案卡,适合快速扫一眼。

  • 左侧窄栏固定阵容与轮次
  • 右侧宽栏滚动数据与图表
  • 卡片流按场次铺开,一屏看多场
三台平板分别展示时间轴、分屏与卡片流三种视图,屏幕内容清晰可辨
时间轴、分屏、卡片流在不同持握方向下的排列差异
03

按场景选产品线

四种常见观赛状态,每种给一套组合和理由。

通勤路上

手机竖屏刷战报专栏

单手往下滑,文章按开赛时间排好,三行要点加一组数据图,两站路就能看完一场。

推荐:战报专栏 · 手机竖屏 · 单栏

开赛前十分钟

平板横屏对阵容

赛事面板给当前轮次和焦点场次,右栏拉出首发名单,左边挂历史交锋,不用来回切页。

推荐:赛事面板 + 分屏视图 · 平板横屏

赛后复盘

桌面上摊开数据榜单

三栏布局同时放战报、控球与射门走势,鼠标一放就能看到近几轮的对比曲线。

推荐:数据榜单 + 战报专栏 · 桌面三栏

多人一起看

投屏看卡片流

字号放大、信息减量,一屏铺开当天几场的关键比分,客厅里几个人都能看清。

推荐:栏目导航对比 · 投屏 · 卡片流

04

版本号怎么看

三段数字,各自管一段变化。

主版本 2

每赛季两次。栏目结构调整、新视图能力这类大改动记在这一段。

次版本 4

小版本平均六天一次。数据源扩充、栏目细节优化主要落在这一段。

修订号 3

同一小版本内的修正发布,标记数据纠错与显示层面的修复。

当前站点版本

点击复制版本号,提交数据问题时附上它,我们能直接定位到对应的数据批次。

等宽字体写出的版本号被拆成三段,各段下方标注含义与发布频率
CN-MILAN-vX.Y.Z 三段结构与发布节奏

想看每一次改了什么,去动态与更新翻完整记录;版本记录可追溯至 CN-MILAN-v1.0,累计完成 470 次迭代。

05

换设备,体验接得上吗

四种终端的布局、字号、数据密度各有侧重,对照着挑就行。

平板、手机、桌面与投屏的适配差异
终端 / 方向 布局 正文字号 数据密度 推荐视图
平板 · 横屏 左右分栏,左窄右宽 16px 高 分屏
平板 · 竖屏 单栏堆叠,横向时间轴可滑 16px 中 时间轴
手机 单栏,首屏直出阵容入口 15px 中 卡片流
桌面 三栏,正文列宽 34—38 字 16px 高 分屏 + 时间轴
投屏 大字号单栏,信息减量 24px 低 卡片流
手机、平板、桌面与投屏四种设备轮廓并排,下方标注布局与字号差异
四种终端的断点与排列方式

平板端从 2021 年起单独做布局,横竖屏切换时视图状态会保留;手机上接着看同一场,滚动位置不丢。当前平板端访问占全站 41%。

06

下载与进入指引

第一次来,按这四步走就能用起来。

  1. STEP 01

    先看设备

    平板上打开本站,首屏会直接给出阵容入口和当前轮次,不需要额外设置。

  2. STEP 02

    挑一条产品线

    想快读战报去动态与更新,要看数据面板回首页,要对比视图就在本页第二章。

  3. STEP 03

    选视图方向

    横屏用分屏对照,竖屏用时间轴滑读;投屏时切到卡片流,字号会自动放大。

  4. STEP 04

    遇到问题再看这里

    数据没刷出来、栏目显示错位这类情况,帮助中心按八个高频场景给了处理步骤。

四步式进入路径示意,每一步以档案卡形式呈现,连接线用荧光绿细线
首次访问的四步路径

还不够确定选哪条?先看看这几处。