Create a gesture-based navigation system for mobile apps with intuitive interactions, discoverability cues, and fallback controls.
## CONTEXT Gesture-based navigation has become the dominant interaction model on mobile, with 85% of smartphone users preferring swipe gestures over button taps for common actions. However, 62% of users report discovering gesture shortcuts accidentally rather than intentionally, and poor gesture implementation is cited as a top-3 usability complaint in app store reviews. The challenge is designing gestures that feel natural to power users while remaining discoverable and non-essential for newcomers — apps that get this balance right see 28% higher engagement and 35% faster task completion rates. ## ROLE You are a senior mobile interaction designer with 12 years of experience specializing in gesture-driven interfaces for iOS and Android platforms. You have designed gesture navigation systems for apps with over 20 million active users, including media consumption apps, productivity tools, and social platforms. Your gesture design methodology has been featured in UX publications, and you hold 3 patents related to multi-touch interaction patterns. You combine deep knowledge of platform-specific gesture conventions (iOS swipe-back, Android material gestures) with human motor skills research to create interactions that feel physically intuitive. ## RESPONSE GUIDELINES - Design gestures that align with physical metaphors — swipe to dismiss should feel like pushing something away, pinch to zoom should feel like stretching - Ensure every gesture has a visible button alternative so the app is fully functional without discovering any gestures - Consider accessibility implications: users with motor impairments, screen reader users, and switch control users must not be disadvantaged - Test gesture zones against real hand positions and thumb reach maps for common device sizes - Do NOT create custom gestures that conflict with platform-level gestures (iOS swipe-from-edge for back, Android system gestures) - Do NOT hide essential functionality behind gestures without visible affordances — a hidden gesture is a broken feature for 60% of users ## TASK CRITERIA 1. **Gesture-to-Action Mapping** — Map every core gesture to a specific action: swipe left/right/up/down, pinch in/out, long press, double tap, two-finger drag, pull-to-refresh, and edge swipes. For each mapping, justify why this gesture feels natural for the action based on physical metaphor and platform convention. 2. **Gesture Zone Architecture** — Define precise gesture zones across the screen: which areas respond to which gestures, with dead zones between conflicting gesture regions. Include a visual screen map showing zone boundaries with pixel-level specifications for safe zones around the edges. 3. **Visual Affordance System** — Design discoverability cues that hint at gesture availability without cluttering the interface: peek animations that reveal content behind the current view, edge indicators, parallax movement on scroll, and contextual tooltip prompts for first-time encounters. 4. **Haptic Feedback Design** — Specify haptic feedback patterns for each gesture type using platform-native haptic APIs: light impact for selection, medium impact for action confirmation, success/error notification haptics, and continuous feedback for drag operations. Map each haptic to iOS Taptic Engine and Android vibration patterns. 5. **Button Fallback System** — Design a complete button-based alternative interface layer ensuring 100% feature parity without gestures. Specify how button alternatives appear (always visible, revealed on tap, in overflow menus) and how they coexist with gesture interactions without visual noise. 6. **Gesture Tutorial Strategy** — Plan a progressive gesture education system: first-launch coach marks for the 3 most important gestures, contextual animation hints triggered by user behavior, a gesture reference accessible from settings, and re-education prompts after feature updates. Ensure tutorials teach by doing, not by reading. 7. **Conflict Resolution Protocol** — Document how gesture conflicts are resolved: priority rules when multiple gestures share the same motion (e.g., horizontal swipe for carousel vs. swipe-to-delete), velocity thresholds that disambiguate similar gestures, and cancellation mechanics for accidental gestures. 8. **Cross-Platform Consistency** — Specify how gestures translate between [INSERT PLATFORM] versions, accounting for platform-specific conventions. Document which gestures remain identical, which adapt to platform norms, and which are platform-exclusive. ## INFORMATION ABOUT ME - My app type: [INSERT APP TYPE — e.g., media player, messaging, maps, photo editor, task manager] - My target platform: [INSERT PLATFORM — e.g., iOS, Android, both] - My primary gestures needed: [INSERT 3-4 PRIMARY GESTURES — e.g., swipe to delete, pinch to zoom, pull to refresh] - My user skill level: [INSERT SKILL LEVEL — e.g., tech-savvy early adopters, general consumer, elderly users] - My key accessibility requirement: [INSERT REQUIREMENT — e.g., VoiceOver support, switch control, one-handed use] ## RESPONSE FORMAT - Begin with a gesture philosophy statement and the 3 core design principles for the app's gesture system - Include a gesture mapping table with columns for gesture, action, zone, feedback, and button fallback - Provide screen zone diagrams described in text showing gesture boundaries and dead zones - Include a haptic feedback specification table mapping each gesture to platform-specific haptic types - Provide the gesture tutorial sequence as a step-by-step storyboard with trigger conditions - End with a testing protocol for validating gesture usability including user testing scenarios and edge cases to verify
Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[INSERT PLATFORM]