Design better experiences Get started free
InVision Enterprise Learn more
The world's smartest companies use InVision

The world's smartest companies use InVision Enterprise Edition

UI/UX

The value of consistent design

by

on

View all posts

To many designers, consistency doesn’t scream sexy. But to anyone with an understanding of user experience, there couldn’t be a bigger turn on.

When someone visits a site for the first time, that’s a new experience. You can make the experience look and feel the same as others but, ultimately, it’s different because the core product is (hopefully) different. While I don’t believe in walking through the motions, the less a user has to learn during a new experience, the better.

We should design with this in mind.

Consistency makes users feel comfortable

Anyone who tells you their product was a success because of the intuitive design they created is overselling their skills. There’s no such thing as intuitive design. We are socialized to understand our experiences. Any “intuitive” design is simply a combination of signifiers and affordances we’ve come to understand from previous experiences.

We didn’t grow up knowing that a hamburger menu means more options. Heck, we didn’t even know it was called a hamburger menu until someone told us. Why would anyone unfamiliar with the concept ever assume that a stack of 3 lines is called a hamburger menu?

Image by Vanessa Grass.

Image by Vanessa Grass.

But the hamburger menu, like many other signifiers that we’ve learned over time, is a universally understood design asset we should use to our advantage.

I’m not saying we should copy and paste with no thought to it, but, as designers, we should definitely take the time to understand why something is designed the way it is, why it’s understood so well, and how we can leverage this knowledge in the products we create.

It’s our job as designers to understand why something works and make it just different enough to be new and interesting.

Consistency saves time and money

I’ve written about how to create modular design, and consistency is just another reason to do so. Modular design is consistent, and consistent design is modular.

When you have a consistent design, there’s no arguing about what something should look or feel like. This isn’t to say our designs should be inflexible, but there should be a defined reason behind the experiences we create.

“There should be a defined reason behind the experiences we create.”

Once we define a look and feel, it’s much easier to build off that core and adapt in the future while maintaining consistency. This means we spend less time in meetings and more time building. And when we sit down to build, it means spending less time trying to decide how to make things different for the sake of being different—and more time focused on building the product we envisioned.

design collaboration and feedback group

Products need to be fun, enjoyable, and, at times, delightfully surprising. Over time, our products need to evolve. But all of our decisions should be rooted in reason in order to maintain consistency.

Beautifully consistent

Ultimately, great design is invisible because it’s consistent and familiar. Not because it’s mindnumbingly beautiful. And not because it’s an exact copy of what has previously been created. Great design is consistent and familiar because of an interesting combination of both.

Beautiful consistency is a nod of respect to your users. It tells them you care about the ease of their experience but you also want it to be fun to play with and visually appealing as well. Creating beautiful consistency comes with a deep understanding of the fundamentals of design and the reasoning behind a user’s experience.

“Beautiful consistency is a nod of respect to your users.”

It’s our job, as designers, to make consistency sexy. That doesn’t mean exact replication. And that doesn’t mean making art. It means making people feel comfortable and delighted, simultaneously. Doing this well takes practice.

Win the war against boring

It’s absolutely fair to argue that consistent design can be incredibly boring. It’s also valid to say our internet is slowly turning into one big, bland space of mobile-first squares and rectangles in order to achieve consistency. And I completely agree.

“Great design is invisible because it’s consistent and familiar.”

But we can be consistent without sacrificing beauty—we just have to work a little harder to make it happen.

Image by Leo Leung.

Image by Leo Leung.

Anyone can make a site of squares and rectangles consistent and mobile-first, but that’s not what you were brought on to do—and you know that. Ask yourself what you can do to give your product an edge. Challenge yourself to fight boring—every day. Your users will appreciate it.

How to be consistent

Consistency, while incredibly valuable, isn’t difficult to achieve. One of my favorite e-courses on how to create great UI design is Fundamental UI Design by Jane Portman of UI Breakfast.

Here’s a few tips from the e-course on how to make your design consistent:

  • Introduce strong visual hierarchy, with the most important things big and bold
  • Align everything nicely along the grid, or introduce any other kind of visual order
  • Use a consistent color scheme throughout the app
  • Keep the navigation consistent across all screens
  • Re-use the same elements for different situations. For example, design a sample notification and color-code it for different situations.
  • Consistency and structure will help the user feel at home
  • Consistency should be built into the foundation of any design. Only the best designers will recognize what’s been done, but everyone who enjoys the product will appreciate it—whether they notice it or not.

    CTA for those not in hs to DO UI kit
    CTA for those not in hs to DO UI kit
    Author

    Joe Toscano
    Experience designer for R/GA's Google team in San Francisco, CA. Joe plans to change the world with a smile, design and some code. If you want to keep up with what he's doing outside of InVision, follow him on Twitter or Medium!

Join over 2 million designers

Who get our content first.

No sales pitches, no games, and one-click unsubscribe.

Over 2 million designers
get our newsletter
every week

Find out why

Get awesome design content in your inbox every week

Just like over 2 million of your fellow designers do.

Plus get 3 free downloads, just for signing up.

Give it a try—it only takes a click to unsubscribe.

Thanks for signing up!

You should have a thank you gift in your inbox now—and you'll hear from us again soon!

Prototype better experiences with InVision

Just like over 2 million of your fellow designers do.

I agree to InVision's Terms of Service.

Want a free t-shirt?

Join the 2 million+ designers who get our newsletter weekly for your chance to win!

We hate spam as much as you do, and you can unsubscribe anytime.

Double your chances to win!

Tweet and automatically get a second entry

Tweet Now

No Thanks

Stay in touch!

We share news, freebies, and more on Twitter.