Swipe Gestures

Swipe gestures allow actions through directional finger movement on touch screens, providing efficient shortcuts for common actions.

stellae.design

Design Principles

Swipe gestures enable actions through directional finger movement — navigation (between pages), actions (swipe-to-delete), and revealing hidden options. While efficient once learned, they suffer from discoverability problems. Successful implementation requires visual hints, consistent direction mapping, and always providing alternative visible paths.

Why It Matters

Swipe gestures are a primary interaction vocabulary on touch devices, enabling navigation, deletion, and content browsing with natural, fluid motions. They reduce the need for visible buttons and free up screen real estate on space-constrained mobile interfaces. However, their discoverability is inherently low, making proper implementation and fallback design essential.

Real-World Examples

Email swipe-to-archive with revealed action

An email client allows users to swipe a message right to archive it. As the user begins swiping, a green archive icon is progressively revealed behind the message row. A short swipe reveals the action button for manual tap; a full swipe past the threshold executes the archive automatically with an undo toast.

Image carousel with pagination dots

A product image gallery supports horizontal swipe to browse photos, with pagination dots indicating position and total count. Users can also tap arrow buttons at the edges for non-touch input. The carousel respects momentum, snapping to the nearest image and bouncing at the boundaries to signal the end of content.

Counter-example

Swipe-only navigation with no visible alternative

A mobile app uses swipe as the sole method to move between main sections, with no tab bar, buttons, or any visual indication that swiping is possible. New users stare at the first screen with no idea how to proceed. Screen reader users are entirely locked out because the gesture has no accessible alternative.

Role-Specific Guidance

Common Mistakes

• The biggest mistake is making swipe the only way to perform an action — gestures are invisible affordances, and users who do not discover them are stuck. Conflicting swipe directions with native browser or OS gestures (like back-navigation on iOS) creates a jarring experience where the system and app fight for the same input. Failing to implement proper physics — no momentum, no snap-back, abrupt stops — makes swipe interactions feel mechanical and disconnected from the user's hand movement.