滑块的触达尺寸常低于下限
别名: 滑块手柄过小 · slider hit target · 细轨道难点
概念解释
滑块真正能被抓住的是手柄(thumb),有时加上轨道。视觉上它们常被画成一条细线和一颗小圆,命中面积落到手指和指针的舒适下限以下:点不中、抓住后容易滑脱、相邻控件被误触。手柄过小(undersized slider thumb)说的是抓取几何,不是值能不能拖准,也不是轨道有多少像素去分档。
机制
Fine 运动之前要先成功接触。手柄直径若只有十几个像素,第一次按下就大量落空,人会去点轨道——有的实现允许点轨道跳变,有的完全没反应,于是同一视觉控件在不同产品里学会了互相矛盾的策略。抓住之后,接触面积小,轻微的垂直偏移就会丢失拖动手势,值停在半路。触屏上手指还挡住手柄,更难在抓住的同时看位置。下限是关于接触可靠性的,和「拖到第几个值」不是同一笔账。系统默认滑块在桌面鼠标下勉强能用,一到手机上同一套尺寸就集体失败。
怎么研究
测量首次按下命中手柄或有效轨道的比例、拖动中途丢失接触的次数、误触邻近控件的次数。自变量:手柄直径、轨道点击是否生效、周围间距。因变量:获取时间(从看见到开始拖)、中途中断。Fitts 定律的目标宽度在这里就是手柄的有效宽度;把视觉圆点当目标、忽略轨道扩展,会低估难度。应用触屏手指模型,不要只用鼠标点击测试通过就宣称可点。
边界
桌面精密指针加键盘方向键时,小手柄可以被键补救,触达失败不致命。轨道全长都可点且会把值跳到点击处时,有效命中区变成整条轨,手柄大小不再是获取瓶颈,但跳变对近似调节是另一种干扰。手柄画大了会挡住刻度和读数,需要视觉尺寸与命中尺寸分离:看起来仍精致,热区向外扩。运动障碍用户需要的下限比一般手指模型更大,用一般人群的通过率会漏掉他们。
怎么落地
- 让手柄的命中区达到手指可稳定按下的大小,视觉可以更小,热区必须够。
- 允许点击轨道移动手柄,同时避免一次点击跳过太大的值。
- 手柄与邻近按钮、文字链拉开间距,防止抓取时误触。
- 验证:在目标手机上用拇指去抓手柄并拖完全程,不看第二次才抓住、中途滑脱、点到旁边。再用鼠标重复。触屏失败而鼠标通过,就是尺寸按指针而不是按手指在做。