Home

Deep dive 02 · Interaction design

A system, not a collection of screens.

The interface recedes behind the references, then uses motion and feedback to make every action legible.

AgentUX reference catalogue interfaceReference first

First-use experience

Welcome people in their own script.

The multilingual welcome uses shaped handwriting instead of a decorative Latin font applied everywhere. HarfBuzz WASM keeps each script readable.

Welcome New Users

Interaction clip

Welcome

स्वागत

స్వాగతం

வரவேற்பு

One greeting, shaped for each script.

Motion semantics

Different actions deserve different endings.

Saving confirms continuity. Deleting marks removal. A deleted comment dissolves so the reader understands that something used to be there.

Save Animation

Interaction clip

Delete Animation

Interaction clip

Deleted comment

Destructive feedback

Navigation craft

The controls stay close, then get out of the way.

A magnifying dock helps people find actions without turning the canvas into a permanent toolbar.

Dock hover

Cursor magnification

Dock click

Action commit

Keyboard Functions for Actions

Interaction clip

Keyboard Sound

Interaction clip

Interaction rules

Polish follows the work, not the other way around.

Visual equivalent

Sound and haptics reinforce feedback that already exists on screen.

Reduced motion

Movement softens or disappears when the system preference asks for it.

Fast repetition

Keyboard-driven and frequent actions stay immediate.