Logo of UI Challenges
Sign in
Wireframe example for Signup Form with Toggle Password Visibility
An example interpretation of the prompt
Icon of target

Signup Form with Toggle Password Visibility

Icon of book open

Design a mobile signup screen with a password field and a confirm password field, each with a show/hide control. The screen should feel like a normal step in account creation, not a special settings view.

The password text starts hidden by default. Make the visibility toggle easy to find and clear enough that users understand what will happen before they tap it.

This is about reducing friction while typing on a phone: the layout has to stay readable, the toggle must not fight the keyboard, and the user should keep their place in the form.

Treat the two password inputs as a pair, but keep their states independent. If one is visible and the other is hidden, that difference should be obvious.

Icon of book open

Use an eye/eye-off control inside the input row, but keep the tap target large and separate from the text entry area so users don’t accidentally edit when they meant to reveal.

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.