User Experience Pattern - One Thing Per Page


One of the project I’m working on involves a three column page layout. The problem with this page was it had too many widgets on each column. Although, the design was well thought of, I had to explain to my client the “One Thing Per Page” UX pattern.

Attached below are snippets from my email to my client which explains what is “One Thing Per Page” and how is it beneficial to our project.

What does “One Thing Per Page” mean?

“One Thing Per Page” pattern is about splitting up a complex process into multiple smaller pieces, and placing those smaller pieces on screens of their own.

Why is it beneficial?

  1. It reduces cognitive overload.

Remember the first time you saw a complicated algebra equation? It was a jumble of symbols and unknowns. But when you stopped to break it down and isolate the parts, all that was left was the answer.

2 ( 4y + 1 ) = 3y 8y + 2 = 3y 5y = -2 y = -⅖

It’s the same for users trying to finish a task. If there is less stuff on screen and only one choice to make, then friction is reduced to a minimum. Therefore, users stay on the task.

  1. Mobile-first design

Imagine users using a tablet and poking through the small right column or left column. Simplifying interactions makes it easier for users to use the mobile version of the website.