Gesture navigation Mobile app

Use familiar gestures and alternative operations.

9 checks · 3 content groups

Checklist contents

Try interacting

Gestures and alternatives

Swipe from the left edge or use the back button to stay in context.

Open details

First item

Second item

Third item

Here's an interactive example; The data stays in the browser only.

Review progress

Compare information and presentation in context of use.

Try swiping in content near the left edge and using the operating system's back gesture. The app's own gestures need to have an alternative that's visible and doesn't block familiar navigation.Example Allows you to swipe horizontally to view the next photo, but there is still a button to switch photos; The return operation of the system takes the user back to the collection.Users of keyboards or assistive tools still need to be able to do what a swipe or long press provides.Keep the number of actions exposed just enough to read and touch. If there are multiple options, move the rest to the menu instead of minimizing the button.Clearly indicate when the pull has exceeded the threshold and when new data is complete; Avoid continuous vibration throughout the pull.

Try the operation, change the status and continue working.

Check zoom level and position when returning to content; Don't leave the image open in a cropped area without the user noticing.Shows the item that has been picked up and the position to be inserted before dropping; After the operation, confirm the new order.If the gesture is an important action, keep the hint until successfully used instead of disappearing on a timer.

Check for details that are easy to miss when putting the design into use.

Check that pressing and holding is not interpreted as dragging or scrolling; The name of the item being operated must be clear when the menu is open.Test pull-to-refresh, long press, and the start of reordering. Users must be able to recognize the activation threshold even when their finger covers the content.

Progress is saved automatically in this browser.

GUIDANCE

How to review

Test the gestures at the edge of the screen

Try swiping in content near the left edge and using the operating system's back gesture. The app's own gestures need to have an alternative that's visible and doesn't block familiar navigation.

EXAMPLES

Usage examples

Change photos in the gallery

Allows you to swipe horizontally to view the next photo, but there is still a button to switch photos; The return operation of the system takes the user back to the collection.

Gesture navigation Mobile app

Gestures and alternatives

Screen and context

Action and feedback

Complete the experience

How to review

Test the gestures at the edge of the screen

Usage examples

Change photos in the gallery

Find a checklist

No checklists found