|
Last week, I attended a design crit. One designer shared a multi-step form - here’s what one of the pages looked like: Here’s the last step: Another designer raised a concern that all the change links under “Applicant details” go to the same page. She said: “I’ve seen issues in the past because every change link takes you to a page that has multiple fields. For example, users can get confused when they select to change “emergency contact name” but when they arrive on the page they only see the first few fields for title, first name, middle name, last name etc” She’s right. Users expect to arrive on a page that matches the link they just clicked. If it doesn’t match, it can be disorientating. Don’t get me wrong: the user will probably be able to muddle through if there’s just a few fields, but it becomes a bigger issue if you have a lot of fields. One designer proposed having just one change link: But this is a problem because:
Now maybe you don’t think these issues are a big deal. Or maybe you think these issues are the lesser of two evils. But it would be much better to just split the fields into separate pages. That’s why a key rule of form design is: Start with one thing per page. In case you haven’t seen this rule before, putting one thing on a page helps users:
And so much more! The rule says start with one thing per page and merge pages together if research shows that you need to. So you start from this position and then see when it doesn’t work. But in the last 10 years I’ve watched 100s of usability tests. Do you know how many times research has shown that one thing per page doesn’t work during that time? Once. Do you know how many times I’ve seen issues caused by putting multiple things on a page? Countless. I spoke to forms expert, Caroline Jarrett, who came up with the rule in the first place and she said: “This is why you should just use one thing per page.” She’s not wrong. But I told her that she was wrong to name the rule start with one thing per page because 99% of the time you want to end with one thing per page too. She didn’t disagree. And so I’ve decided to rename the rule to: End with one thing per page. Yes, there are exceptions to the rule but they occur approximately once every 10 years. If you’d like to learn how to design forms that start and end with one thing per page, you might like my course, Form Design Mastery: https://formdesignmastery.com Cheers, |
Join 10,000+ designers, content designers and engineers who get my free weekly newsletter with evidence-based design tips (in 3 minutes or less). Mostly forms UX, but not always.
Last week I listened to episode 10 of the Complimentary podcast, “Taking Interaction Design from Good to Great”. Anthony Hobday, one of the hosts, gave an example of applying for a driving license on GOV.UK. He said that instead of asking you to upload a photo, the form said: “We notice that you’ve already got a passport with us. Do you want us to use your passport photo for your driver’s license?” You just click ‘Yes’ and move on. Anthony said this design is “next level”. I agree. The best...
I’ve just listened to Rick Beato break down “What’s My Age Again?” — Blink-182’s second biggest hit. Funnily enough, he kicked off his "What Makes This Song Great?" series with their biggest hit — "All The Small Things". One person commented: I can’t believe you started the series with All The Small Things when it’s all the small things that makes the song so great. In the chorus of “What’s My age Again?”, Rick points out how most bass guitarists would play continuously, but Blink-182 left a...
I’ve just listened to Rick Beato break down “What’s My Age Again?” — Blink-182’s second biggest hit. Funnily enough, he kicked off his "What Makes This Song Great?" series with their biggest hit — "All The Small Things". One person commented: I can’t believe you started the series with All The Small Things when it’s all the small things that makes the song so great. In the chorus of “What’s My age Again?”, Rick points out how most bass guitarists would play continuously, but Blink-182 left a...