C3.17.2Swipe distance versus action count设计研究
滑动距离与操作数量的匹配
别名: 侧滑按钮宽度 · multiple swipe actions · 露出几个
概念解释
一行里露出几个操作,每个都要占一段水平距离。滑得短,按钮挤成不可点的色条;滑得长,等于把整行拖走,和全滑执行、横向滚动都更易撞车。距离必须和数量匹配:两三个操作各有可点的最小宽度,总行程仍短于全屏宽度的一大半。
机制
每个露出按钮都是触达目标,宽度受手指尺寸约束。四个操作并排,在手机宽度上几乎要滑过整行才能看全,这时候“露出菜单”和“全滑提交默认项”的位移区间被压扁,分类器很难在中途停住。操作一多,人还要在滑动中途读标签,运动和阅读抢同一段时间。常见的健康形态是一侧一到两个主操作,更多的收进“更多”再开一张菜单,用一次额外点按换回可停住的短行程。
怎么研究
把同一行做成 1、2、3、4 个露出按钮,测停在可点区域的成功率、误滑成全滑提交的次数、读错按钮的次数。自变量包括按钮宽度、是否显示文字。眼动看标签是否在手指底下被挡住。不同屏宽要分开,平板上四个按钮的行程问题会减轻。
边界
桌面或横屏大宽度可以并排更多,但不能把手机上的四按钮布局直接放大搬过去就算解决——触达高度仍在。图标无文字时宽度可以略减,代价是辨认。RTL 下列表侧滑方向镜像,距离匹配仍然成立,只是左右对调。
怎么落地
- 一侧最多两个直接按钮,第三个起改用“更多”;每个直接按钮宽到可单指点中。
- 露出行程明显短于全滑提交行程,中间留一段稳定停靠,不要让四个色块排满到屏缘。
- 请人滑开后点第二个按钮。若总是滑过头提交了第一个,或第二个窄到点不中,数量和距离没配上。