栏目索引分组层级收拢
一级栏目重新归回成组,同一个分组在平板竖屏下不再跨两屏;长栏目名的折行点也往后挪了半个字宽。
观察报告 · 最近一期
买球网把栏目索引怎么改、版本走到哪一步、哪块屏幕上的排布动了手,一期一期写下来。超过 5.4 万名连续使用三年以上的老用户,习惯在换设备之后先翻这里,确认这次调整的是不是自己天天用的那一块。
本期报告 · 第 27 期
这一期只讲一件事。原来在平板竖屏下,几个名字较长的栏目会被折成两行,把下面的二级条目挤到下一屏。这次把分组标题的字重和灰度重新拉开,折行的位置往后让了半个字宽,同一个分组现在能在一屏里看完。
报告列表
一级栏目重新归回成组,同一个分组在平板竖屏下不再跨两屏;长栏目名的折行点也往后挪了半个字宽。
平板横屏、平板竖屏、手机窄屏各走一套排布规则,重新登录后索引布局自动回到上次的位置。
栏目名在竖屏里容易折成两行,标题栏会挤到编号。这一季度把折行点往后让位,编号重新回到左轴线上。
年初到现在,约 68% 的日访问来自回访用户。他们多数先扫索引,再翻费用说明,最后停在适配范围那一段。
从平板换到手机、再从手机换回平板,索引位置和收藏标记还在不在。第三篇专门讲窄屏下的标记显示。
标记从行尾挪到行首,扫一眼就知道哪几条是自己常看的,不用横向滑动去找。
跨设备登录时偶发索引回到默认排序,两次修正后改为记住终端与排序方式一起恢复。
检索框在窄屏收成图标,点开后覆盖在索引带上方而不是把它顶下去,返回时位置不变。
版本迭代记录
从当前版本往前倒,把平板与手机几条排布线各自收到的改动列在一起。想对照手上的设备查范围,可以到服务与版本页逐条看。
最近一次更新
三档终端分别调校排布,重新登录后索引按上次使用的终端恢复,收藏与回访标记一并跟着回来。
本季度
除按栏目和终端排序外,新增按更新时间排序。切换排序方式后再回来,仍停在上次浏览的位置。
本季度
输入关键词可直接跳到对应的索引条目,不必先在分类里逐层翻找。
上一季度
换设备登录后,此前标记过的条目仍在原位显示;标记位置也从行尾移到行首,扫读更快。
年初
二级条目同步整理,分组标题的字重与灰度重新拉开,密集区域不再糊成一片。
双端期起点
从 3.0 起,平板横屏、平板竖屏与手机窄屏不再共用一套折行规则,各自按屏幕宽度决定分组展开方式。
适配观察
平板横屏、平板竖屏、手机窄屏各自有一套折行规则。下面写的是这一季度观察到的变化,以及还没调顺的位置。
平板横屏
分组标题与编号同处一行,右侧留出足够空档,一眼能扫到组尾。
还在调:分组超过 8 个时,右侧空档会被压缩,编号与标题的间距需要再分开一点。
平板竖屏
折行点后移半个字宽之后,标题栏和编号重新对齐,同一个分组基本能在一屏里看完。
还在调:两组之间的留白在竖屏下偏小,连续下滑时容易把两组看成一组。
手机窄屏
检索框收成图标后覆盖在索引带上方,不再把整条索引往下顶,关掉时回到原来的位置。
还在调:窄屏下的更新时间标签容易和条目文字贴太近,字号与行距还要再拉开一档。