Design notes on the breathing voice orb
Balancing responsive orbital motion with visual stillness during spoken interactions.
Marcus Vance
Interface & Human Factors
Designing a visual indicator for voice input is an exercise in restraint. Animated waveforms and pulsing graphics frequently distract from conversation, drawing the eye toward erratic geometric movements rather than the spoken idea.
The voice orb in Dimlit was crafted to signal active listening through subtle breathing arcs rather than chaotic frequency visualizers. Two hairline rings rotate in smooth opposing orbits, lengthening and compressing in tandem with natural speech pauses.
Restraint in visual feedback
To avoid sensory fatigue, the animation avoids abrupt scale jumps or flashing color transitions. Resting states use muted primary tones at low opacity, brightening gently only while audio input is actively parsed.
When speech stops, the arcs settle into a steady twelve-second rotation cycle. The movement remains perceptible at the periphery of vision without pulling focus away from your physical surroundings.
For users who prefer reduced motion, the orb ceases all rotation and expresses state changes through clean, static opacity shifts that preserve battery life and cognitive calm.