Interaction design

Small behaviours can carry a lot of responsibility. These examples show how I use feedback, state and sequencing to make product moments feel clear, purposeful and easier to trust.

Designed behaviours, not decoration.

Each interaction starts with a user need. The motion helps explain what changed, the interface makes the next action clear and the experience still needs to work when movement or colour is not available.

Confidence reflection

Genio Present

What it does
Lets students record how confident they feel immediately after each rehearsal.
Why it behaves this way
The short five-point interaction keeps reflection lightweight enough to repeat without interrupting the rehearsal loop.
Important detail
The question, rating scale and continue action stay explicit, so meaning does not depend on the animation alone.
Read the case study

Microphone readiness

Genio Present

What it does
Confirms that the selected microphone is receiving audio before recording starts.
Why it behaves this way
Clear live feedback removes uncertainty at the moment when a failed recording would be most disruptive.
Important detail
The readiness state combines movement with a written status, rather than communicating through animation alone.
Read the case study

Rehearsal focus

Genio Present

What it does
Lets students choose what they want to improve during their next rehearsal.
Why it behaves this way
A small commitment before recording gives each attempt a clear purpose and makes review more focused afterwards.
Important detail
Each choice has a persistent label and visible selected state, rather than relying on colour alone.
Read the case study

Study template choice

Study Notes

What it does
Lets students choose a note structure and decide whether Cornell cues and summaries are written or generated.
Why it behaves this way
The interaction makes the learning trade-off explicit instead of hiding it behind a single generate action.
Important detail
Control state, labels and supporting descriptions work together, so the selection is not communicated through colour alone.
Read the case study