To celebrate the recent release of my book, I’m giving away three copies for free. The book is called “Dos and Don’ts for Form Input and Selection.” It contains a comprehensive view of all the best UX practices for designing every form component.
To enter this giveaway, comment below something new you want to learn about form design. The giveaway will end a week from today, and three winners will be randomly chosen. Good luck!
4/8/24 Update:
And the winners are…
Sebastian
Anton
Michelle
Thank you to everyone who participated. Stay tuned for the next giveaway.
Forms, especially long or complex ones are often boring to fill. How to find the good tone, the good words to keep user’s attention ? How to be graphically attractive but still efficient ? In other words, how to make forms nice ?
Designing good forms is such a struggle - how should my fields look like, what’s better user experience for my users, how should the selection interaction be like. Every single time I create a new form, I think of all these questions and scramble around Google for a solution.
I hope I set good foundations for my own learning and create better forms moving forward. 💪
I'd like to know more about form patterns and the justification of the UX choices, with the link to how it is implemented in popular CSS framework. I'm also interested in best practice with validation errors and with showing the optional/required fields. 🫰for the giveway
I'd like to learn more about things like "how design influences brand" or "how can your web app have a personality" ... things a little bit less practical, more heady. I'm a founder, not involved in the design work, but want to learn about how our app can build our brand.
I would like to learn more about single step vs multi step forms. I am also interested in learing about the usage of copy when it comes to the names of text fields. Do we ask for 'street' & 'number' or do we ask for 'adress'?
I'm interested in how to manage a huge amount of formfields. We in our Company have a Form that is quite literally huge. If you would print it it would be like 3 A-4 Pages full of text inputs select's and toggle's.
I'm also interested in how to manage a huge amount of form fields. Above that, I often have difficulties putting additional information and explanations near the fields. My colleagues always refuse to use tooltip texts or information i's because it is not mobile-friendly.
I'm interested in learning more about complex error states and also how to deal with long interconnected forms with dependencies between different inputs
I always get in trouble deciding when to use a slider to enter numeric fields (or if using it at all), vs an input field, vs a + - couple of buttons to increase/decrease the number asked to the user.
1. I'd to learn more about accessibility, specifically, screenreader announcements with errors and warnings, and then whether to set focus to the first errored item automatically.
2. With long forms, at what point does it make sense to break into paginated-style steps? And what are best practices for designing a stepped form?
The skill I would like to sharp is – how to make long forms intuitive to user. And also – "Tips how to help user fill the form using UX & UI best practice".
It would be great to learn something about cards and their composition. Especially as outputs in different search results like profile sneak-peeks, offered services etc.
Very similar to thoughts shared by loads of folks in the comment section. Ik particularly interested in this atm from an enterprise pov, in a b2b2c setting. We've been deploying many customer surveys and with an increasing focus on design research. This would help.
At the moment, I'm figuring out the best way to create complex, long forms. Do we use a safe button? Is it a continuous scroll? How do we show progress? Is there a navigation? So many good questions!
How the form and surrounding emotional content like photos can influence success rates. The obama campaign team ab tested heavily and at the time had effective forms.
I want to learn about how to keep the forms efficient and design it in such a way that it keeps the user attention without affecting the user psyche and is not annoying to the user
Forms, especially long or complex ones are often boring to fill. How to find the good tone, the good words to keep user’s attention ? How to be graphically attractive but still efficient ? In other words, how to make forms nice ?
1. How do form designs differ between web and mobile?
2. When to choose radio buttons over drop-downs?
3. Should auto-fill be enabled for all forms?
4. Best way to show form validation errors?
5. When to split forms into multiple steps?
6. Is a placeholder text useful?
7. Best practices to show progress of a filled-form, so as to reduce form abandonment rate.
8. Best practices for field focus and keyboard type in mobile forms.
9. How to suggest mandatory fields vs. optional fields?
10. How to better design error messages?
Designing good forms is such a struggle - how should my fields look like, what’s better user experience for my users, how should the selection interaction be like. Every single time I create a new form, I think of all these questions and scramble around Google for a solution.
I hope I set good foundations for my own learning and create better forms moving forward. 💪
I'd like to know more about form patterns and the justification of the UX choices, with the link to how it is implemented in popular CSS framework. I'm also interested in best practice with validation errors and with showing the optional/required fields. 🫰for the giveway
I'm looking to learn accessibility best practices and how it fit with WCAG.
How to write and design better error messages.
I'd like to learn about best A/B tests to run on forms and about best practices around single-step vs. multi-step forms.
I'd like to learn more about things like "how design influences brand" or "how can your web app have a personality" ... things a little bit less practical, more heady. I'm a founder, not involved in the design work, but want to learn about how our app can build our brand.
How to better communicate through simple forms
I'd like to read about "folded/dependent input forms". That is when the displaying of input forms depends on the values of previous input forms.
Validation best practices
I wanna learn more about enterprise design patterns
Entreprise SaaS patterns
I would like to learn more about single step vs multi step forms. I am also interested in learing about the usage of copy when it comes to the names of text fields. Do we ask for 'street' & 'number' or do we ask for 'adress'?
I'm interested in how to manage a huge amount of formfields. We in our Company have a Form that is quite literally huge. If you would print it it would be like 3 A-4 Pages full of text inputs select's and toggle's.
I'm also interested in how to manage a huge amount of form fields. Above that, I often have difficulties putting additional information and explanations near the fields. My colleagues always refuse to use tooltip texts or information i's because it is not mobile-friendly.
how to design multi step forms.Why should you use one.What hierarchy should you consider and level of details.
I designing a lot of forms for governments in germany, and i am keen about learning about forms especially in relation to a11y standards.
Always interesting to learn more about forms and how best to use them!
I'm interested in learning more about complex error states and also how to deal with long interconnected forms with dependencies between different inputs
What are the best alternatives to form. And when no form is a better form :)
Best practices using different types of controls (selects, radio buttons, sliders...)
I would like to know what design techniques can be used to make forms more inclusive for disabled users.
Complex data table design
When should I use disable button or no button at all till all field are completed?
Would love to get ideas on making restaurant ordering checkout even easier for guests.
What's the best metric to assess whether if a form design is good or not ?
How to reward people who respond to the forms.
how to design complec tables in 2024
I would like to explore the differences in designing forms for mobile vs desktop, and forms design for business enterprise system.
I always get in trouble deciding when to use a slider to enter numeric fields (or if using it at all), vs an input field, vs a + - couple of buttons to increase/decrease the number asked to the user.
Thanks!
1. I'd to learn more about accessibility, specifically, screenreader announcements with errors and warnings, and then whether to set focus to the first errored item automatically.
2. With long forms, at what point does it make sense to break into paginated-style steps? And what are best practices for designing a stepped form?
I want to learn about visual hierarchy in form design.
The skill I would like to sharp is – how to make long forms intuitive to user. And also – "Tips how to help user fill the form using UX & UI best practice".
1. How do you make your form more conversational/emotional than technical?
2. How do you breakdown long form ?
- how to make sure user reads warnings
- how to make warnings are easy to understand
- how to better visualize and explain conflicts and edge cases
It would be great to learn something about cards and their composition. Especially as outputs in different search results like profile sneak-peeks, offered services etc.
Keep the great work up! Love it
Very similar to thoughts shared by loads of folks in the comment section. Ik particularly interested in this atm from an enterprise pov, in a b2b2c setting. We've been deploying many customer surveys and with an increasing focus on design research. This would help.
* How can we structure and layout forms to deliver a good user experience?
* Does the flow of form make an impact on user experience? How? Why?
* What are the little details we can add to create accessible and inclusive forms?
At the moment, I'm figuring out the best way to create complex, long forms. Do we use a safe button? Is it a continuous scroll? How do we show progress? Is there a navigation? So many good questions!
How the form and surrounding emotional content like photos can influence success rates. The obama campaign team ab tested heavily and at the time had effective forms.
How to let user easily fill signup forms to build email lists?
Which factors scares users away from the long forms?
Form Usability issues
I want to discover the final answer on corner radius! 0? 10px? 2em? Who knows?!
I want to learn about how to keep the forms efficient and design it in such a way that it keeps the user attention without affecting the user psyche and is not annoying to the user
How to best present a previously saved form state (and how to best indicate the form is being saved).
I am interested in best practices with empirical evidence.
Mobile keyboard design! should input boxes move vs should you better open a new window on tab.
what is the final work on placeholders and floating labels
I am also interested in how to express a brand in the context of forms while keeping UX optimal.
I'd like to know how to optimize forms for parsing autofill inputs from users' browsers.