How-to

“User-centered design was born in the 1980s, amidst a world filled with frustration with blinking VCR clocks and computer command lines. Up until this time, developers focused on making the devices work, giving little heed to how they’d be used. Terms like “user friendly” and “easy to use,” buzzwords for the UCD movement, soon became as common as “new and improved” on laundry soap.Fast forward 25 years and it now seems the foundations of user-centered design are now disintegrating. Notable community members are suggesting UCD practice is burdensome and returns little value.

There’s a growing sentiment that spending limited resources on user research takes away from essential design activities. Previously fundamental techniques, such as usability testing and persona development, are now regularly under attack. And let’s not forget that today’s shining stars, such as Google, Facebook, Twitter, and the iPod, came to their success without UCD practices.Is it time for user-centered design to evolve into something else? Or is there something else happening in our world of experience design that makes UCD obsolete? Should something else occupy the center of design”

Journey to the center of Design with Jared Spool. Watch the videos!

[click to continue...]

For years and years I’ve had students approach me with this very question. “My other instructors keep telling me to ‘think outside of the box’ just what does this mean? It makes no sense to me!!” Of course the obvious connotation is just “produce something unexpected” but to a design student it’s not that cut and dry. Students are typically insecure and worried about producing work that misses the mark and asking them to step outside of their comfort zone is a big deal. So how do we as instructors (or even as a Creative Director) explain and demonstrate this?

One popular assignment I’ve done in class for the last 10 years is that I ask the students what their favorite band or musician is at the moment. I then ask them to design a poster or t-shirt graphic for the artist in a completely contrasting style. For example, if they said they liked Metallica I would have them produce a concert/tour poster for the band in a country and western style. If they said they liked Justin Timberlake we would then produce a death metal inspired poster for the pop singer. The great thing about this exercise is that the students would REALLY like their final piece. As we found out, the brand of the band (sorry) shined through our attempts at diverting their personal image of the musician and still communicated well. Their eyes opened to the possibility of communicating through contrast.

Happy Fish Logo

I have had many assignments throughout the years that were challenging but some much more than others. I recently asked my class to design a logo for an a local pet store. The store’s main focus was on the sale of exotic fish and custom aquariums. The major hurdle was that they could NOT use any representation of an aquatic animal, plant, coral or make use the color blue in any shape or form. The inital moaning and groaning was deafening. The result were very unique and original logos. Where they the best solution? Some yes and some no. The point is to get the student outside of their comfort zone so they can say “Hey, it’s not so bad out here!”. By approaching learning this way students are able to expand their comfort zone while still providing viable solutions to a graphical or interactive problems.

To me, thinking outside of the box has always meant “contrast”. To produce something unexpected you need to first think of it’s complete opposite. Inhale the obvious and breath out the unexpected. There are varying degrees in which to do this but the end result is the same. Contrast is what attracts us to virtually everything we find worth sharing and worth communicating. It’s everywhere in popular culture from movies and TV show to art and design. Let’s look at some familiar examples.

Music:

Weezer

Weezer’s “Pork and Beans” is a great example of taking some of the most popular internet “celebrities” and have them lip sync their song. Many of these “celebrities” are known for their bad performances so the contrast here is pretty obvious.

Weezer – Pork And Beans from universalmusicgroup on Vimeo.

Weird Al

Weird Al has done nothing but contrast his nerdy persona into multiple personalities his entire career. By taking a popular “gangsta rap” song and re-imagining it for the Amish world, Weird Al shows us that just when you thought you saw it all… your not even close. One of his most popular songs, “White & Nerdy” follows the same formula that has worked for him over and over again in the past and most certainty will in the future.

Other notables: The Beastie Boys, Beyoncé, Danger Mouse, Madonna, Kanye West, etc.

Art:

Andy Warhol

Andy Warhol was the master of contrast in art. His worked as probably sparked more arguments over “what is art” than anyone else since Pollock and Picasso. His brilliant view of the world of consumerism pushed his creations into the absurd and forever changed the way we all look at graphics vs. art. He contrasted what people were seeing everyday in popular culture into high art. Hence the title “Pop Art”.

Andy Warhol Quote From Wikipedia: “What’s great about this country is that America started the tradition where the richest consumers buy essentially the same things as the poorest. You can be watching TV and see Coca Cola, and you know that the President drinks Coca Cola, Liz Taylor drinks Coca Cola, and just think, you can drink Coca Cola, too. A coke is a coke and no amount of money can get you a better coke than the one the bum on the corner is drinking. All the cokes are the same and all the cokes are good. Liz Taylor knows it, the President knows it, the bum knows it, and you know it.”

