C3.13.3Edge gesture versus horizontal scroll设计研究
边缘手势与应用内横向滚动的直接冲突
别名: 横向抢手势 · pager vs back · 边缘与轮播
概念解释
全宽的横向列表、照片轮播、走马灯,其翻页方向与从侧边滑入的壳层手势重合。手指从左缘向右滑,既可能是“上一张”,也可能是“进场”。这不是热区宽一点窄一点的微调,而是两条手势要同一段轨迹。冲突发生在应用内容本身可横滑的时候。
机制
边缘识别器按起点把触点据为己有;横向滚动识别器按方向把触点据为己有。起点在边上且方向向内时,两个据有权同时成立。系统通常让边缘赢,于是轮播在第一张(或最后一张)时无法再向那一侧翻,或每一张从边起步的翻页都变成进场。应用若在内容区中部开始的横滑仍能工作,用户会总结出一条古怪规则:“中间可以滑,靠边不行”,而说不出为什么。嵌套的横滑(竖向 Feed 里的卡片带)把冲突铺到每一行的左缘。
怎么研究
用全宽轮播加系统边缘手势,从左缘、从距边 20% 宽、从正中三处向右滑,记录进场率与翻页率。第一张与中间张分开,因为第一张向右常常是“没有上一张”加边缘进场。再加一种“边缘手势仅在无横滑父级时启用”的条件。现场日志里“本想看上一张却出了应用”是这条冲突的典型指纹。
边界
纵向滚动与左右边缘手势方向正交,冲突弱得多,仍会在斜向时出现。把轮播做成点按箭头而不是横滑,冲突消失,但失去手势浏览。某些系统允许应用声明“这块区域吃横滑”,边缘只在无横滑竞争时启用,冲突可局部解除。RTL 布局把“上一张”和“从右缘进场”换边,标定要镜像。
怎么落地
- 全宽横滑表面不要指望从最外缘起步的翻页;在内容内侧留出明确的横滑区,或在首尾页用箭头补上被边缘吃掉的那一侧。
- 若壳层边缘手势可配置,对横滑画布申请内容优先,仅在滚动到头且仍向同一方向拉时才把触点交给边缘。
- 站在第一张照片上从左缘滑。若出了应用而不是“没有上一张”的回弹,冲突成立。再从画面中部滑,应仍能翻页。