移动端入口 · 导航第二栏

威廉希尔手机切换板块,就在导航第二栏

在手机上找切换入口不用翻菜单,它一直占着第二栏的位置。标准、紧凑、引导三种首页视图按信息量排开:第一次来先看标准视图,记住结构之后换紧凑视图,界面还陌生就跟着引导视图一步步点。选过一次,同一台设备下次打开还是你上次的样子。

  • 6 个主栏目纵向排列
  • 3 种首页视图可互换
  • 批次发布后 24 小时内同步记录
02

三种视图,各适合谁

同样的六个栏目,用三种排布呈现,信息密度从疏到密依次变化。

三块并排的手机界面示意图,左侧标准视图展示完整栏目,中间紧凑视图呈现密集列表,右侧切换引导视图只留一个大按钮,底部标注三者差异
同一套栏目,三种排布。选哪个取决于你现在对站点结构熟不熟。

视图 A

标准视图

每个栏目带图标和文字标签,一栏一行,整页翻下来对站点结构看得最明白。

  • 适合:初次到访、隔了很久再回来
  • 一屏可见:接近全部栏目
  • 阅读负担:低

视图 B

紧凑视图

收起图标,只留单列文字条目,同样的屏幕能多露出几个栏目。

  • 适合:已经熟悉结构、只想快点进去
  • 一屏可见:较多栏目
  • 阅读负担:中

视图 C

切换引导视图

首屏只留一个主按钮,点开才展开栏目列表,把无关项先收起来。

  • 适合:刚换手机、界面还不熟
  • 一屏可见:单个入口
  • 阅读负担:低
03

按下之后,屏幕会怎么变

切换在同一个位置完成,页面不会把你带离原来的路径。

竖向四格分帧图,依次展示点击第二栏、选择视图、页面重排完成、回到栏目列表四个界面状态
从点到完成,四帧之内走完全程。
  1. 01

    点开第二栏

    三张视图卡片展开,当前正在用的那张带荧光青描边,一眼就知道自己现在在哪一档。

  2. 02

    选一张

    点下去立刻生效,页面在你当前停留的高度重排,不会突然跳回顶部让你重新找位置。

  3. 03

    看落点

    排布换好了,栏目还是原来那六个,面包屑和层级也没变。换的是疏密,不是路径。

  4. 04

    随时切回来

    不满意就再点一次第二栏,换回原来那张。选过的视图记在这台设备上,下次打开直接是它。

04

一次批次更新,会改动哪些部分

改动集中在导航、视图与文档三块,其余内容保持原样。

视图 R-703 之后

手机端首页的默认视图做过一次调整,新设备打开时落到标准视图,老用户的选择继续保留。

导航 R-703 之后

切换入口的位置没动,改的是图标粗细与文字标签的用词,点按区域略微放大。

文档 同步时效

批次发布后 24 小时内,收藏查询与视图切换相关的步骤说明更新到最新版本。

视图 第三季度批次

紧凑视图的行高和分栏间距做过一轮微调,单屏能多放一栏,文字没有变小。

导航 第三季度批次

移动端菜单的展开方式由下拉改为全屏接管,收起时点右上角的关闭位,顺序依然不变。

文档 版本编号

批次号统一写作 R 加三位数字,每条说明都带上所属批次,方便你回头对照是哪一次的改动。

横向流程条,依次标出批次发布、导航调整、视图更新、文档同步四个环节及各自的完成时点
从发布到文档同步,四个环节走完才算一次完整更新。
05

除了切换,还提供哪些入口服务

切换解决排布,下面这几项解决“东西放哪了”和“这一版改了什么”。

收藏回查

五步找回你收藏的内容

从收藏列表进入回查,五个步骤平均走完约 90 秒,中途每一步都有说明。

查看收藏查询步骤

检索入口

按关键词直接定位

手里有明确词句时用检索更快;想按批次翻看旧说明,则走内容中心的索引。

进入内容中心

版本记录

每条说明都带批次号

批次号写作 R 加三位数字,当前对外说明以 R-703 之后的版本为准,随时可查。

翻看版本记录

来龙去脉

这套结构是怎么来的

2023 年导航重构后精简为 6 个主栏目,切换板块从那时起固定占住第二栏。

了解站点由来
结构示意图,收藏查询入口与独立检索入口分列两侧,由荧光青线条汇入内容中心的批次索引
两条路径入口不同,最后都能落到同一条批次索引上。
06

三个常见误操作,一步纠正

点开每一条,看看到底发生了什么、下一步该点哪里。

点完第二栏又点回首页,以为没切换成功

切换在第二栏内完成:点开后先出现三张视图卡片,选中一张才开始重排,选完自动回到栏目列表。如果你点完卡片后立刻按了第一栏,页面会回到首页,看起来像没生效。回过头再点第二栏,当前生效的视图会带荧光青描边,看到它就知道切换其实已经完成了。

换了手机,视图又变回标准排布

视图选择记在本地存储里,跟着设备走,不跟着账号走。换机、清缓存、换浏览器之后,回到第二栏重选一次即可,选完同样会被记住。想确认当前是哪一档,看卡片上那圈描边就够了。

在检索入口里翻半天找不到切换板块

检索入口按关键词定位内容条目,管的是“哪篇说明写了什么”;切换板块属于导航里的固定入口,不在检索结果里。想换排布,走第二栏;想找某条说明,才用检索。两者的分工在帮助文档里写得很清楚。

还有别的卡点?帮助文档按快速上手、分步操作、版本说明三级排好了 86 篇说明,照着点基本都能走通。

选好视图,剩下的按步骤走

第一次来,建议先看标准视图把六个栏目过一遍,再去帮助文档走一次收藏查询;需要长期对接内容与入口校验的伙伴,可以直接联系我们谈协作方式。