E2.12.2live numeric readout设计

当前值必须以数字同步显示

别名: 滑块当前值 · slider tooltip value · 拖动无数字

概念解释

手柄在轨道上的位置只给出相对量感,人无法从「大概在三分之二处」读出 72 还是 68。同步数字读数(live numeric readout)要求拖动过程中当前值以数字形式跟着变,停手时仍留在能被看见的地方。它把空间位置翻译回可核对的量。它管的是值能否被读出来,不是滑块该不该用于精确任务,也不是轨道多长才能分开相邻值。

机制

位置是模拟量,数字是离散符号。没有读数,校对只能靠记忆「刚才是多少」或靠轨道刻度——刻度一密就不可读,一疏就对不上实际步长。拖动是连续的,值在手底下穿过许多合法点,读数必须跟手更新,否则人只能松手后再看,过冲了再拖回来,形成振荡。读数若只在按下时以气泡出现、松开即灭,核对发生在值已经钉死之后,来不及参与瞄准。读数还要和真正提交的值是同一个数,不能显示 50%、后端存 128。

边界

纯展示相对位置、值本身无单位意义的控件(某些均衡器造型)可以不标数字,但那通常不是在收集要提交的量。双滑块(价格区间)需要两个读数,且要标明谁是下限谁是上限,一个气泡里挤两个数容易看反。读屏器不看读数气泡,必须把当前值暴露在可访问属性里;视觉读数不能替代。动画延迟让读数比手柄慢一拍,人会按旧数字停手,停点会偏。

怎么落地

  • 在手柄旁或轨道端点常驻显示当前值,拖动时每一帧更新,松开后不要把数字收走。
  • 让读数的单位、小数位与将要提交的值一致。
  • 双端滑块为两端各给读数,并在名称上区分起止。
  • 验证:遮住读数拖到自认为的目标,再揭开数字。偏差大,说明位置不能替代数字。再打开读数拖一次,停手时数字应仍在,且与提交值逐位相同。

延伸

  • 同组E2.12.1 滑块适合近似值而非精确值 · E2.12.3 滑轨长度决定可达精度 · E2.12.4 滑块的触达尺寸常低于下限
  • 相邻E2.11 数字输入与步进器 · D1.01 操作即时反馈
  • 站内检索live numeric readout · slider value · range output

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/E2.12.2