C1.08.4Drag auto-scroll设计研究

拖到边缘时的自动滚动

别名: 自动滚动 · auto-scroll · edge scrolling

概念解释

拖动自动滚动(drag auto-scroll)在用户把被拖对象带到可滚动容器边缘时,自动移动内容以暴露屏幕外目的地。它延长了拖放的可达范围,避免用户先放下、滚动、再重新拾起对象。

机制

系统将边缘进入或停留当作继续向该方向运输的信号,并以距离边缘、停留时间或指针速度控制滚动速率。滚动改变内容坐标而指针保持在屏幕位置,因此用户要同时维持按压、判断滚动速度和寻找新出现的目标;过快会越过目标,过慢会让长距离拖动疲惫。

怎么研究

操控边缘激活区、延迟、速度曲线、容器长度和目标距离,记录成功率、越滚、反向修正、停留时间及取消。应测试嵌套滚动容器和多列列表,确认究竟是哪一层在滚动。

边界

自动滚动不适合所有拖动:画布平移、地图和边缘工具栏可能把靠边解释为其他操作。触屏边缘还会与系统导航手势冲突。对于短内容或有明确滚动条的场景,自动滚动可能增加意外移动而无收益。

怎么落地

  • 只在正在拖动且确有可滚动剩余内容时启用,清楚显示滚动方向和速度变化。
  • 用渐进速度与可取消停留,避免一触边缘就高速跳动。
  • 测试跨越长列表、嵌套容器和系统边缘手势,记录越滚和目标错放。

延伸

  • 同组C1.08.1 拖放的三阶段:拾起、移动、放下 · C1.08.2 拖动起始阈值防止点击被误判为拖动 · C1.08.3 可放置目标必须在拖动中显式表达 · C1.08.5 拖放过程可取消且能回到原位 · C1.08.6 拖放必须有非拖放的等效路径
  • 相邻C1.03 控制—显示增益 · G1 导航与信息架构
  • 站内检索drag auto-scroll · edge scrolling · scrolling during drag

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/C1.08.4