> ## Documentation Index
> Fetch the complete documentation index at: https://patterns.heurilens.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Interaction Design

> A measurable UX pattern where feedback, timing, and response clarity determine whether users feel in control or disengaged.

## Interaction design is how the product responds to users

Interaction design is not how things look when idle.

It is how the product **reacts** when users:

* click
* type
* wait
* make mistakes
* try to understand what just happened

Every interaction answers a silent question:

**Did the system understand me?**

When that answer is unclear, users lose confidence — even if the action technically works.

## What breaks when interaction design fails

Interaction failures are rarely dramatic.

Users usually:

* click again “just in case”
* pause to confirm something happened
* hesitate before the next step
* repeat actions unnecessarily
* abandon flows after uncertainty

These behaviors signal **feedback failure**, not usability failure.

## Observable behavior linked to interaction issues

Interaction-related friction often appears as:

* repeated clicks on the same element
* rapid cursor movement after actions
* pauses after submissions
* users refreshing pages unnecessarily
* hesitation after state changes

These are signs that users are **waiting for confirmation**.

<Frame>
  <img src="https://mintcdn.com/heurilens/gl-jdYlebDR0ByAq/images/interaction-design.png?fit=max&auto=format&n=gl-jdYlebDR0ByAq&q=85&s=c1273080acdbc066012c57b628f8a08b" alt="A measurable UX pattern where feedback, timing, and response clarity determine whether users feel in control or disengaged." className="rounded-xl" noZoom={true} width="1200" height="635" data-path="images/interaction-design.png" />
</Frame>

## Where interaction design matters most

<Tabs>
  <Tab title="Action feedback">
    Users expect immediate acknowledgment.

    Signals:

    * visible state change
    * clear system response
    * predictable timing

    Common breakdown:

    * actions succeed, but feel ignored
  </Tab>

  <Tab title="Loading and waiting">
    Users tolerate waiting if it feels intentional.

    Signals:

    * progress indication
    * perceived system activity
    * expectation setting

    Common breakdown:

    * silence during delays
  </Tab>

  <Tab title="Error handling">
    Users need guidance, not punishment.

    Signals:

    * clarity of error cause
    * recovery path visibility
    * emotional tone

    Common breakdown:

    * errors that stop momentum
  </Tab>
</Tabs>

## How interaction breakdown becomes measurable

Users rarely say “the interaction felt wrong”.

Instead, Heurilens observes:

* action repetition patterns
* hesitation after state changes
* drop-offs immediately following interactions
* inconsistent progression through flows
* increased error retries

When these behaviors cluster, an **Interaction Design breakdown** is flagged.

<Frame>
  <img src="https://mintcdn.com/heurilens/gl-jdYlebDR0ByAq/images/interaction-design.png?fit=max&auto=format&n=gl-jdYlebDR0ByAq&q=85&s=c1273080acdbc066012c57b628f8a08b" alt="Heurilens patterns overview illustrating how UX becomes measurable" className="rounded-xl" noZoom={true} width="1200" height="635" data-path="images/interaction-design.png" />
</Frame>

## How Heurilens evaluates interaction design

<Steps>
  <Step title="Intent acknowledgment">
    Evaluates whether the system visibly acknowledges
    user actions in a timely manner.
  </Step>

  <Step title="State clarity">
    Assesses whether users can clearly understand
    what changed after an interaction.
  </Step>

  <Step title="Feedback timing">
    Analyzes whether responses arrive within
    expected cognitive timeframes.
  </Step>

  <Step title="Recovery support">
    Evaluates whether users can recover smoothly
    when interactions fail.
  </Step>
</Steps>

## Example output from Heurilens

<Card title="Interaction Feedback Gap Detected">
  Users repeat actions and hesitate after interactions.

  System responses are delayed or unclear,
  reducing confidence and flow continuity.
</Card>

## Fix directions suggested by Heurilens

Heurilens does not prescribe animations or effects.

Instead, it highlights:

* where feedback is missing
* where timing feels inconsistent
* where system state is ambiguous
* where recovery paths are unclear

The goal is not richer interactions —
but **clearer communication between user and system**.

## Why interaction design matters

Interaction design defines whether users feel:

* in control
* understood
* safe to continue

When interactions fail, users slow down.
When they succeed, users stop thinking and move forward.

That makes interaction design a key driver of:

* flow continuity
* confidence
* conversion momentum

## Related patterns

<CardGroup cols={2}>
  <Card title="User Flow" icon="route" iconColor="orange" href="/modules/interaction-flow/user-flow">
    Interaction clarity supports flow momentum.
  </Card>

  <Card title="Forms CRO" icon="square-check" iconColor="orange" href="/modules/trust-conversion/forms-cro">
    Interaction feedback affects completion.
  </Card>

  <Card title="Emotional Design" icon="heart" iconColor="orange" href="/modules/trust-conversion/emotional-design">
    Feedback shapes emotional safety.
  </Card>

  <Card title="Cognitive Load" icon="brain" iconColor="orange" href="/modules/core-ux/cognitive-load">
    Unclear interactions increase mental effort.
  </Card>
</CardGroup>

<Card title="See interaction issues on your product" icon="sparkles" iconColor="orange" href="https://heurilens.com/auth/signup">
  Run an analysis and identify where interaction feedback breaks user confidence.
</Card>
