Voice UI Micro-interactions & State Transitions by José Marcos Motion DesignerVoice UI Micro-interactions & State Transitions by José Marcos Motion Designer

Voice UI Micro-interactions & State Transitions

Portfolio project
José Marcos Motion Designer
Voice AI Micro-interactions & State Transitions
Description: Effective Voice User Interfaces (VUI) rely on clear visual feedback to bridge the gap between user intent and system response. 
This project breaks down the motion system for an AI Assistant, focusing on the fluidity between functional states.
The challenge was to create a continuous narrative through morphing shapes, guiding the user through the core stages of interaction:
  1. Idle to Listening: An inviting activation.
  2. Processing: A dynamic waveform transition indicating data analysis.
  3. Active/Persona: The final morph into the "Robot" avatar, establishing the assistant's identity.
Optimized for Lottie/JSON, ensuring lightweight implementation without sacrificing the smoothness of the animation.

0 likes · 3 views · Aug 23, 2026

Motion system for an AI assistant voice interface, using morphing shapes to carry the user through idle, listening and active states.

Tags