Decoupling Usability and Visuals

Usability and visual design are two areas that are heavily dependent on each other. They affect each other dramatically and each requires an understanding of how people will use and visualize the content. Pulling them apart, where possible, is a great way to understand how they impact the overall design and reduce the time and energy wasted in your creative process.

Design is often seen as a subjective and creative pursuit. I tend to agree, but feel that the more subjective and detached you are from specific strategic goals, the more problems will arise. If there’s any ambiguity regarding how something should be used and how visuals are incorporated to your advantage, you should expect a lot of waste.

Usability and visual design are two areas that are heavily dependent on each other. They affect each other dramatically and each requires an understanding of how people will use and visualize the content. Pulling them apart, where possible, is a great way to understand how they impact the overall design and reduce the time and energy wasted in your creative process.

Thoughts on usability

I’m careful not to claim that usability is about making things easier to use—that’s not giving usability enough credit. Helping people work through a certain idea or scenario can prepare them for information that would have normally been ignored or misunderstood. In a strange way, extra steps can sometimes create value.

Purposely making things difficult without reason is clearly a poor strategy. I just want to illustrate that usability can be much more sophisticated than reducing an interaction’s complexity. Sometimes a back-story and context is required to get someone to care.

For example: When was the last time you actually thought about what a fortune cookie said? It’s one of the simplest interactions possible, contains some pretty valuable content, and comes in a cookie.

He who hurries cannot walk with dignity… Yea, whatever. Gimme another cookie!

Thoughts on visuals

Managing perception seems to be a forgotten aspect of design. I rarely hear it brought up on web design blogs, journals, or in presentations. There’s almost constant chatter about optimizing forms and making navigation systems look cooler, but rarely do any of these tips or tricks seem to be associated with a goal of getting person X to think of company Y in Z way.

Providing visual cues as mental short-cuts is another incredibly under-appreciated aspect of design. A great example in newspaper design is the consistent use of section identifiers so that they are always in the same spot with the same color and size. This lets people rely on visuals to quickly communicate meaning without needing to search, analyze, or think.

The visuals of a website should influence a certain point of view or attach meaning to elements on the page so you don’t have to explain the same details over and over again. This can bring a sense of stability, quality, and trustworthiness that may be impossible to convey through the content alone.

Pulling them apart

Usability and visuals can easily weave into each other. Giving an element of a website a certain color to make it easier to realize something can fall into each category. It’s still worth the trouble to think about every aspect of a design and determine what it’s for.

Look through all the areas of a design meant for usability and see if you can expand, consolidate and simplify. Do the same with the visuals. If there’s anything that doesn’t seem to fit into either category, it may be a good idea to remove or rework it.

This can get messy since a good usability plan rarely remains intact after meeting a good visual plan, and vice-versa. Still, you might be surprised how much clarity and purpose can be distinguished from creativity and inspiration with this exercise.

Making design more objective

The creative side of design is great, but can be a terrible crutch. Requiring your team or audience to accept anything based on your creativity is a very arrogant expression of self-importance. Thinking your creativity as more relevant than a solid strategy is ridiculous. Thinking your creativity can make up for a lack of strategy is also ridiculous.

I doubt any designer in a single lifetime can become 100% objective about everything. The world of design is too complicated and abandoning inspiration and creativity isn’t the goal. Harnessing usability and visuals to create meaning and value is.

About the Author

Dan Ritzenthaler

Daniel Ritzenthaler is a web designer and consultant at Wurkit. He spends most of his time helping companies become more useful, usable, and desirable online. It’s safe to bet he’s reading the rest of the time. Follow his tweets via @danritz for more updates.

Related Articles

11 Comments

  • Jonathan Reply

    I absolutely agree with your comments about “Managing perception seems to be a forgotten aspect of design”. However have “we” as designers/architects become so ingrained to our own lexicon that our customers are lost when they hear “user experience” or “usability”? To that point as a user experience designer isn’t it my job to not confuse the customer? Good article, good topic!

  • Serena Reply

    Great article, completely agree! Thank you :)

  • Jae Xavier Reply

    your last paragraph brings an important point.

    in an analogy…

    there are DJ’s that

    - play for the crowd and never for themselves (followers)

    - play for themselves (idealists)

    Headliner DJ’s play for the crowd and for themselves (trendsetters)

    well written article :)

  • Martin Chaov Reply

    Yep, I hate when my colleagues designers are designing for them or just for the sake of design.

    Anyway, good article. It was pleasure to read it.

  • Parcel Reply

    Yes I agree and also, objectively a high number of people will favour good design over poor design. So, it could be argued that good design appeals to objectivity.

  • Joshua Lay Reply

    Great article Daniel,

    It boils down to understanding the whole purpose of the site. Sometimes people keep driving on forgetting what it’s all for.

    A pretty site will help with visits. But one lacking any purpose for the user makes it useless.

  • Dan Reply

    This is why people have started talking about “user experience” instead of just usability or design. It’s important to recognize the difference between visual design and usability, but they’re not siloed, distinct considerations.

    Usability is just part of the picture. People make snap judgments about interfaces based on initial visual appraisal. They likewise refine their opinions through ongoing interaction. Clearly most people won’t use a horribly broken interface… but people simply like to use attractive things more than ugly things, and will even give up some “usability” to get an experience that feels good.

  • Eleanor Holmes Reply

    Agreed, nice way of explaining things. Seems like such a simple topic that gets overlooked too often.

  • nik c Reply

    I think this is a very good article!

    For me this is where site wire frames come in as super-useful. Working your site strategy and objectives into a good, usable wire frame for the site will ensure that your designer has got something very meaty to work from. This also makes it very easy for me as a producer to get his or her cooperation and ensuring that the site is not a design egotrip but someting that goes hand-in-hand with the objectives of the site!

  • Jens Reply

    Why is everything in life overload. Life is a game. Have fun.

  • yescando Reply

    great article – i think all web developers should take note!

Leave a Comment on This Article