视图 A
标准视图
每个栏目带图标和文字标签,一栏一行,整页翻下来对站点结构看得最明白。
- 适合:初次到访、隔了很久再回来
- 一屏可见:接近全部栏目
- 阅读负担:低
同样的六个栏目,用三种排布呈现,信息密度从疏到密依次变化。
视图 A
每个栏目带图标和文字标签,一栏一行,整页翻下来对站点结构看得最明白。
视图 B
收起图标,只留单列文字条目,同样的屏幕能多露出几个栏目。
视图 C
首屏只留一个主按钮,点开才展开栏目列表,把无关项先收起来。
切换在同一个位置完成,页面不会把你带离原来的路径。
三张视图卡片展开,当前正在用的那张带荧光青描边,一眼就知道自己现在在哪一档。
点下去立刻生效,页面在你当前停留的高度重排,不会突然跳回顶部让你重新找位置。
排布换好了,栏目还是原来那六个,面包屑和层级也没变。换的是疏密,不是路径。
不满意就再点一次第二栏,换回原来那张。选过的视图记在这台设备上,下次打开直接是它。
改动集中在导航、视图与文档三块,其余内容保持原样。
手机端首页的默认视图做过一次调整,新设备打开时落到标准视图,老用户的选择继续保留。
切换入口的位置没动,改的是图标粗细与文字标签的用词,点按区域略微放大。
批次发布后 24 小时内,收藏查询与视图切换相关的步骤说明更新到最新版本。
紧凑视图的行高和分栏间距做过一轮微调,单屏能多放一栏,文字没有变小。
移动端菜单的展开方式由下拉改为全屏接管,收起时点右上角的关闭位,顺序依然不变。
批次号统一写作 R 加三位数字,每条说明都带上所属批次,方便你回头对照是哪一次的改动。
切换解决排布,下面这几项解决“东西放哪了”和“这一版改了什么”。
点开每一条,看看到底发生了什么、下一步该点哪里。
切换在第二栏内完成:点开后先出现三张视图卡片,选中一张才开始重排,选完自动回到栏目列表。如果你点完卡片后立刻按了第一栏,页面会回到首页,看起来像没生效。回过头再点第二栏,当前生效的视图会带荧光青描边,看到它就知道切换其实已经完成了。
视图选择记在本地存储里,跟着设备走,不跟着账号走。换机、清缓存、换浏览器之后,回到第二栏重选一次即可,选完同样会被记住。想确认当前是哪一档,看卡片上那圈描边就够了。
检索入口按关键词定位内容条目,管的是“哪篇说明写了什么”;切换板块属于导航里的固定入口,不在检索结果里。想换排布,走第二栏;想找某条说明,才用检索。两者的分工在帮助文档里写得很清楚。
还有别的卡点?帮助文档按快速上手、分步操作、版本说明三级排好了 86 篇说明,照着点基本都能走通。