Mobilnavigáció tervezése
Világos hierarchiával, natív visszalépéssel és felfedezhető gesztusalternatívával teszi érthetővé a mobilos utat.
mobile-navigation-interaction
Nézd meg, miben segítMikor hasznos?
Akkor használd, ha felhasználók eltévednek fülek, képernyők és modális feladatok között.
Miben segít neked?
- A feladathierarchiához illő navigációs mintát választ.
- Meghatározza a rendszer-visszalépést, lemondást és előzmény-visszaállítást.
- Látható gesztusalternatívát és azonnali visszajelzést ad.
Például ezt kérheted
Tervezz többszintű beállításutat kiszámítható Android-visszalépéssel, iOS-gesztussal és kifejezett mégsem művelettel. Nyiss beágyazott szerkesztőpanelt, módosíts, majd minden támogatott módon szakítsd meg. Legyen világos az adatok sorsa és a megmaradó szülőképernyő.
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 Navigation & Interaction
Structure mobile navigation so users always know where they are, how to go back, and what every tap or gesture will do.
1. Navigation patterns and hierarchy
- Top-level destinations: use a bottom tab bar (3–5 destinations) for peer sections the user switches between frequently; preserve each tab's scroll position and navigation stack independently.
- Drill-down flows: use hierarchical stack navigation for detail views and sequential steps so the user can always retrace their path.
- Modals and bottom sheets: reserve modals and sheets for self-contained subtasks, pickers, filters or confirmations. Provide an explicit close/cancel button as well as swipe-to-dismiss, and warn before discarding unsaved edits.
- Deep links and notifications: define where a deep link or notification lands in the hierarchy and where the Back action takes the user afterward (never trap them on an orphan screen).
2. System back and predictable history
- Respect the iOS interactive edge-swipe back and the Android system back gesture/button on every screen.
- Never override system back behavior arbitrarily: closing an open sheet, dialog or search overlay comes first, then stepping back in the stack. After completing a checkout, auth flow or destructive action, clear transient steps from the back stack so pressing Back does not re-submit.
3. Gestures, discoverability and feedback
- Never hide the only way to perform an essential action behind an undiscoverable gesture (such as long-press, two-finger swipe or shake). Pair swipe actions (swipe-to-delete, swipe-to-archive) with a visible button, menu item or edit mode alternative.
- Give every interactive element immediate visual press feedback (
pressed/ ripple / highlight within 100 ms) and prevent accidental double taps while an action is in flight.
Before you finish
- Tab, stack and modal/sheet boundaries are clear and preserve user context.
- iOS edge-swipe, Android system back and deep-link back stacks behave predictably.
- Every gesture-driven action has a visible, accessible alternative and immediate press feedback.
Csomagban lévő fájlok 1
SKILL.md
A skillcsomag bemutatása
mobile-navigation-interaction
mobile-navigation-interaction: iOS-re és Androidra illő mobilélményt tervez kényelmes navigációval, akadálymentes vezérlőkkel és érthető megszakítási állapotokkal.
Összecsukás
mobile-navigation-interaction
mobile-navigation-interaction: iOS-re és Androidra illő mobilélményt tervez kényelmes navigációval, akadálymentes vezérlőkkel és érthető megszakítási állapotokkal.
A teljes skillt és a hozzá tartozó fájlokat tartalmazza (1 fájl). Az alábbi eredeti leírás rögzíti a pontos alkalmazási területét.
A skill eredeti leírása (a forrás nyelvén)
Use when designing mobile navigation architectures (bottom tabs, stacks, modals, sheets, drawers), back navigation, gestures, visible alternatives and immediate touch feedback on iOS and Android.
Telepítsd a skillt, nézd át a forrását és a megbízhatósági beállításait, majd engedélyezd a megfelelő projektben vagy ügynöknél.
Előfeltételek
- A számítógépedre telepített Orqestria.