The current value must be shown as a live number

What it is

A thumb’s place on a track only gives a relative sense of quantity; nobody can read 72 versus 68 from “about two thirds along.” A live numeric readout keeps the current value visible as digits while dragging, and still visible when the hand leaves. It translates spatial position back into a checkable quantity. The issue is whether the value can be read, not whether a slider is the right tool for an exact task, and not how long a track must be to separate neighboring values.

Why it happens

Position is analog; digits are discrete symbols. Without a readout, proofreading falls back on memory of “what it was” or on tick marks—too dense to read, too sparse to match the real step. Dragging is continuous and the value passes many legal points under the hand; the readout must update with the hand, or people can only look after release, overshoot, and drag back, oscillating. A bubble that appears only while pressed and dies on release puts checking after the value is already nailed, too late to aim. The readout must also be the number that will be submitted, not 50% on screen and 128 in the payload.

Where it stops holding

Controls that only show relative position, where the value itself has no unit (some equalizer shapes), can skip digits—but those usually are not collecting a quantity to submit. Dual thumbs (a price range) need two readouts, labeled as min and max; two numbers in one bubble are easy to reverse. Screen readers do not see a bubble; the current value must live in an accessible property. Visual readout is not a substitute. Animation delay that lets the digits lag the thumb makes people release on a stale number, and the stop is biased.

Applying it

• Show the current value beside the thumb or at a track end, update it every frame while dragging, and do not withdraw the digits on release.
• Match the readout’s unit and decimals to the value that will be submitted.
• Give each end of a dual slider its own readout, named as start and end.
• Verify by covering the readout, dragging to a believed target, then uncovering the digits. A large miss means position does not replace numbers. Drag again with the readout visible; on release the digits should still be there and match the submitted value place for place.

Related

• Within the group: E2.12.1 Sliders suit approximate values, not exact ones · E2.12.3 Track length sets reachable precision · E2.12.4 The thumb is often below a usable hit size
• Adjacent: E2.11 Numeric input and steppers · D1.01 Immediate operation feedback
• Search terms: live numeric readout · slider value · range output