
Two-Finger Rotate Gesture
Design the default mobile canvas for a graphic that can be rotated with two fingers. The object should feel ready to manipulate at rest, with the rotation affordance visible without shouting.
This lives on a map or image viewer, so the focus is on the content itself, not chrome. Show enough surrounding UI to explain that the object is movable by gesture, while keeping the graphic dominant.
The interesting part is making the first touch readable: the user should understand that two fingers on the object will rotate it, and see the result track their movement in real time.
Design for the in-progress rotation state as well as the settled state after release. The object should preserve orientation feedback clearly, with any angle indicator or compass cue staying tied to the content.
Use a subtle on-canvas cue near the object, not a modal hint, so the gesture is discoverable without blocking the view.
Better at UI design with every challenge
Select complexity and generate challenge.
Pick a platform.
Get design challenge updates in your inbox
New prompts and challenge updates. It’s free.