← Mobilalkalmazás fejlesztők adatlapja
Nézd meg, miben segít
Mobilos felhasználói utak
Valós helyzetre, egykezes ergonómiára és félbeszakadt lépések helyreállítására tervez teljes mobilfeladatot.
mobile-ux-flows
Ezt a skillt használó csapattagok
Mikor hasznos?
Akkor használd, ha képernyőnként működik a folyamat, összességében mégsem.
Miben segít neked?
- Előtérbe helyezi a felhasználó célját és várható használati körülményét.
- Elérhető helyre teszi a gyakori műveletet, kerüli a rejtett gesztust.
- Együtt kezeli a belépést, befejezést, lemondást és hibajavítást.
Például ezt kérheted
Tervezz egykezes költségbeküldést fotótól visszaigazolásig megszakadt feltöltésből helyreállítással. Útközben fotózz bizonylatot, szakítsd meg a feltöltést, majd folytasd. Maradjon az összeg, és legyen világos a piszkozat vagy beküldött állapot.
Részletes dokumentáció
Itt a skill eredeti útmutatóját, példáit és ellenőrzési szempontjait olvashatod az eredeti nyelven.
Összecsukás
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:
- Entry points: tab tap, deep link, push notification, widget or share sheet.
- Primary progression: each step shows where the user is, what is required now, and what happens next.
- 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).
- Interruption and resume: phone call, app switch, lock screen or OS backgrounding mid-flow—never lose user input silently.
- 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.
Csomagban lévő fájlok 1
SKILL.md