> ## 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.

# Mobile UX

> A measurable UX pattern where context, attention limits, and physical interaction constraints shape user behavior on mobile devices.

## Mobile UX is about context, not screen size

Mobile UX is not desktop UX made smaller.

Mobile users interact while:

* standing
* walking
* waiting
* multitasking
* switching attention frequently

This means mobile UX is shaped less by layout
and more by **context volatility**.

Users do not give mobile interfaces patience.
They give them brief windows of attention.

## What breaks when mobile UX fails

Mobile failures rarely feel dramatic.

Users often:

* abandon tasks mid-way
* postpone actions “for later”
* scroll without committing
* mis-tap and lose confidence
* stop interacting after small friction

These behaviors reflect **context loss**, not lack of interest.

<Frame>
  <img src="https://mintcdn.com/heurilens/gl-jdYlebDR0ByAq/images/mobile-ux.png?fit=max&auto=format&n=gl-jdYlebDR0ByAq&q=85&s=456242b51e007b220b6ccbf576cb6166" alt="A measurable UX pattern where context, attention limits, and physical interaction constraints shape user behavior on mobile devices." className="rounded-xl" noZoom={true} width="1200" height="418" data-path="images/mobile-ux.png" />
</Frame>

## Observable behavior specific to mobile UX

Mobile-related friction appears as:

* frequent task interruption
* incomplete actions without retries
* shallow scrolling without engagement
* accidental interactions followed by exits
* reduced completion rates compared to desktop

These signals indicate the interface
does not respect mobile constraints.

## Mobile moments where UX matters most

<AccordionGroup>
  <Accordion title="Single-hand interaction">
    Users often operate with one thumb.

    Risk:

    * important actions require reach or precision
    * effort feels higher than expected

    Result:

    * hesitation or abandonment
  </Accordion>

  <Accordion title="Interrupted sessions">
    Mobile sessions are fragile.

    Risk:

    * progress is lost when users switch apps
    * no visible return state

    Result:

    * users do not resume tasks
  </Accordion>

  <Accordion title="Compressed decision time">
    Users decide quickly.

    Risk:

    * unclear value or next step
    * too many choices at once

    Result:

    * immediate exits
  </Accordion>
</AccordionGroup>

## Mobile UX is measurable

Users do not say:
“This is bad mobile UX.”

Instead, Heurilens observes:

* high drop-off rates on mobile-specific flows
* actions started but not completed
* reduced engagement compared to desktop
* repeated short sessions without progress
* exits after mis-taps or unclear states

When these patterns cluster,
a **Mobile UX breakdown** is flagged.

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

## How Heurilens evaluates mobile experience

<Steps>
  <Step title="Context sensitivity">
    Heurilens evaluates whether flows tolerate
    interruption and short attention spans.
  </Step>

  <Step title="Action reach and clarity">
    The system checks whether primary actions
    are easy to discover and activate on mobile.
  </Step>

  <Step title="Progress resilience">
    Heurilens assesses whether users can
    safely resume after interruptions.
  </Step>

  <Step title="Attention efficiency">
    The system evaluates how quickly
    value and next steps become clear.
  </Step>
</Steps>

## Example output from Heurilens

<Card title="Mobile UX Friction Detected">
  Mobile users initiate actions but fail to complete them.

  The interface does not support interruption,
  single-hand interaction, or quick decision-making.
</Card>

## Mobile UX is not about feature parity

Good mobile UX does not mean:

* every desktop feature must exist
* every flow must be identical

It means:

* respecting limited attention
* supporting partial progress
* reducing precision requirements
* enabling fast, confident actions

Sometimes the best mobile experience
is doing less — intentionally.

## Related patterns

<CardGroup cols={2}>
  <Card title="User Flow" icon="route" iconColor="orange" href="/modules/interaction-flow/user-flow">
    Mobile flow breaks faster under friction.
  </Card>

  <Card title="Interaction Design" icon="hand-pointer" iconColor="orange" href="/modules/interaction-flow/interaction-design">
    Feedback clarity matters more on mobile.
  </Card>

  <Card title="Cognitive Load" icon="brain" iconColor="orange" href="/modules/core-ux/cognitive-load">
    Limited attention amplifies overload.
  </Card>

  <Card title="Forms CRO" icon="square-check" iconColor="orange" href="/modules/trust-conversion/forms-cro">
    Forms are more fragile on mobile.
  </Card>
</CardGroup>

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