PROJECTS
UX patterns
FORM UX
Accessibility
The most important reason is that if we’re making
modals accessible (and obviously we should be), then
they should be easily dismissed by hitting the esc
key or by clicking the modal’s whitespace. Now with
the modals being easily dismissed, it would be an
inconvenience (not to mention counter-accessible) to
accidentally dismiss the modal (and the unsubmitted
form data) halfway through filling out the form.Customer support
Besides accessibility, combining forms with modals
and essentially not hosting the form at a dedicated
URL means customer service representatives can’tIMPROVE YOUR
FORM UI
Daniel Schwarzzdonv#|rx#wkurxjk#wkh#ehqhĽwv#ri#fhuwdlq#irup#X[#
patterns#dqg#lq#zkdw#flufxpvwdqfhv#vkrxog#wkh|#eh#dyrlghg
Boring, boring forms. We can hardly blame
designers for trying to come up with innovative
ways to make them more interesting but how many
of these form trends actually hold up in terms of
usability? Let’s take a look, starting with forms
inside modals.FORM MODALS
Placing forms inside modals and having them appear
dynamically seems like an obvious solution to an
otherwise overly complex situation. After all, forms
don’t take up any significant amount of space, so
why do they need their own dedicated URL? Actually,
there are several reasons.ABOUT THE AUTHOR
DANIEL
SCHWARZ
w: https://uxtricks.design
t: @mrdanielschwarz
job: Editor-in-chief at UX
Tr i ck s
areas of expertise:
Product design, UX, design
tools