旧版 · 侧边导航
七个入口,一列排开
- 七个一级入口沿左缘纵向排列,全部可见,不需要展开动作。
- 从左缘 24 像素内滑动即可唤出抽屉,展开时主列表保持原位。
- 适合长期固定横屏、习惯左手持机的使用者,入口位置一次记住就不再变化。
- 代价是导航常驻占宽,正文可用宽度随之收窄。
版本笔记 · NOTES
九博国际的版本笔记跟着产品一起更新:导航形态、列表密度、触控热区的每一次调整,都留下标题、分类和时间线索,方便你按主题翻到自己关心的那一篇。
目录层级
从栏目往下一级是专题,再往下一级落到具体某篇笔记。三层走完,你就知道自己该读哪一段。
栏目
版本发布、布局对比、对照评测、使用场景,四个方向各自回答一类问题。
专题
本期聚焦平板登录旧版页面布局对比;此前还做过跨端导航形态、记录列表密度两个专题。
本期专题 · 布局对比
这一期我们完整做了一次平板登录旧版页面布局对比。结论先放这里:旧版把七个一级入口竖着排在左缘,新版收成五个主入口加一个“更多”层。入口少了,到达常用栏目的步数反而更短。
旧版 · 侧边导航
新版 · 顶部折叠
勾选后隐藏两版表现一致的项,六行里只剩真正变化的三行。
栏目索引
选一个方向,下面的条目会跟着筛到对应栏目。
v3.2.1 把变动记录的单行高度压下来,标签配色同时调亮
版本发布 上一个小版本同样一屏能多看约三行记录,青碧色标签在深色底上的辨识度也提高了一档。
平板横屏下侧边导航与折叠导航的拇指行程对比
布局对比 两周前七个入口沿左缘竖排,与五个主入口收在顶部,单手操作时手指要走的距离差了一截。
五个维度十八项指标的评分卡,怎么读出一张图
对照评测 本季度信息层级、触控适配、加载反馈、版本标识、跨端一致性,每一项都给了可观察的判断依据。
连续翻查变动记录的一天:筛选条件可以一直沿用
使用场景 三周前时间范围、变更类型、金额区间三类条件组合好之后,切视图不用重设,省下反复填条件的功夫。
从七个入口收拢到五个主入口的那次改版
布局对比 上个月多出来的入口进了“更多”层,一级页面的到达步数没变,正文却宽了整整一列。
概览区新增版本说明入口,变更编号可以直接定位
版本发布 本季度概览、账户中心、版本说明、帮助索引四个一级区的位置关系一次说清,找变更记录少绕两步。
加载反馈与跨端一致性两项指标的分档说明
对照评测 上个月同样一次视图切换,在平板和桌面上观感不同,问题往往出在反馈时机而不是速度。
平板竖屏下三种汇总视图的切换手感
使用场景 两周前按日、按周、按月来回切,当前筛选条件一路保留,看完一种再看另一种不必从头选。
账户中心拆成额度查询与变动记录两栏
版本发布 年初单页时代结束,两栏各自承担一类问题,查余额和翻流水不再挤在同一屏里。
左缘二十四像素滑动唤出抽屉,手指该放在哪
使用场景 本季度抽屉展开时遮罩不改变当前列表位置,滑出来再滑回去,翻到第几条还在第几条。
回看与延伸
这些笔记由九博国际团队按周整理维护,团队分工与季度可用性评审的来龙去脉,写在 品牌说明 里;想先回到首页看入口位置,从 首页 进最快。