C3.23.3Nested orthogonal scroll discrimination设计研究

横向滚动区嵌在纵向列表中的方向判别

别名: 正交滚动 · 卡片轨 · horizontal-in-vertical

概念解释

信息流里嵌一条横向卡片轨时,系统要在起势的一小段位移里判断这次是轨的水平滚还是列表的垂直滚。斜向起手最容易误判:略偏的竖直被吃进卡片,整页不走;略偏的水平被列表吃掉,卡片不动。这是嵌套结构里的正交方向判别,不是一般拖动的轴向锁定,也不是按下瞬间的所有者竞选之后就结束——锁定轴选错,后续整段手势都去错层。

机制

起势向量与水平轴的夹角被拿来和一条扇形阈值比。落在水平扇内,内层锁定水平并吃掉后续的竖直分量;落在垂直扇内,外层锁定垂直,内层不再跟。扇形过窄,自然抖动会在两层之间来回跳;过宽,用户稍斜的竖直意图被当成刷卡片。与一般方向锁不同的是,两个赢家不在同一视图:锁轴等于选层。一旦锁定,通常要等到抬手才允许改判,否则卡片和列表会撕扯。

怎么研究

在卡片中央投放一组已知角度的直线手势(0°、15°、30°、45°、90°),记录哪一层发生了滚动、锁定前的像素、以及中途是否换层。因变量:目标层命中率、错误层的位移量(即“脏”像素)。被试任务要同时包含“刷下一张卡”和“看下一条信息”,否则只会测到一种意图。

边界

卡片轨若与列表同向(都是纵向),没有正交判别,只剩交棒。全宽的横向分页器(Onboarding)常常应锁死外层,避免被当成信息流。指针悬停在轨上再滚轮,走的是另一套通道,不经过这段触摸扇形。方向锁的像素窗口大小属于轴向锁定那一组,这里只关心锁错之后进了哪一层。

怎么落地

  • 为卡片轨设明确的水平扇(常见约 ±20–30°),扇外把整段手势交给外层列表,不要两层各吃一点。
  • 锁定后忽略正交分量,直到抬手;不要在卡片跟手时让列表慢慢渗下去。
  • 用角度阶梯做脚本手势:15° 应仍能刷卡,45° 应滚列表;把错误层位移当成缺陷,而不只看最终停在哪。

延伸

  • 同组C3.23.1 内层滚动到边界后交棒给外层 · C3.23.2 交棒时机不当会产生卡顿感
  • 相邻C3.28 手势的方向锁定 · C3.19 手势冲突与消歧
  • 站内检索orthogonal scroll · nested carousel · direction discrimination

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/C3.23.3