Dadaism

Of course I’m going to go there and why not? Dadaism had a big effect on art and graphics in the twenty century. Straight out of Wikipedia:

Dada or Dadaism is a cultural movement that began in Zürich, Switzerland, during World War I and peaked from 1916 to 1922. The movement primarily involved visual arts, literature—poetry, art manifestoes, art theory—theatre, and graphic design, and concentrated its anti-war politics through a rejection of the prevailing standards in art through anti-art cultural works. Dada activities included public gatherings, demonstrations, and publication of art/literary journals; passionate coverage of art, politics, and culture were topics often discussed in a variety of media. The movement influenced later styles like the avant-garde and downtown music movements, and groups including surrealism, Nouveau Réalisme, pop art, Fluxus and punk rock.

Dada was truly one of the first “multimedia” arts that embraced all channels and allowed for true and uninhibited exploration in art.

Bansky

This video should explain what you need to. If you don’t have time then this quote from him should explain. “Think outside the box, collapse the box, and take a fucking sharp knife to it.” Bansky.

If you haven’t heard of Bansky or seen any of his work then I suggest you do so. Now. For fun check out Poster Boy as well.

Other notables: Jackson Pollock, Pablo Picasso, Frida Kahlo, Shepard Fairey, Jeffrey Koons etc…

Movies:

Movies with contrasting plots and storyline usually make it to the top of the heap. Don’t believe me? What if Harry Potter knew he was a great wizard from the beginning of the movie? How about if we knew Darth Vader was Luke’s father before we saw the first Star Wars movie? Did you guess they never actually left Earth? What if we knew Bruce Willis was dead the whole time? In creative writing is referred to as “tension” or “conflict”. Main characters must change in the course of a story to make it a story thereby creating conflict and contrast.

Other notables: Pulp Fiction, Lawrence of Arabia, SAW, Tron, Slumdog Millionaire, Weird Science, Taxi Diver, Forrest Gump, The Wrestler,  any David Lynch film and a ton more…

These are just a few examples of communicating though contrast in popular culture. How about you? What examples can you share in regards to “thinking outside of the box”?

So you want to be more creative, in art, in business, whatever. Here are some tips that have worked for me over the years.

1. Ignore everybody.

2. The idea doesn’t have to be big. It just has to be yours.

3. Put the hours in.

4. If your biz plan depends on you suddenly being “discovered” by some big shot, your plan will probably fail.

5. You are responsible for your own experience.

6. Everyone is born creative; everyone is given a box of crayons in kindergarten.

7. Keep your day job.

8. Companies that squelch creativity can no longer compete with companies that champion creativity.

9. Everybody has their own private Mount Everest they were put on this earth to climb.

10. The more talented somebody is, the less they need the props.

11. Don’t try to stand out from the crowd; avoid crowds altogether.

12. If you accept the pain, it cannot hurt you.

13. Never compare your inside with somebody else’s outside.

14. Dying young is overrated.

15. The most important thing a creative person can learn professionally is where to draw the red line that separates what you are willing to do, and what you are not.

16. The world is changing.

17. Merit can be bought. Passion can’t.

18. Avoid the Watercooler Gang.

19. Sing in your own voice.

20. The choice of media is irrelevant.

21. Selling out is harder than it looks.

22. Nobody cares. Do it for yourself.

23. Worrying about “Commercial vs. Artistic” is a complete waste of time.

24. Don’t worry about finding inspiration. It comes eventually.

25. You have to find your own schtick.

26. Write from the heart.

27. The best way to get approval is not to need it.

28. Power is never given. Power is taken.

29. Whatever choice you make, The Devil gets his due eventually.

30. The hardest part of being creative is getting used to it.

31. Remain frugal.

32. Allow your work to age with you.

33. Being poor sucks.

34. Beware of turning hobbies into jobs.

35. Savor obscurity while it lasts.

36. Start blogging. (Or Twittering, what have you got to lose?)

37. Meaning Scales, People Don’t.

37. When your dreams become reality, they are no longer your dreams.

Via: GapingVoid

In my travels throughout the Internet I am always looking for ways to improve my own skills and understanding of the way people interact with websites and applications. Below are some grids and patterns I’ve found that can help you visualize your information before you open Photoshop and start picking out fonts.

Remember, unless you know what your message is first don’t bother picking out the wallpaper!

Click here to download a PDF version of the above.

Thanks to http://theresaneil.wordpress.com for this set of commonly used screen patterns for all you usabilty and wireframe needs!