Design for Art or Clarity?

When creating images for digital or print, an important distinction must be made regarding our reasons for creating the image in the first place. A painter or photographer might create art for personal or artistic expression alone. But if you are creating images to communicate a message, market a product, or promote an action, then whatever distracts or confuses from your message or purpose should be avoided. The whole basis of this Information Design blog is to help us to understand the distinctions needed for using the abundantly available technologies of digital creation. A typical user of creative apps and software is not automatically prepared for user- or audience-centeredness just by learning the technology of making an image. Too often, the images created by novices appeal to the designer’s (or a similar someone’s) taste, preferences, or biases, rather than to what is meaningful to the audience. Unless the creator is the sole audience for it, an image needs to have accessibility, in other words, user-centeredness, at its core.

In this ID blog, I have already touched on purpose, audience, and clarity of message several times. Those posts are good reminders that the ever more easily accessed software tools and apps for creating and editing images for our everyday and business use must be seen in terms of who the image is for, what are we trying to communicate, and will the message get through the image.

Too often, we get distracted and start asking ourselves or our friends how we like a color, shape, placement, or font, without thinking about what an intended user will think about it or how it will look to them. Sometimes we don’t even ask, “Who is my audience?” or “Why am I making this?”

To illustrate this point: take color-blindness.

How do we design for color blind users?

There are several different kinds of †color blindness, but the most common ones relate to how the viewer sees red and green. *There are about 330 million men in the world (12%) and almost 20 million women (0.5%) with color blindness. How often do we think about how well this fairly large demographic sees our images?

It is fairly simple to check our images to see how they will look to people with color blindness. A number of browser apps allow you to upload your image to check how it would appear to a person with one of the several types. Any image saved to a JPG or PNG can be uploaded §for free to check that the image is clear or at least acceptably close to how you hoped it would look. Perhaps upon checking, some color changes might improve the image for the color blind without requiring a complete design makeover. Making those changes might make a big difference to the appearance of your image for the user. You’re unlikely to completely avoid every issue, since several types of color blindness seem to have almost the opposite visual effect from others. However, giving it a try to be sure that your font color, for example, has the proper contrast to a background color will make a big difference if you want someone to read your action button and buy your product.

Another accessibility issue to consider, and here color blindness can also provide a good example, is that before you even choose the colors for your image or brand, you should see how those colors look to people with color blindness. I have used the great free app,, to select brand colors and colors for images. This wonderful app allows you to generate whole color palettes with the Hex code and other numerical identifiers, and to export the palette image for your use. I would encourage anyone to run their palette through the Coolers’ colorblindness viewer, which can be found at the top menu once you have created a palette (i.e., the colorblindness viewer is found by clicking the icon that looks like a pair of glasses, see Figure 1), from there, you will be able to view the colors from various color blindness types.

Figure 1: With see your brand palette through the eyes of those with color blindness.

For example, one might create a call-to-action button using two brand colors. The color distinctiveness required for the user to read what action was requested might be obscured for a person who is color blind so that they are unable to take the action you are hoping to encourage. The text might be readable, but the colors might be “yucky looking” for your user and discourage them from your site. As you can see from the following pictures (Figure 2) from the Healthline blog, what seems like a nice colorful set of surfboards will appear very differently to a colorblind eye.

Figure 2: Normal vs protanopia (If you have protanopia, you’re “red-blind,” which makes red colors look greener.)

It is unlikely that you can create images perfectly viewable to every user, particularly with color blindness. Too often, though, image creators don’t do any research about this issue and only design for their own tastes and preferences—yes, their own biases—which makes their image designs fall short of the mark when it comes to good design and user-centeredness. Artful design might please one’s own sense of artiness, but will not necessarily reach the audience for your intended message.

* According to the World population statistics of male and female,

† See also the very detailed article on Color blindedness on Wikipedia,

§ Here is one such browser app where you can check how your image appears for various types of color blindness. Or, Google, “How can I tell how my image looks to the color blind?” to find more options.

10 Commandments of Usability

The 10 Commandments of Good Website Usability, Jacob Nielsen’s “10 Usability Heuristics for User Interface Design,” are not actually commandments at all, but rather heuristics, or a kind of exploratory underlayment for creating guidelines for usable design.

Commandments or not, ignoring these principles should only be done purposefully, not out of ignorance. Everyone who designs information packages that might find their way onto the web (What information packages won’t find their way onto the web?) should know these usability principles and apply them as needed in their designs. You need to have good reasons not to follow established design principles for usability—and you must be objective, not subjective, in your approach. Don’t just say, “I don’t need that. I know what I want.” Too often those who create websites or write content for them don’t know good principles for user-centered design. At some point in the future, I hope to put together a blog series to help us flesh out how these specific principles. In the meantime, the 10 Commandments of Usability will help us form a solid foundation for creating good user-centered communication.

The audience or user is the center of what goes on in any communication, because

to communicate is to transmit information, thought, or feeling so that it is satisfactorily received or understood.”

When you communicate, you impart information to someone; you share that discreet unit of information—from you to other—so that you can have commonality with whoever receives it.

Once received, the ideas about the communicated information may change from the intended purpose of the sender, for example, the person receiving the communication may accept the information as factual or reject it as false; may be enraged or impassioned by it; may be swayed to act or discouraged from acting; may seek for more information or be satisfied with what they already know. Communication is a much more difficult and troublesome event than simply posting, saying, or writing something. Communication is not information upload.


Communication is not mechanical upload.

The mechanical approach (input > output) to communication has been all too common, however, and there are no signs that this is really changing, despite the availability of online information.  True, businesses and other entities, including individuals, increasingly are concerned with users and audience; we should be glad about that. Information about how to do a better job of designing for users is so much more accessible these days. For example, Nielsen’s Heuristics are easily found in multiple places online and, in fact, you can sign up to receive regular academically researched articles and updates from the Nielsen–Norman Group to improve your familiarity with usability principles. I would encourage you to do so.

The chance to become a better communicator on every level, including writing and designing for the web, is made much more accessible because of the Internet, everyone knows that. However, the broadening of the accessibility has also made the availability of web creating tools more pervasive and so has spread bad design and insensitivity to audience farther and wider than ever before.

How can these 10 “not-commanded” Commandments of Usability be useful to us generally in our day-to-day communication acts?

Can those people that find themselves creating content—whether on the web or anywhere else—find any principles that bring value to us when we create our designs? I hope to write a series of blogs in this year to discuss how these 10 principles apply to our communication events and designed artifacts.


“Communicate.” Merriam-Webster, n.d. Web. 28 May 2016.

“Abbott & Costello Who’s On First.” YouTube. Koch Entertainment, n.d. Web. 28 May 2016. <;.

Mind reading machine. Digital image. N.p., n.d. Web.

Abbot and Costello’s “Who’s on First?” (08:03)