End with one thing per page


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:

  1. The change link may be very far away from the thing the user wants to change.
  2. The user has to move back up the page to spot and get to the change link. (Not an issue when each row has its own link)
  3. If one of the rows isn’t editable, the change link makes it look like it will be.

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:

  • Find their way through an unfamiliar or complex process
  • Focus on the specific question and its answer
  • Use a mobile device to fill out the form

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,
Adam

Design tips to help you create products that are ridiculously simple and accessible to use

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.

Read more from Design tips to help you create products that are ridiculously simple and accessible to use
Me holding a sign saying "Test boring patterns first."

Last week, someone paid me to review their form flow. One thing they wanted advice about was interruption pages. Coincidentally, the following day the GOV.UK Design System added the interruption page pattern. Interruption pages are designed to pause the user within a journey - usually to warn them about a possible mistake or give them important information before they continue. Here’s an example from the GOV.UK Design System: It has: An h1 heading to ask a simple question A paragraph to...

Me holding a sign saying, "We all have fuzzy edges."

Last week, Kate Ivey-Williams, the Head of UCD on my programme, asked me: “What do you think your role is as a designer?” I said: “Errr... I design products that are easy to use... errr... I realise that’s a rubbish answer...” Kate saved me: “Don’t worry, I put you on the spot” But even so, as a designer you should be ready to be put on the spot because: If you aren’t able to explain what you do, it’s much harder for your teammates and stakeholders to value what you do. I messaged Kate later...

Me holding a sign that says, "Good UX is holistic."

Last week, I ran a live training on file upload UX. Every day leading up to the event, I was stressed, constantly thinking: “Shall I just purchase one month of Zoom?” Let me explain: I use Circle to run my courses and it comes with something called Live Rooms. It’s like Zoom. But Live Rooms is better than Zoom because: it’s quicker and easier to set up for me it comes with my Circle subscription for free it automatically posts the recording afterward the call it has better UX for my students...