功能与版本中心

比分、控球率、版本条,位置和用法一次说清

打开三亿体育赛场,比分、控球率、战报和版本条各自都有固定的落点。下面按模块挨个讲:每样东西长什么样、在哪儿点、什么时候用得上,跟着走一遍就熟了。

深色界面中日期带横贯顶部,比分卡居中,版本条列于右缘的三栏排布
日期带在上、比分卡居中、版本条压右侧,一屏之内三件事都露头。

01

打开就在上次停下的那天

回访的人大多带着同一个目的来:昨天那场、上周那轮,翻回去对一下比分和控球率。资料库入口就摆在首屏,顶部的日期带默认停在你最近翻过的日期段,点一下某一天,下面的比分卡、控球率和战报一起切过去。

不用重新搜索,也不用一层层往下点。电脑上和安卓手机上看到的是同一批比分与战报,换设备接着看不会断。

  • 日期带横贯页面顶部,左右滑动即可换比赛日
  • 当前选中的比赛日在右上角以数字读数显示,滑到哪读到哪
  • 手机端先给日期带和当天比分,向下滑才是完整战报
  • 资料库入口常驻首屏,临时查一条也不用翻菜单
两队控球率条形对比界面局部,半场与全场两段用不同颜色区分
同一根轴上放两队,半场一段、全场一段,颜色分开。
主队
58%55%
客队
42%45%

02

比分给结果,控球率给过程

比分卡只用一眼:两队、终场比分、比赛处于什么状态。想知道这场球是怎么踢出来的,看旁边那张控球率卡。

条形图把两队摆在同一根轴上,主客用颜色区分,左段是半场、右段是全场。切一下上方的「半场/全场」,同一场比赛的两个阶段就能对照着看——谁的优势到了下半场翻了面,一眼就清楚。

控球率、射门次数和传球成功率是回访用户翻得最多的三项,都收在同一张卡里,往下展开还能看到两队的分项对比。

  • 两队同轴对比,长度差就是控球差
  • 半场与全场分段着色,换段不换位置
  • 单场采集 38 项技术统计,卡内向下列出
战报页面上翻页保留阅读位置的状态示意,列表延续上一场的日期顺序
翻到下一场,阅读位置跟着走,不用重新找。

03

顺着日期一路翻下去

战报按日期顺序排好,看完一场接着往下翻就是相邻的比赛日。翻页之后停在原来读到的位置,中途接个电话、切出去回条消息,回来还是那一屏。

这块内容在通勤路上用得最集中:7:00-9:30 和 17:30-20:00 两段合计占到移动端访问的 41%。单屏信息量因此压得比较紧——一条战报三行之内看完,一站在路上就能翻完一个比赛日。

翻到某一天想停下来细看,点日期带上的那一天即可;想回头找更早的赛季,就在日期带上往左滑,六个赛季的记录都能顺着翻回去。

一屏一场,第三屏是读到一半停下的那一刻。

三个手机屏幕并排显示按日期连续翻页的战报列表,节奏紧凑
通勤时段的三屏节奏:上车一场、换乘一场、到站正好收尾。

04

版本条与移动端更新记录

页面右缘那一条竖排的东西就是版本条。等宽字体写编号,前面套一块琥珀黄底,滑到哪儿它跟到哪儿,随时能确认自己用的是哪一版。

找三亿体育版本号,认准等宽字体的琥珀标签

编号是主版本号加构建号。拿 v6.4.2 举例:前面的 6 是大版本,4 是这一季的构建序号,末尾数字越小说明改动越轻。网页端和安卓端印的是同一个编号,对得上就是同一版。

安卓端两周发一版,改动范围写进对应那条:动了哪个页面、修了什么、牵涉到哪些数据模块。点开任意一条展开详情,再点收起。版本条按季度归档,最近四个季度可以摆在一起连着比,想知道上一版动过什么,往上翻一格就够。

v6.4.2 战报翻页保留上次阅读位置

翻页后回到原处继续读,中途退出再进来也一样。涉及页面:战报与动态、球员数据页。

v6.4.0 控球率卡新增半场与全场切换

条形图分段着色,切换后不跳位置。涉及页面:首屏速查、功能与版本中心。

v6.3.4 日期带支持键盘左右切换

方向键换比赛日,当前日期同步高亮读数。涉及页面:全站顶部的日期带。

v6.2.1 检索入口补上球队筛选

按球队缩小范围后,列表只留该队相关场次。涉及页面:首屏速查、战报与动态。

等宽字体版本条竖向排列的界面局部,每一条前面带琥珀黄底编号标签
竖排版本条,编号在前,改动说明跟在后面。
球员数据界面右侧竖排版本条随页面滚动保持可见的状态
滑到数据表格深处,右缘那条版本条仍然在。

05

球员数据页:版本条跟着你走

球员数据页内容长,表格一屏放不下。版本条在这里换了个摆法——横条变竖排,贴在页面右侧,往下滑的时候一直留在视野里。

读到哪一条,那一条就亮起来,你不用记自己看到第几版,眼睛往上瞄一眼就知道。想回看某一次改动,点开对应那条,详情就展开在当前屏里,不用跳走再回来。

做内容的人常在这一页停得最久:把赛季数据、出场记录和版本条对照着看,哪一版调过统计方式、哪一版补了字段,顺着竖排条目往上翻就能串起来。

  • 竖排版本条随滚动保持可见,不被长表格顶走
  • 当前命中的条目自动高亮,位置感清晰
  • 条目点开即在原地展开,读完接着往下滑

接着看