Logo of UI Challenges
Sign in
Wireframe example for Swipeable Calculator Keypad
An example interpretation of the prompt
Icon of target

Swipeable Calculator Keypad

Icon of book open

Design the active numeric keypad for a mobile calculator-style input flow. The main job is plain number entry, but each key can also reveal an alternate function through a swipe gesture.

The layout should feel familiar at first glance: big digit buttons, clear operator affordances, and a visible value field above. The gesture layer is the twist, not the core interaction.

Show how swipe directions map to alternate actions without making the keypad feel crowded. The user should understand what happens before they commit to the gesture.

This is an input surface, so speed matters. The design should support rapid taps, accidental swipe recovery, and a clean read of the current value while the keypad stays in place.

Icon of book open

Use a tiny directional cue on only a few keys first; if every key advertises a gesture, the keypad gets noisy fast.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.