Design Patterns For Complex Web Forms
enhance practices to develop user-friendly, accessible, and effective interfaces that boost conversions and business KPIs
Experience
junior+ skills in interface design
start
January 22, 2025
group
50 students
Duration
4 days of intensive training — from January 22 to 24 + 1 day for Q&A session
English Level
Intermediate and above
if you are:
- 01
a UX/UI designer looking to expertly navigate multi-step processes, including complex corporate forms
- 02
a UX Writer eager to fully understand user behavior to create impactful texts
...then it's a match!
We will address the common challenges associated with web forms, which are often inaccessible and difficult to use due to inconvenient live validators and confusing error messages. You'll learn how to enhance the user experience by creating interfaces that effectively gather information in a user-friendly, accessible, and understandable manner.
Key takeaways:
— understand how people perceive and interact with web forms, including common usability issues and typical user behaviors;
— learn to design layouts, texts, and labels for both mandatory and optional fields, including floating labels;
— know when and how to use toggles and checkboxes to avoid misunderstandings and speed up the process;
— master the use of <select> menus, dropdown lists, overlay menus, and their alternatives;
— manage disabled buttons effectively to reduce high abandonment rates;
— discover which situations are best suited for steppers, buttons, and datalists to enhance form usability;
— learn what makes autocomplete UX stand out in different scenarios;
— determine when address search tools are beneficial and when they hinder conversions;
— design seamless interfaces and interactions for credit card entries;
— optimize error validation and display strategies to minimize form abandonment;
— organize and time email and password entries to improve interaction design;
— explore how CAPTCHA and two-factor authentication patterns can enhance security without compromising user experience.
skills,
you'll master
hard skills:
- organization and design of complex web form flows
- development of optimal form UI components
- choosing the best form design
- user testing and feedback integration
- performance optimization
- development of inclusive design
soft skills:
- prompt error correction
- user empathy
- creative problem solving
- detail orientation
program
from required fields to сomplex forms and journeys
webinars
11:00-14:00 each day (3 hours)
- 01.state of forms UX
- how people perceive input and type in data
- how to use question protocol and input profiling when designing forms
- how to deal with names and addresses
- how to deal with sensitive data
- how to choose the right form components, from input boxes and drop-downs to radio buttons and <select> menus
- placeholder UX
- required vs. optional fields
- responsive considerations for mobile and desktop
- 02.interaction design and form layout
- modals and overlays
- inline validation and error recovery
- disabled buttons
- text hints vs. tooltips
- designing date/time input and phone input
- date and time pickers
- how to design and place buttons — from Back button to primary buttons to CTA
- conditional reveal
- cancel UX and OK cancel vs. cancel OK
- undo vs. confirm + confirm to delete
- 03.complex challenges
- nested filtering and grouping
- autocomplete UX, filters, sorting, search
- complex forms and journeys
- error messages UX
- task list pattern
- accessibility and inclusive design
- progress bar and branches
- permissions and roles
- multi-lingual forms
- authentication UX design patterns
- 04.Q&A session
- meeting with Vitaly Friedman after completing studies. reflection
instructor.
the one who’s there for you
Vitaly Friedman
Co-founder, Creative Lead, Front-end / UI / UX Consultant at Smashing Magazine.
Vitaly is a UX expert with a passion for tackling complex challenges and engaging with equally challenging stakeholders. Over the past 15 years, he has collaborated with prestigious organizations such as the European Parliament, OTTO, Zalando, Marc O'Polo, Axel Springer SE, and REWE Digital, along with numerous other small and large entities.
what you’re in for
- 4 days of intensive training
- software tools — Figjam and Figma
- certificate for active participation in the workshop and performance of practical tasks
- language of instruction — English
workshop price
12 000 UAH
pay by yourself
or through your employer
workshop price
12 000 UAH
pay by yourself
or through your employer
have you decided?
here's how to get on the workshop
1apply
2fill in the form
3pass the screening
4become a student
- 1
apply
- 2
fill in the form
- 3
pass the screening
- 4
become a student
*According to the research of the Projector.
The study involved 567 respondents
among graduates of the courses in 2022.
FAQ
- what format will the classes be held in?
- who is not likely to take the workshop?
- what can I expect from the workshop?
- do I need professional skills to join a group?
- what software will we need?
apply.
first step is yours
Want to ask something else? Email to hello@prjctr.com.ua or call +38 067 418-95-78.
first step is yours