Archive for the ‘Graphic Design’ Category

On having bad taste

February 19, 2013

iStock_000003249838XSmall

Some people just have bad taste.

I’m not talking about my husband’s affinity for bluegrass.  I get that some people like bluegrass.  It’s not my thing, but I can appreciate it as an art form.

No, I’m talking about indisputably bad taste, like Sam’s love for McDonald’s.

Forgetting for a moment that there’s a toy involved (because that would sway even the most discerning five year old), Sam is very much in love with McDonald’s.

For some reason, Dave decided to start taking him there once a week after school for a snack.  That’s weird because:

  1. the Dave I know wouldn’t be caught dead inside a McDonald’s, and
  2. while Sam’s been a frequent guest at Starbucks since his fourth day on earth, we’ve rarely taken him to McDonald’s before now.

Anyway, he’s under the McDonald’s spell.  So much so that sometimes he tries to trick his Dad into thinking it’s Friday even when it isn’t (which is easier than one might think).  Or he’ll ask to switch McDonald’s day to…today.  Whatever today might be.

So what?

A certain percentage of adults also have frustratingly bad taste.

There’s rarely any way to explain, let alone talk these people out of having bad taste.  There are as many reasons for it as there are people in the world.

The toy is just the beginning.

The perks of being a designer

One of the perks of being a designer is that, while you occasionally have to overhear the Allman Brothers Band* squeaking through somebody else’s headphones on the metro, I am forced into close orbit with these people pretty much every day.

Yay.

Here’s how it typically shakes out:

  1. “Here’s what you should do.”
  2. “Oh, you don’t like it? Let me just try to convince you why I’m right.”
  3. “I can see you aren’t buying it.  Let me just explain it one more time.”
  4. “Do you want fries with that?”

My wish for a new superpower

I would like a new superpower, and it’s this: I want to be able to see you coming.

*No offense to anyone who likes sitting in the dirt staring at animated mushrooms spinning around and around while the same song drones endlessly in the background.

The 7 x 3 rule

November 28, 2011

One of the earliest and most basic steps in planning a website is to define your navigation.  How many main pages will you have?  And how many sub pages?  And how many sub sub pages?

Here’s a little rule I live by: 7 x 3.

Seven

Each menu on your website should have no more than seven items.

Why seven?  Because, as a rule, seven is the maximum number of items a person can keep in his head at once.  This is why phone numbers have seven digits.

Why does this matter?  When a person interacts with your menu, he creates a virtual map of your site in his head.  This helps him remember where he’s been and where he still needs to go.

“Okay, I’m in the About section now.  And there are six other sections, and I generally know what they are.”

Sure, he probably doesn’t say that out loud.  But he’s comfortable.

When you have 14 items in your menu, danger!  Your user will  forget where she’s been.  She’ll get confused, nay, lost.

Three

Your website should have no more than three layers of navigation:

  • Main Menu
    • Sub Menu
      • Sub sub menu

That’s IT.

Again, people like three. They can hold onto three.  Three makes sense.  Four, five or six do not make sense.

That’s not enough pages!

Really?

Seven items in your main navigation.  Each of those has seven items underneath of it, and each of THOSE has seven items underneath of IT.

73 = 343 items

What are you, Amazon.com?

If you are, thanks for reading my blog!  Tell your friends!

If not, consider this:

Even Amazon lives by this rule.  Mostly.

Amazon's Category Navigation

Nine departments.  I can give them that, can’t you? They genuinely have a really big site.

Each of the departments has a manageable number of items underneath.  Under books, we have six.  Others have more, but they also have dividers in between to help you chunk items together in your head:

Home and Garden Nav

13 items, but they’re organized into 4 groups.  Which is almost like a third level of navigation.

All of this is to say that, even if you’re Amazon.com, you still pretty much play by these rules.

You probably don’t browse departments like this when you use Amazon, but if you did, you’d have a reasonably happy time of it.

It’s Navigation, Not Pages

So you’ve got up to 343 items in your navigation.  Remember, this does not necessarily equate to 343 pages on your site.

If you have an ecommerce site where you sell thousands of products, you’re going to have more than 343 pages.  But while your departments may be in your navigation, each product won’t be.

And if your site’s really that complicated, you’re going to need to lean on your site’s search capabilities anyway.

This rule is for you.

I’ve never met a site I couldn’t fit into the 7 x 3 rule with a little creativity.

It’s well worth the effort to give your visitors the best possible experience.

The Uncertainty Principle and You

October 19, 2011
Photo by Andreas Wetterberg

Photo by Andreas Wetterberg

In quantum mechanics, the Heisenberg uncertainty principle states a fundamental limit on the accuracy with which certain pairs of physical properties of a particle, such as position and momentum, can be simultaneously known. In other words, the more precisely one property is measured, the less precisely the other can be controlled, determined, or known. (Wikipedia)

It’s not just about quantum mechanics anymore.

Don’t you find this principle at work in your life?  The more you know one thing, the less you know another?

I’ll Give You An Example

