手指落在哪,先由层级决定

好运28中心把手机端的常用入口收在两层层级里:打开页面就能看到固定落点,不必先展开菜单再回头找。这一页把结构示意、触控热区、入口压缩的三条规则和两个版本的结构差别放在一起,方便你对着自己的机型核对。

主线 v6 小屏稳定版 v6.3-s 两层
小屏稳定版导航的竖屏结构示意,两级层级之间用青色连线相连,底部为固定常驻入口
竖屏下的两层层级:常驻栏在上方,展开层向下延展一次即到底。

结构

展开一次,就能走到底

小屏稳定版导航的层级固定在两层。第一层常驻栏跟着页面走,第二层从常驻栏任一点展开,落点直接列出,不再嵌套。第三层不设,不是省事,而是竖屏能容纳的可见落点有限,多一级带来的返回成本比它省下的点击更高。

  • L1

    常驻栏

    固定在底部,四到五个主要落点。位置不随滚动变化,也不因小版本更新左右移动。

  • L2

    展开层

    从常驻栏任一点进入,落点一次性铺开。需要回到上一层时,左上角返回即可。

  • 到此为止

    不再向第三层拆。若某类内容条目确实偏多,用分组标题在同一层里横向分隔。

触控

手往哪一段落,是有顺序的

竖屏握持时,拇指画出的弧线决定了哪些位置好按、哪些位置需要挪手。小屏稳定版把可点区域压在这条弧线里,并把相邻落点拉开,减少按到隔壁的情况。

手机轮廓内的触控热区示意,底部半透明青色区域为拇指可及范围,边缘用虚线标出落点间距下限
青色区域为拇指自然可及范围,虚线标出相邻落点之间需要保留的间距。
  1. 底部常驻带

    落在拇指弧线内侧,四到五个落点横向铺开。相邻落点之间至少留出一枚指腹宽度,按错时可以退回上一级重来。

    间距 ≥ 一枚指腹宽度

  2. 中部阅读区

    滚动阅读时不放第二个可点目标。整段文字只留一个动作,避免滑动过程中被误触打断。

    可点目标 ×1

  3. 顶部返回区

    只在左上角承担退回上一层,不承担其他动作。需要挪手才能碰到,正是为了不让人随手按到。

    单一动作

三个圆点代表底部常驻带的相邻落点,中间留出的空档就是对误触的缓冲。

压缩

入口变少,靠这三条

层级能收到两层,不是删内容,而是把重复的中间环节省掉。三条规则各有边界,越界使用反而会让人找不到东西。

01

合并层级

只有一项内容的中间页,并进上一级直接呈现。

边界:该页同时承担说明用途时保留,不并入。

02

固定落点

常用入口的位置在小版本更新里保持不动,习惯之后不必重新找。

边界:主线版本调整时统一挪一次,改动写进版本条目。

03

去中间页

能从第一层直达的目标,不再插入一次中转。

边界:需要先确认设备或版本的场景,保留一次中转。

入口压缩前后对比,上方折线经过多次中转,下方三点直线直达
同一目标的两条走法:折线是压缩前的多次中转,直线是压缩后的三点直达。

版本对照

主线 v6 与小屏稳定版 v6.3-s

两个版本同源,差别集中在层级深度和落点密度。左右并排看,差异一目了然;点开任一侧的条目,也能看到它适合在什么场景下用。

主线 v6 与小屏稳定版 v6.3-s 的层级结构左右对照,左侧琥珀描边为三层,右侧玫红描边为两层
左侧琥珀为主线 v6 的三层结构,右侧玫红为小屏稳定版 v6.3-s 的两层结构。
主线 v6

层级更深,目录更全

层级深度
3 层
入口组织
按主题分组,分组内可继续下探
适合场景
横屏使用,或需要一次性翻看完整目录
返回成本
深处落点需要两次退回
小屏稳定版 v6.3-s

层级收窄,落点更高

层级深度
2 层
入口组织
常驻栏固定,展开层一次铺开
适合场景
4.7 至 7.3 英寸竖屏,单手完成主要动作
返回成本
一次退回即可回到常驻栏

收藏

收藏之后,落点长什么样

常用入口固定下来后,收藏就成了省时间的一步。两种落点各自适合不同的打开习惯,卡片上该留的信息也不一样。

两枚收藏入口卡片并排,左侧为浏览器收藏夹条目样式,右侧为桌面快捷方式图标样式,均带星标标记
左为浏览器收藏夹条目,右为桌面快捷方式图标,星标表示已收藏。

浏览器收藏夹

保留页面标题与站点图标,点击后落在被收藏的那个章节。条目名称建议带上用途,比如"入口页"或"版本对照"。

必须保留:页面用途 + 所在版本

桌面快捷方式

只有图标与一行短名称。名称受长度限制,写清用途即可,不必把版本号塞进去。

必须保留:用途短名 + 可辨认的图标

适配

哪些屏幕装得下这套结构

主操作落在单手可及的位置,是这套结构的成立前提。屏幕越窄,落点越要收紧;屏幕越宽,间距就要跟着放大,否则手指依然会点偏。

  1. 4.7 常驻栏改用图标 + 短标签
  2. 5.5 两层结构完整呈现
  3. 6.1 落点间距取中值
  4. 6.7 落点间距加大,避免拉伸分散
  5. 7.3 上限,再宽则回到主线版结构

超出范围时怎么降级

小于 4.7 英寸或切换为横屏时,常驻栏收成一行图标,展开层改为整屏列表。此时操作仍保持在两层内,只是可见文字被进一步压缩;屏幕宽度超过 7.3 英寸时,建议改用主线 v6 的三层结构,目录能铺得更开。

切换

换到小屏稳定版,先确认两件事

层级从三层收到两层,观感变化不大,但手感和旧链接的落点会变。切换前把这两件事核对一遍,能省去之后的来回找。

其一

常驻栏的位置

小屏稳定版把常用落点固定在底部。如果你之前习惯从顶部区域进入,需要重新建立一次手感。前几次可以慢一点按,等位置记住之后再提速。

其二

旧收藏链接的落点

小屏稳定版合并了部分只有单项内容的中间页,早先收藏的深层地址可能落到合并后的上一级。打开一次确认位置是否还对,对不上就重新收藏一次。

想按步骤走一遍收藏流程,或想翻看两个版本的具体改动,可以接着看这两处。