As designers, it’s our job to make sure those experiences are usable and accessible to everyone, forms included!All forms are different, and depend on their audience, industry, and product/service. It also ensures that they provide a better answer on their first try, which reduces the cost of additional communication after the form is submitted.PJ: Oh, that’s okay. We’ve tested this across all kinds of lead generation forms, from webinar registration forms to B2B enquiry forms, and consistently we’ve found multi-step forms out-perform generic single-step forms.For mobile users, it was even more difficult. Well, exactly that's what happens with bad form design …
Otherwise, users may not be able to see where to tap.As a side note, iOS devices will zoom in when any text below 16px is tapped, but not if the text is 16px or above, as it’s deemed unnecessary.Ever noticed how, when using a mobile device, the phone displays different keyboards depending on which question you’re asking? If it isnât appealing, no one is going to fill it out. Sometimes the ‘.com’ button displays, while other times a date selector comes up?When asking for credit card details, for example, ask for information in the same order that it typically appears on the physical card (credit card number, expiry date, security code).For an example of how not to do this, see UPS’s form in the tip below.If you plan on using blinking cursors, animated progress bars, gifs, or anything else that flashes, ensure that they do not flash more than twice per second. And so like, on a lot of the, like, websites, I put my name. For mobile form design, they’re awesome and you should use them. Instead, it’s better to have one single field with clear formatting guidelines in the placeholder.I have even seen this same approach used to let users ‘scan’ their credit card, instead of having to fill out their credit card information manually.Also, starting your progress bar with some progress already made increases the number of people that use the form.If there’s a lot of variation in how users answer a field (for example, responding to phone number with +12345678912, +44 12345678912, 012345678912), your programmers should use a rule that converts these to a consistent format on your end.There are likely a number of reasons why people might feel uncomfortable using your forms. Then make a list of all of the questions that you intend on asking in your online form.Making online forms should be more than just taking a paper form and making it digital. We also recommend including a shortcut to sign up with a social media or Google account.The goal of any form design UX is to collect data from your visitors.
We are looking for a Senior UX Designer to join our product team, working on building a complex SaaS B2B platform. Using familiar labels and layouts will save you and your visitors time.Removing site navigation will also increase the chances of your visitor staying on task. Unfortunately, there’s a lot of mandatory information that must be asked that can confuse users.The risk of accidentally deleting all of the information you’ve entered outweighs the small convenience of having to start again.