Say we’re designing a flyer, and the job of that flyer is to get people to register for an event.

We deliver the flyer to the client and say, “Do you like this flyer?”

The more the client is thinking about liking the flyer, the less he is thinking about the job the flyer is supposed to do.  Ruh roh.

Say We Ask a Better Question

Say that, when we deliver the flyer design, we say, “Do you think this flyer will get people to register for your event?”

This isn’t much better, because our client, who is not a strategic designer, does not have the knowledge base to know whether or not this flyer will do the job we want it to do.

No matter how we phrase the question, he’s going to get distracted by the color of the header, or the fact that we used Fabio’s picture as a placeholder.

Educate them!

Should I explain to my client that the image at the top primes the reader emotionally so that he’s more likely to respond to their message?  And that the position of the headshots will pull the reader’s eyes across the page and down to the big fat “REGISTER NOW!” call to action?

Hmm, tricky.

Then the client is thinking about the mechanics of the design a little too much.  Feedback will be too focused on the nuts and bolts and not enough on feel.

Don’t educate them?

What’s wrong with letting people react to something however they’re going to react to it?  If we present a design that’s strategically flawless, and we can get them to pretend that they’re the recipient of the piece, won’t that tell us everything we need to know?

Sadly, no.  The client’s response to the piece is colored by the fact that he is evaluating the piece.

What’s a girl to do?

In the end, there’s no fool-proof way to present a design, just like there’s no good way to measure the position and momentum of a particle inside a hydrogen atom.

The Secret to Great Design

March 15, 2011
Photo by Bekah Stargazing

Photo by Bekah Stargazing

Get your pencils ready. I’m about to reveal the secret to great design:

Great design is invisible.

Think about it.  We all know what bad design looks like: clashing color schemes, too many fonts, not enough white space, boring one-size-fits-all layouts.

What does great design look like?

What’s that?  You know it when you see it?

Exactly.

Last week, Matt and I presented a set of designs to a client that, frankly, kind of knocked my socks off.  As we were preparing for the presentation, I started noticing all the little touches that made those designs special.

I realized, to my dismay, that the client could glance at any of those designs, with their perfectly placed drop shadows and carefully calibrated textures, and said, “I don’t like the photo. This one’s out.”

He would never know (or care) that the previous and next buttons on the product scroller are that shape because it lends a certain elegance to the design that otherwise would have been lacking.

He doesn’t know that the photograph he supplied, with its soft, textured background, inspired a whole design that was about his products being homemade.

And that’s our greatest challenge as commercial graphic designers – creating art that we know will be rejected, and probably for all the wrong reasons.

It’s a tough gig.

Graphic design is a tough gig, because you never know how long it will take to hit on just the right idea.

Because clients can’t see you sweating it out at all hours, they assume that the idea came to you in seconds and that you simply had to draw it out.

They don’t understand that you may have spent days feeling your way through the design, while you were fixing dinner, or changing a diaper, or buying groceries. That you’ve given over half of your brain to their project for a period of days or weeks while you weighed dozens of options.

How do you put a price tag on that?

What to do?

There’s nothing to do but to go on surrendering our brains to the project and creating complex designs that we know are destined for the wastebasket.

Because the more sophisticated the design, the less the client will appreciate its sophistication.

Because great design is invisible.

I always know we’re on the right track with a design when the client starts talking about content. It means they didn’t notice the design and that’s just what we want.

A design you notice is a bad design.  The fact that you notice it gets in the way of the communication it’s supposed to support.

So we’ll keep on adding all those little touches, even though they are unappreciated, because that’s how we create great design. We make it look easy because that’s the only way to create designs that get the job done.

We’ll just have to trust you to know it when you see it.

Why you should care about design

January 18, 2011

I’m looking at you, serious business person.

Do you believe that graphic design is just fluff wrapped in cleverness?  Maybe you believe you’d get as much business from writing your phone number on a paper napkin and handing it out at a Miley Cyrus concert as you would from redesigning your website.

Of course pretty isn’t enough.  But strategic design supports your business objectives.  Here’s how:

1. Strategic design reflects your professionalism.

If you’re suffering from a six year old website that you built yourself in FrontPage, or you’re using a free WordPress theme that doesn’t quite line up right, you are not making a good first impression.

This kind of goes without saying, doesn’t it?  If you look small time, people will think you’re small time.  If you don’t pay attention to the details when you present yourself, how will prospects know you’ll pay attention to the details when you’re working with them?

You wouldn’t show up at an important presentation wearing a hand-me-down tie your dad bought in 1972. Don’t let outdated or bad design be a challenge you have to overcome.

2. Strategic design supports your brand.

Your brand is everything that distinguishes you from your competition, including that pesky bit of jargon, “look and feel.”

Design is an important opportunity to communicate your brand on a subconscious level.  If you sell chainsaws to lumberjacks, but your color scheme and photos and the shapes on your site all scream “butterflies and kittens,” that’s not going to resonate with your target audience (unless they happen to be in a Monty Python skit).

