Responsive navigation adaptation
A product supports multiple viewport widths, device classes, orientations, split-screen sizes, or foldable postures.
- Type
- UI-UX
- Sources
- 6
- Trail checked
Touch, haptics, sensors, camera, permissions, offline states, and device adaptation.
Browse all problem familiesThe same outcome may cross touch, camera, voice, keyboard, sensors, and offline moments. Design each transition as part of the task rather than a separate surface.
Strong: A visitor starts a room reservation on a phone, scans a lobby code, and sees the same reservation status at the kiosk.
Weak: A visitor completes a phone reservation, then the lobby kiosk requests a new booking because the two surfaces show different status.
Try it: Trace one task across two devices and identify the shared state, permission request, interruption, and recovery point.
Begin with the core behavior, apply it in different contexts, then review cases that reveal the quality boundary. Open each entry for its decision rule, states, example, and source trail.
0 of 15 studies complete
Start this family →Learn the shared task and the core interaction choices.
A product supports multiple viewport widths, device classes, orientations, split-screen sizes, or foldable postures.
A workflow has multiple focusable elements, dynamic content, or overlays that users traverse with keyboard or assistive technology.
A touchscreen interaction needs deliberate design for gesture vocabulary, thresholds, feedback, target sizing, cancellation, and equivalent controls.
Users repeat a known command often enough that memorized keyboard acceleration saves meaningful time.
A mobile user action can be saved locally and retried after network or app lifecycle conditions improve.
Users need to decode a QR or barcode to pair a device, open a known destination, redeem a ticket, start payment, enroll an authenticator, join Wi-Fi, identify inventory, or import a short payload.
Choose a specialized form for the context and follow its complete behavior.
Users repeatedly perform simple item-level actions on touch-first rows.
A touch-first interface needs an optional shortcut to secondary item actions, selection mode, preview, or drag pickup.
Users need spatial or ordered movement between clear sources and destinations.
A top-of-list gesture is a platform-expected shortcut for checking freshness on a scrollable data surface.
Users need to create new photo or video media inside the task.
Current device coordinates materially improve a task such as nearby search, route start, check-in, delivery estimate, safety sharing, field work, or support diagnostics.
Users need hands-free control, accessibility speech input, or rapid spoken command activation.
A tactile pulse reinforces a direct manipulation, boundary, threshold, selection, successful action, recoverable warning, or physical game/control event.
A wearable surface can answer a status, next-step, or current-metric question in seconds.
Try fewer words, clear the filter, or search across all pattern families.
Search all patterns