C3.17.2Swipe distance versus action count设计研究

滑动距离与操作数量的匹配

别名: 侧滑按钮宽度 · multiple swipe actions · 露出几个

概念解释

一行里露出几个操作,每个都要占一段水平距离。滑得短,按钮挤成不可点的色条;滑得长,等于把整行拖走,和全滑执行、横向滚动都更易撞车。距离必须和数量匹配:两三个操作各有可点的最小宽度,总行程仍短于全屏宽度的一大半。

机制

每个露出按钮都是触达目标,宽度受手指尺寸约束。四个操作并排,在手机宽度上几乎要滑过整行才能看全,这时候“露出菜单”和“全滑提交默认项”的位移区间被压扁,分类器很难在中途停住。操作一多,人还要在滑动中途读标签,运动和阅读抢同一段时间。常见的健康形态是一侧一到两个主操作,更多的收进“更多”再开一张菜单,用一次额外点按换回可停住的短行程。

怎么研究

把同一行做成 1、2、3、4 个露出按钮,测停在可点区域的成功率、误滑成全滑提交的次数、读错按钮的次数。自变量包括按钮宽度、是否显示文字。眼动看标签是否在手指底下被挡住。不同屏宽要分开,平板上四个按钮的行程问题会减轻。

边界

桌面或横屏大宽度可以并排更多,但不能把手机上的四按钮布局直接放大搬过去就算解决——触达高度仍在。图标无文字时宽度可以略减,代价是辨认。RTL 下列表侧滑方向镜像,距离匹配仍然成立,只是左右对调。

怎么落地

  • 一侧最多两个直接按钮,第三个起改用“更多”;每个直接按钮宽到可单指点中。
  • 露出行程明显短于全滑提交行程,中间留一段稳定停靠,不要让四个色块排满到屏缘。
  • 请人滑开后点第二个按钮。若总是滑过头提交了第一个,或第二个窄到点不中,数量和距离没配上。

延伸

  • 同组C3.17.1 列表项侧滑露出的操作是隐藏功能 · C3.17.3 全滑到底直接执行的危险性 · C3.17.4 破坏性操作不应作为默认全滑动作
  • 相邻C2.02 最小触达尺寸 · C3.05 轻扫
  • 站内检索swipe action width · trailing actions · touch target

同组卡片

快捷操作

分享

分享当前页面

ios_share

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