More subtly, if your company is supposed to be on the cutting edge of its field, and your website doesn’t embrace a modern web aesthetic, your visitors will be puzzled.

And you say: “Please, Ann.  Nobody’s going to notice that I don’t have a modern web whazzihoozit!”

You’re right.  They won’t notice.  But something will feel off.  You won’t quite seem trustworthy.  You won’t seem to know what you’re talking about.

Not the look you’re going for.

3. Strategic design helps to communicate your message.

When your design is appealing, your message has a better chance of getting through. Text content that’s wrapped in an engaging design is more likely to get read, or at least snacked on.

Think about it.  Last time you picked up a prescription, did you get a brochure that was all teeny-tiny black print on white paper with no margins?  Did you read that thing?  Of course not.

Compare that to the brochure you picked up at the car dealership: all shiny with pretty pictures of your dream car.  You probably keep that thing on your bed-side table.

That’s the pretty part.  Taking it a step further, strategic design also helps get your content read in the right order:

  • If you have multiple audiences, you can use strategic design to sort them to the right message quickly.  Group A gets attracted to this, while Group B gets attracted to that.
  • If you have a complex message, you can take people through step by step, but only if the design supports that action.  In other words, you need to get people to need to click in the right place.  That’s what strategic design does for you.

So how do you know?

You’re not a designer. So how do you evaluate a designer?

Start with style.  Find a few designers you like. But don’t stop there.

Look for strategic thinking.  Ask your potential designers to explain the choices they made.  Every design element should have a purpose.

If a designer can articulate why she did what she did, she’s more likely to be able to translate your strategic objectives into a design that works.

Message first, design second

May 23, 2010

Recently, I had the good fortune of pitching a great prospect for a website redesign.  The client came prepared with a packet of wire frames and site outlines.

“As you can see,” he began, “we’ve done a lot of preliminary work.  What we’re looking for is an artist who can creatively communicate our mission, core values and competitive advantage.”

“Great!  I’m your girl,” I replied.  “Now, on which page can I find your mission, core values and competitive advantage?”

You guessed it.  A whole packet on what it should look like, but not a word about what it should say.

This actually happens all the time.  Usually, clients aren’t quite as organized.  That is to say, I don’t even get a packet.  But that’s okay, because to me, figuring out the message is the fun part.

In the Merriam-Webster dictionary, the first definition for communication is this:

1: an act or instance of transmitting

This implies that, in order to have communication, all you have to do is transmit the message, that is, stand on the street corner and shout.  This is what we’re doing when we’re only thinking in terms of wire frames and site outlines but, intuitively, we know this isn’t good enough. I like the third definition better:

3a: a process by which information is exchanged between individuals through a common system of symbols, signs, or behavior

or even better, this one:

3b: personal rapport

Both of these definitions imply that communication requires a sender and a receiver.  The transmission itself is not sufficient.  So as you consider redesigning your website or brochure or blog, answer all three of these questions:

1. Who are you?  What are you about? (Nobody struggles with this one).

2. Who are you trying to influence with your message?  What do they care about? (Getting harder).

3. What will influence those people to do what you want them to do, i.e. become a subscriber, buy your product, sign-up for your seminar, use your service?  (Ooh, that’s the toughie).

By answering all three of these questions in advance, you’ll give your designer the ammunition he or she needs to create a design that’s not only technically brilliant, but also gets to the heart of what you do and who you serve. And that’s how you get to great design.

There, isn’t that better?

Would the real puce please stand up?

May 21, 2010

A couple of days ago, I was watching Blues Clues with my son.  There was this trippy bit with all these colored dots flying around.  At first I thought I was having some sort of twinkie-induced flashback, but then I realized that Joe was trying to explain what chartreuse is.

So which of these is chartruese?

Which one is chartreuse?

That’s right, kiddies.  Chartreuse is combination of yellow and green.  Well done!

This reminds me of that bit from Monsters, Inc., where Mike is trying to tell Sully what to do with all the colored forms.  “Leave the puce!” he says.  And Sully mutters, “What the heck is puce?”

So what the heck is puce?

Which one is puce?

Did you get that one?  It’s number 2.  Not really a proper color for any sort of form, is it?  Yes sir, puce is a sort of sickening brownish, grayish red.  Ever wonder where that came from? Wonder no more: puce is French for flea, and the color puce is the color of a flea that’s been sucking on your vital fluids a bit too long.

Yum!

I mention chartreuse and puce because it occurs to me that our vocabulary of color names is pretty lame.  Once we get beyond the colors of the rainbow, we’re left with reddish-brown or orangey-yellow or bluish-green.  Even when we have a word for a color, we can’t seem to agree on it.  Imagine the color maroon.  Is that lighter or darker than burgundy?  See what I mean?

All of this color confusion makes things complicated for designers, who very much want to please you.  So next time you ask for pink and get salmon, take it easy on us.  We’ll get there eventually.


Follow

Get every new post delivered to your Inbox.

Join 49 other followers