Loading
Design Examples
Form Design Examples: Real Sign-Up Flows
Real form patterns pulled from our teardowns, with examples from Sketch, BeReal, WBAC, Devin, Amie and Google Forms — dynamic fields, typo catching and personalised placeholders.
Real world examples:
Updated: 26/08/2026, view all 1,450 examples
Examples on Built for Mars include
Sketch changes sign-up fields by job role
BeReal's CTA shows your calculated age
WBAC suggests a fix for 'gmial' typos
Sketch will dynamically change the sign-up content depending on your role.
On Google Forms, the question 'type' will automatically update based on the question title (and what it thinks the best format of question will be).
When creating an account on SkyBet, the spinner looks like a football.
When inviting people to join your team, Devin will dynamically use your domain in their email placeholders.
Go to UX BiteView#1077
You'll be warned if you've made common typos (e.g., 'gmial' not 'gmail').
There are more than 1400 UX Bites like this
See the benefits
There are more than 1400 UX Bites like this
See the benefits
There are more than 1400 UX Bites like this
Subscribe to BFM+
If features can be coded in minutes, thoughtful design is what wins
- Unlock the entire library
- Create custom UX courses
- Access our AI tools
£12 per monthbilled annually
or, wait for the free stuff
Join the free newsletter
Get the free content when it's released, straight to your inbox, no account required
"An exceptional resource for learning how to build habit-forming products that people love."
"I’d never met anybody who looks at usability and UX the way I do until I met Peter. Only he’s smarter."
"The completest view of the psychological underpinnings of human behaviour that I’ve ever seen."
"What a nice idea! Christopher Alexander would be proud to see patterns collected like this."
FAQs
How do you stop people entering the wrong email address?
Correcting at the point of entry beats chasing an undeliverable address later. WBAC spots common domain typos, so 'builtformars@gmial.com' triggers a suggested correction to 'gmail.com' before the form is submitted.
Do placeholder texts actually matter?
A placeholder can carry context, not just a format hint. Devin builds its team invite placeholders from your own domain, so you see example addresses at yourcompany.com rather than a generic 'your@email.com'.
What's the best way to catch mistakes in a date of birth field?
Interpreting the data back to the user tends to be clearer than validating the format. BeReal puts your calculated age on the CTA label, so typing 2000 instead of 1990 shows '24' rather than '34'.
Why make a form dynamic rather than static?
Dynamic fields cut the sense of filling in a generic form, and show the value of what you're typing. Sketch swaps its sign-up content depending on whether you pick Product Owner or Developer, and Amie feeds onboarding answers straight into the calendar and to-do list on the right of the screen.
Can a question type be chosen for the user?
Google Forms reads the question title and switches the answer format to what it thinks fits, e.g., moving from multiple choice to checkboxes. It removes a decision from the builder without locking them out of changing it.
Is there value in micro-interactions that don't speed anything up?
Enjoyment and commitment are outcomes in themselves. SkyBet's account creation spinner is shaped like a football, and Fabulous asks you to hold your thumb on a fingerprint to 'sign' a contract in your own name — a small commitment (i.e., the foot-in-the-door effect) that makes continuing more likely.