VERSION LOG · 逐月记录

竞博CN每次改版,改了什么、为什么改

分类怎么重排、搜索框放在哪里、手机上的阅读节奏如何调整——竞博CN把每次界面升级的前因后果写成观察笔记。无论是刚上手的新访客,还是换了设备重新找入口的老用户,都能顺着最近几个版本的变化脉络,快速认出自己要去的板块。

LATEST NOTES

最新观察

按主题挑一篇就行:版本更新讲这次动了哪块界面,趋势观察看大家实际怎么走,分类重排和专题笔记则记录更细的推敲过程。

  1. 01

    版本更新 本季度

    首页分类重排之后,常用功能挪到了第一屏

    这一版把入口按使用频率重新排了一遍。新访客打开首页不必再往下翻找分类,最常用的几个板块在第一屏就能摸到;老用户也少了一次滚动。

  2. 02

    趋势观察 本月

    首屏触达变快了:少一次滑动,多一次直达

    从访问路径看,多数人会在打开页面后的第一屏内完成选择。把高频入口前置之后,从进入到点开目标板块,中间的动作明显变少。

  3. 03

    分类重排 上月

    十二个一级板块重新归组,按场景靠拢

    原先按栏目体量排的顺序,改成按使用场景聚类。同一类需求下会用到的板块挨在一起,找完一个常常顺手就能找到下一个。

  4. 04

    专题笔记 上月

    一个搜索框,连带解决三种查找动作

    导航栏那个输入框同时承担三件事:定位板块、翻找帮助文档、查版本说明。这次记录的是关键词怎么被命中,以及结果怎么按相关度排。

  5. 05

    趋势观察 本季度

    手机上的阅读节奏,段距比字号更影响停留

    对比几轮调整后的数据,把段落之间留出空隙、行距放宽,长条目的读完比例比单纯放大字号更理想,翻页动作也更连贯。

  6. 06

    版本更新 上月

    移动端导航重构落地之后,稳定性怎么样

    导航改版上线已有一段时间。这段笔记回看了滚动时隔断的稳定性、触控区域是否够大,以及在低端机型上的实际表现。

  7. 07

    分类重排 本月

    新访客和老用户,在同一张分类表上走出两条路

    第一次来的人更容易被顶部引导区带走,换设备回来的人则直接奔向收藏过的常用入口。分组方式要同时照顾这两种走法,才有了这版排布。

  8. 08

    专题笔记 本季度

    六十余篇使用指引,被翻得最多的是哪几类

    帮助中心里关于设备切换、入口定位、分类查找和移动端浏览的指引占了绝大多数阅读量。这段笔记顺带记下哪些条目还需要补得更细。

  9. 09

    趋势观察 上月

    换设备回来的人,第一件事是找常用入口

    观察换机场景下的路径会发现,大多数人跳过介绍页,直接去点曾经用过的板块。这也解释了为什么快捷入口要放在触手可及的位置。

  10. 10

    版本更新 本季度

    八个快捷入口的保留与让位

    快捷入口的位置有限,每次调整都意味着有进有出。这段笔记交代了这轮筛选的依据:使用频次、场景重合度,以及和其他入口的互补关系。

左右两组分类卡片对比,右侧以竞速橙标出常用功能前置
分类重排前后对照:右侧带竞速橙标记的板块,就是被前移到首屏的常用功能。
深海蓝底上的界面版本卡片与电光青刻度线
版本卡片按发布顺序排列,刻度线标出每次调整的着力点。
版本迭代专题

三个版本,三种不同的着力点

最近三个版本没有同时铺开,而是各挑一个方向做深。想弄清某次改动带来什么变化,对着看下面这三段就够了。

  1. 01

    分类重排:常用功能先露面

    首页分类按使用频率重新编排,十二个一级板块重新归组,最常去的几类挪到首屏。新访客第一次来,不用先学分类逻辑。

  2. 02

    搜索快捷入口:一个框连起三种结果

    导航栏那个输入框同时负责定位板块、翻找帮助文档、查看版本说明。输入一次,不必在几个页面之间来回跳。

  3. 03

    移动端阅读节奏:行距与段距一起放开

    正文行距加宽、段落之间留出空隙,长条目在手机上连续读下去不容易串行,返回上一步也更顺手。

看相关的常见问题

移动端趋势笔记

访问大多发生在手机上,布局也跟着走

从访问构成到首屏布局,移动端的每次取舍都会在路径里留下回声。下面几条是最近几个月的观察摘要。

54% 60% 66% 72% 78% Q1 Q2 Q3 Q4 Q5

移动端访问占比 · 近五个季度

  • 约 78%

    手机已经是主要入口

    移动端占比稳定在高位,页面宽度、触控区域和首屏内容都优先按手机屏幕来安排。

  • 第一屏

    决定去留的那一屏

    首屏能直达搜索、快捷入口和分类总览之后,进入页面到选定板块之间的动作被压到最少。

  • ≥ 44px

    手指按得准,才谈得上顺手

    按钮与链接的触控范围统一放开,图标排布也留出手指活动的余量,误触明显减少。

电光青折线穿过网格背景,标出移动端访问占比的抽象趋势图
折线背后的那条网格,就是手机首屏的版式骨架:越靠上,越先被看到。
专题归档

三个系列,往回翻也能连成线

单篇笔记看完,往往会想补上前因后果。三个系列各自成线,按你关心的方向展开。

三个专题标签分布在纸张叠层网格中的抽象归档图
三个系列各占一格,交叠处就是它们共同覆盖的访问场景。
报告索引

想直接跳到某一块,从这儿走

四块内容各自解决一类疑问:这段时间动了什么、为什么这样排、手机上大家怎么走、以前写过什么。