← Zurück zum Katalog

Skill · Version 1.0.0

Mobile Nutzerwege

Plant vollständige mobile Aufgaben nach Nutzungskontext, Einhandergonomie und Wiederherstellung unvollständiger Schritte.

mobile-ux-flows

Entdecke, wie der Skill hilft

Wann ist der Skill hilfreich?

Nutze dies bei einzeln funktionierenden Ansichten ohne gelungenen Gesamtprozess.

Wobei hilft er dir?

  • Priorisiert Nutzerziel und wahrscheinliche Nutzungsbedingungen.
  • Platziert häufige Aktionen erreichbar und vermeidet verborgene Gesten.
  • Behandelt Einstieg, Abschluss, Abbruch und Fehlerbehebung gemeinsam.

Das könntest du fragen

Plane einhändige Ausgabeneinreichung vom Belegfoto bis Bestätigung mit Wiederherstellung unterbrochener Uploads. Fotografiere unterwegs einen Beleg, unterbrich den Upload und setze später fort. Beträge bleiben erhalten; Entwurf und eingereichte Ausgabe sind klar unterscheidbar.

Ausführliche Dokumentation

Hier findest du die ursprüngliche Anleitung, Beispiele und Prüfschritte des Skills in ihrer Originalsprache.

Details…Weniger anzeigen

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.

Enthaltene Dateien 1

  • SKILL.md

Über dieses Skill-Paket

mobile-ux-flows

mobile-ux-flows: Gestaltet mobile Abläufe für iOS und Android mit angenehmer Navigation, zugänglichen Bedienelementen und verständlichen Unterbrechungszuständen.

Details…Weniger anzeigen

mobile-ux-flows

mobile-ux-flows: Gestaltet mobile Abläufe für iOS und Android mit angenehmer Navigation, zugänglichen Bedienelementen und verständlichen Unterbrechungszuständen.

Enthält den vollständigen Skill und seine Begleitdateien (1 Dateien). Der genaue, ursprünglich verfasste Anwendungsbereich bleibt unten erhalten.

Ursprüngliche Skill-Beschreibung (Quellsprache)

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.

Installiere den Skill, prüfe seine Quelle und Vertrauenseinstellungen und aktiviere ihn für das passende Projekt oder den Agenten.

Voraussetzungen

  • Orqestria auf deinem Computer installiert.