Our approach
Give each entry method a focused screen
Pattern entry uses a large dot grid. PIN entry uses a number pad with a clear input indicator. The fingerprint option sits below the main controls as another way to enter.
2020Private-gallery app
Vault Private Gallery Lock
Entry screens and appearance settings for a private photo and video app.
Core Infinite / ProjectMobile
Pattern, PIN, and appearance screens for a private photo and video app.
Vault is a private-gallery app. Our design work includes pattern and PIN entry, a fingerprint option, and settings for changing the app's visible icon.
The entry screens use large controls on a purple background. The settings view offers familiar icon choices, including a calculator, notes, and finance icon.
Make the entry choices clear
Pattern and PIN entry use different gestures. Each screen needs enough space for the main control and a short prompt explaining what to do. Appearance settings need a separate place so they do not distract from entry.
Key decisions
Keep input controls large
DecisionGive the pattern grid and number pad most of the screen.
WhyEntry is the main task, so decorative content should not compete with it.
Show the icon before it is chosen
DecisionPresent each alternate icon with its image and a short label.
WhyPeople can see the appearance they are selecting instead of guessing from a name.
Explain when the icon changes
DecisionPlace a short timing note below the icon choices.
WhyThe launcher may take time to refresh. The note explains why the new icon might not appear immediately.
Design details
Entry screens
One clear action on each screen
Short prompts sit above the pattern grid or PIN pad. A row of dots shows PIN input without displaying the digits.
Settings
Separate appearance from access
The icon picker appears within settings, apart from the entry controls. A Restore Icon action gives the original appearance its own clear choice.
A closer look
Pattern entry, PIN entry, and the app-icon picker, with a fingerprint option and appearance settings.
Focused access and settings designs
The work covers the visual design of pattern entry, PIN entry, the fingerprint option, and alternate app icons. Each screen keeps its main choice easy to identify.
Services behind this project
Explore the scope, process, and deliverables for similar work.
Start a project
Tell us what you need to build.
Share the product, the current stage, and the support you need. We will reply with practical next steps.
Start a project