Interview: Why do we need to learn about Form Design?
Form UX Design is not as easy as it looks, especially when it comes to complex forms. Vitaly Friedman explains why.
Sample Video: Disabled Submit Buttons
Sample Video: Inline Validation
Sample Screenshots from the class
Form UX Class - Day 1 (Video)
Form UX Class - Day 2 (Video)
Class Documents
- Slides PDF (Google Drive) 769 MB, with slides for both days
- Homework (Day 1)
- Homework (Day 2)
- Collaborative Docs
- Interface Design Checklists, 2021 Edition PDFs, .zip, 108 MB
- Design Systems ( Book PDF)
- Inclusive Design Patterns (Book PDF)
- Real-Life Responsive Design (Book PDF)
In this workshop you’ll learn
-
How people perceive and use web forms, with common usability issues and typical user behavior
-
Single-page-layout vs. multi-page-layout in wizards, checkouts and any multi-step-processes, incl. complex corporate forms
-
Input budgets, a strategy of measuring how effective and well-designed a form is
-
Layout, design and copy for required and optional input fields, labels and placeholders, incl. floating labels and design of placeholders
-
Radio buttons and checkboxes, when and how to use them to avoid misunderstandings and speed up customers in the process
-
How to deal with <select> menus, dropdowns, overlay menus and their alternatives
-
Steppers, buttons and datalists, and in which situations they work better, and how to use them to speed up your customers
-
Search autocomplete, filters and sorting, with common mistakes and usability issues,
-
Sliders, with common problems and bulletproof solutions.
-
Date and time input, as input fields and widgets, in terms of design and layout, e.g. for a birthday picker, or a calendar
-
Autocomplete UX, and what makes a great autocomplete in various settings, e.g. product search or country selector
-
When address lookup widgets make sense, and when they hurt conversion,
-
The interface design and interaction design of the credit card input
-
Error validation, messaging and recovery, how and where to display errors to decrease abandonment rates.
-
Email and password input, especially in terms of interaction design and timing
-
Authentication patterns, with CAPTCHA and 2-factor-authentication UX patterns.
-
Extensive web form design checklists for your projects.
-
With required fields, validation, disabled submit buttons and error messages, designing forms can be quite complicated. But Vitaly Friedman, is here to the rescue! Join our Forms UX Workshop, a series of 2 online classes to get a comprehensive toolbox with practical techniques and strategies to address pretty much any kind of web form (on desktop and on mobile) issue in no time!
Workshop Intro:
Who is it for:
This workshop is for interface designers, front-end designers and developers who’d love to be prepared for complex and time-consuming design challenges in web forms. You’ll walk away with a toolbox of techniques and examples of doing things well — in your product, website, desktop app or mobile app.
By the end of the class, you’ll have a comprehensive toolbox with practical techniques and strategies to address pretty much any kind of web form issue in no time!
Meet your instructor, Vitaly Friedman
Vitaly loves beautiful content and does not give up easily. After working as a freelance designer and developer for 6 years, he co-founded Smashing Magazine back in 2006, a leading online magazine for designers and developers. His curiosity drove him from interface design to front-end to performance optimization to accessibility and back to user experience over all the years.
Vitaly is the author, co-author and editor of all Smashing books, and a curator of all Smashing Conferences. He currently works as creative lead of Smashing Magazine and front-end/UX consultant in Europe and abroad, working with European Parliament, Haufe-Lexware, Axel-Springer, OTTO and a few other companies.
How will this work?
Get your access to the Forms UX course before it’s gone!
This course is on sale for a limited time until February 26, 2022. After that it’s gone forever!
Please note, tickets are only available for sale from Nov 1, 2021 to Feb 26, 2022
Frequently Asked Questions
Can you tell me more what this workshop will cover?
Nobody wakes up in the morning hoping to finally create a new account that day. Web forms don’t have a decent reputation, and rightfully so. Very often they are inaccessible and difficult to use, with awkward live validation and notorious error messages; not to mention painful dropdowns like a country selector, a birthday date-picker starting from 2021, a tiny newsletter checkbox, a disabled copy-paste for email verification, disabled “submit” buttons and horrendously evil CAPTCHAs in the disguise of street signs and crosswalks.
We’ll study 100s of hand-picked examples — all of them will be coming from user research and usability studies of real projects — proven to work or fail in practice.
I'm having trouble with payment/ PayPal. What shall I do?
Please refer to our PayPal guide here:
https://uxsalon.com/paypal/Got a question? Get a quick response through our Facebook Page Messaging.
Or Send us an Email info@ uxsalon.com