跳到主要内容
买球网 简体中文站

栏目索引每日整理 · 费用标准与测试版范围见服务与版本页

客服时段 9:00–18:00

观察报告 · 最近一期

栏目索引、版本与适配,改过什么都记在这一页

买球网把栏目索引怎么改、版本走到哪一步、哪块屏幕上的排布动了手,一期一期写下来。超过 5.4 万名连续使用三年以上的老用户,习惯在换设备之后先翻这里,确认这次调整的是不是自己天天用的那一块。

  • 4 期 / 年,按期发布索引修订说明
  • 12 个一级栏目,重新收归成组
  • 46 条二级条目,可在索引里逐条扫到

本期报告 · 第 27 期

索引分组重新收拢,平板竖屏少折一行

这一期只讲一件事。原来在平板竖屏下,几个名字较长的栏目会被折成两行,把下面的二级条目挤到下一屏。这次把分组标题的字重和灰度重新拉开,折行的位置往后让了半个字宽,同一个分组现在能在一屏里看完。

  • 栏目索引的分组层级收拢,扫读时少回头。
  • 平板竖屏下分组标题不再折成两行。
  • 重新登录后,索引回到上次浏览的位置。
看版本改动
平板与手机同屏显示栏目索引界面的局部,斜切构图,屏幕光偏冷
平板横屏与手机窄屏下的栏目索引,这一期把分组层级收拢了一层。

报告列表

按分类往下翻,最近的一期排在最前

索引修订

栏目索引分组层级收拢

一级栏目重新归回成组,同一个分组在平板竖屏下不再跨两屏;长栏目名的折行点也往后挪了半个字宽。

最近一期 · 约 6 分钟

版本迭代

3.4 在三类终端上分别调校

平板横屏、平板竖屏、手机窄屏各走一套排布规则,重新登录后索引布局自动回到上次的位置。

本季度 · 约 5 分钟

适配观察

平板竖屏下索引的折行位置

栏目名在竖屏里容易折成两行,标题栏会挤到编号。这一季度把折行点往后让位,编号重新回到左轴线上。

本季度 · 约 4 分钟

用户路径

回访用户最常走的三条路径

年初到现在,约 68% 的日访问来自回访用户。他们多数先扫索引,再翻费用说明,最后停在适配范围那一段。

年初至今 · 约 7 分钟

专题系列

“换设备之后”系列 · 第三篇

从平板换到手机、再从手机换回平板,索引位置和收藏标记还在不在。第三篇专门讲窄屏下的标记显示。

最近一期 · 约 8 分钟

索引修订

收藏标记移到索引行左侧

标记从行尾挪到行首,扫一眼就知道哪几条是自己常看的,不用横向滑动去找。

上一期 · 约 4 分钟

版本迭代

登录后索引恢复的两次修正

跨设备登录时偶发索引回到默认排序,两次修正后改为记住终端与排序方式一起恢复。

年初至今 · 约 5 分钟

适配观察

手机窄屏上的站内检索入口

检索框在窄屏收成图标,点开后覆盖在索引带上方而不是把它顶下去,返回时位置不变。

上一期 · 约 3 分钟

版本迭代记录

3.4 双端适配版之后,改过这些地方

从当前版本往前倒,把平板与手机几条排布线各自收到的改动列在一起。想对照手上的设备查范围,可以到服务与版本页逐条看。

版本节点色带与编号沿水平线推进的抽象图示,节点间距均匀
索引期、适配期、双端期,三段推进的节点示意。
  1. 最近一次更新

    3.4 双端适配版

    三档终端分别调校排布,重新登录后索引按上次使用的终端恢复,收藏与回访标记一并跟着回来。

  2. 本季度

    索引带排序扩展

    除按栏目和终端排序外,新增按更新时间排序。切换排序方式后再回来,仍停在上次浏览的位置。

  3. 本季度

    站内检索直达条目

    输入关键词可直接跳到对应的索引条目,不必先在分类里逐层翻找。

  4. 上一季度

    收藏与回访标记打通

    换设备登录后,此前标记过的条目仍在原位显示;标记位置也从行尾移到行首,扫读更快。

  5. 年初

    一级栏目重新收归成组

    二级条目同步整理,分组标题的字重与灰度重新拉开,密集区域不再糊成一片。

  6. 双端期起点

    三条排布线各自独立

    从 3.0 起,平板横屏、平板竖屏与手机窄屏不再共用一套折行规则,各自按屏幕宽度决定分组展开方式。

适配观察

同一份索引,在三种屏幕上排成三个样子

平板横屏、平板竖屏、手机窄屏各自有一套折行规则。下面写的是这一季度观察到的变化,以及还没调顺的位置。

平板横屏

索引带横向铺满,两屏看完

分组标题与编号同处一行,右侧留出足够空档,一眼能扫到组尾。

还在调:分组超过 8 个时,右侧空档会被压缩,编号与标题的间距需要再分开一点。

平板竖屏

长栏目名不再折成两行

折行点后移半个字宽之后,标题栏和编号重新对齐,同一个分组基本能在一屏里看完。

还在调:两组之间的留白在竖屏下偏小,连续下滑时容易把两组看成一组。

手机窄屏

检索入口收成图标

检索框收成图标后覆盖在索引带上方,不再把整条索引往下顶,关掉时回到原来的位置。

还在调:窄屏下的更新时间标签容易和条目文字贴太近,字号与行距还要再拉开一档。

平板竖屏界面与手机窄屏界面并置对照,突出栏目索引排布的差异
同一份栏目索引,在竖屏与窄屏下的排布对照。

回看与订阅入口

想找某一期,按分类和终端都能倒回去

每一期都归在索引修订、版本迭代、适配观察、用户路径、专题系列五个分类里,也可以按自己手上的终端往回翻。翻不到想要的那一期,把设备型号和大概看到的时间告诉客服,工作日 9:00-18:00(北京时间)会有回复。

界面上的浏览路径连线示意,线条细,颜色以冰凌蓝为主
回访用户从索引出发,走向费用说明与适配范围。