← Back to the catalog

Skill · Version 1.0.0

Mobile user journeys

Plans end-to-end mobile tasks around real context, one-handed ergonomics and recovery from incomplete steps.

mobile-ux-flows

See how it helps

When is it useful?

Use when a flow works screen by screen but fails as a complete task.

What does it help you do?

  • Prioritizes the user's goal and likely conditions of use.
  • Places frequent actions within comfortable reach and avoids hidden gestures.
  • Covers entry, completion, cancellation and error recovery together.

Try asking this

Design a one-handed expense-submission journey from receipt capture to confirmation with an interrupted-upload recovery path. Capture a receipt on the move, interrupt upload and resume later. Preserve entered amounts and make clear whether the expense is a draft or submitted.

Detailed documentation

Read the skill’s original instructions, examples and checks in their authored language.

Details…Show less

Mobile UX & User Flows

Design mobile experiences around real-world context—short attention spans, one-handed reach, varying screen sizes, interruptions and clear progression toward the user's goal.

1. Context of use and task prioritization

  • Start every flow by identifying who the user is, where and how often they perform the task, and what single primary outcome defines success on each screen.
  • Never treat a mobile app as a shrunken desktop website. Strip secondary clutter and rank content so the primary task and next step are immediately obvious without horizontal scrolling or hunting through nested menus.
  • Design for both first-time users (who need clear orientation and low-friction first value) and returning users (who need fast repeat execution, saved context and recent items).

2. Ergonomics and one-handed thumb reach

  • Place frequent primary actions and navigation in the comfortable bottom/middle thumb zone; keep destructive or irreversible actions separated from primary tap areas and guard them with clear confirmation or undo.
  • Account for small phones, large phones, foldables and tablets: avoid fixed pixel heights that break when content wraps or the virtual keyboard appears.

3. End-to-end flow completeness

  • Map the entire journey, not just the happy path:
    1. Entry points: tab tap, deep link, push notification, widget or share sheet.
    2. Primary progression: each step shows where the user is, what is required now, and what happens next.
    3. Back, cancel and exit: what happens to entered data when the user steps back or closes a modal (preserve draft, auto-save, or confirm discard).
    4. Interruption and resume: phone call, app switch, lock screen or OS backgrounding mid-flow—never lose user input silently.
    5. Completion and recovery: unmistakable confirmation of what succeeded, or an actionable recovery path on failure.

Before you finish

  • Every screen in the flow has one clear primary purpose and next action within easy thumb reach.
  • Entry points, back/cancel behavior, draft preservation and completion states are defined.
  • Both new-user orientation and returning-user speed are accounted for.

Included files 1

  • SKILL.md

About this skill package

mobile-ux-flows

mobile-ux-flows: Design mobile journeys that fit iOS and Android, with comfortable navigation, accessible controls and clear interrupted states.

Details…Show less

mobile-ux-flows

mobile-ux-flows: Design mobile journeys that fit iOS and Android, with comfortable navigation, accessible controls and clear interrupted states.

Includes the complete skill and its supporting files (1 files). The exact authored scope is preserved below.

Original skill description (source language)

Use when designing mobile user journeys, screen-to-screen task flows, thumb-zone ergonomics, single-handed use, entry points, primary actions, interruptions and multi-step mobile experiences on iOS and Android.

Install the skill, review its source and trust settings, then enable it for the relevant project or agent.

Requirements

  • Orqestria installed on your computer.