Design

4
Mar 10

Give No Explanation


David Hockney once said, “It is very good advice to believe only what an artist does, rather than what he says about his work.”

A similar sentiment was conveyed by my graduate school mentor, Marvin Harden, who asked that we not speak about our own work during critiques. Instead, our classmates and, of course, Professor Harden himself, would give us their thoughts on what we were showing.

Obviously, one’s initial impulse is to argue, to explain, to defend. But, as Professor Harden always reminded us, if we are fortunate enough that our work is someday shown in a place of prominence, we won’t be present to explain it to every viewer.

Some will argue that it’s important to know what the artist was thinking, but do we ask ourselves what the chef was thinking before he prepared our meal? Do we ask what the composer was thinking? No, we eat, we listen, we judge.

The idea that artists’ words are more important, or as important, as their work is a recent phenomenon, and in many ways parallels the movement from work that is easily assessable by the average person to work that is more abstract, both in form and meaning.

As art moves from the realm of accessibility to obscurity, the tendency is to blame the masses. “They just don’t get it,” is a common refrain. But, if they don’t get it, explanations won’t necessarily help.

For commercial artists, i.e., designers, this is not a new concept. We don’t defend our work: we present it, and await feedback. We hope people see in it what we want them to see, and if they don’t, then we ask ourselves where we went wrong. We don’t assume that our explanations will suffice. They won’t.

Artists might take a cue from designers: being clever is all well and good, but when clever gets in the way of meaning, you’re no longer an artist, you’re a performer, and your work is a prop. Stop relying on explanations and make sure your work speaks for itself.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
17
Feb 10

Cinema Redux Print

Brendan Dawes' Cinema Redux Print


Coudal is selling what I think might be one of the coolest prints I’ve seen. Here’s their description of it:

“Brendan Dawes’ very special limited-edition based on our unending obsession with 2001: A Space Odyssey. Brendan explains, ‘A specially written piece of software takes a tiny snapshot of the film every second. Each row contains sixty of these frames, representing one minute of film time. This process continues for the whole movie resulting in an image that becomes greater than the sum of its parts, in effect creating a unique visual fingerprint of the film.’ Kubrick geeks must have this.”

In particular, I liked Dawes’ description:

“Cinema Redux is an attempt to make a physical visual representation of an entire movie in the hope that you can show the world – or the visitors to your home at least, your passion for a certain film. Not just a certain scene. Not just one single frame. But the entire film, represented in a new visual form, a kind of cinematic DNA. It’s made entirely from a digital ‘machine’ process. But it’s made for an analog ‘human’ world.”


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
25
Jan 10

More Wireframe Tools

HotGloo

I’m in the middle of a project using mockflow. I’m pretty impressed with it. However, I’m also trying HotGloo, as well as Mockingbird which is great for quick sketching.

And, my friend and colleague Graham turned me on to FlairBuilder last week. While many of these apps are very similar, they all have certain strengths and weaknesses that make them more or less desirable. I’m beginning to conclude there may not be a perfect tool, but many depending on the job. Makes sense.

In any event, I’m free from Visio (doesn’t run on a Mac anyway) and Omnigraffle (not really a dedicated wireframe app).

I intend to post a comprehensive review of these tools and a recommendation sometime in the first quarter of 2010. I’m sure you’re all waiting with bated breath.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
21
Jan 10

Siouxsie

I see you, Siouxsie.


The iconic Siouxsie and Banshees album cover…just great design, and ageless.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
13
Jan 10

What Type Are You?

Apparently, I am New Alphabet from Wim Crouwel.

Pentagram has a developed an online psychoanalytic tool (the password is “character”) to help you determine which typeface best represents your personality. It’s four simple questions, and the format of the test will surprise you.

According to this, I am New Alphabet form Wim Crouwel. (Here is Mr. Crouwel from the movie Helvetica describing how he came up with New Alphabet.)

I’m not sure what this says about me, but here is the description of New Alphabet from Wikipedia (my bolding):

New Alphabet is a personal, experimental project of Crouwel. The typeface embraces the limitations of the Cathode Ray Tube technology – used by early screens and phototypesetting equipment – and thus only contains horizontal and vertical strokes. Conventional typefaces can suffer under these limitations, because the level of detail is not high enough. Crouwel wanted to adapt his design to work for the new technologies, instead of adapting the technologies to meet the design. Since his letter shapes only contain horizontals and verticals, some of the letters are unconventional, while others are difficult to recognize at all. Because of this, the typeface was received with mixed feelings by his peers.

Most of the letters are based on a grid of 5 by 9 units, with 45-degree corners. There is no differentiation between uppercase and lowercase. Many of his peers were of the opinion that the design was too experimental and that it went too far. So much so, that it got a lot of newspaper coverage, which sparked a lively debate. For Crouwel it was mostly a theoretical exercise, ‘The New Alphabet was over-the-top and never meant to be really used. It was unreadable.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
3
Jan 10

Ugliness Degrades Usability

Would you trust these tools and calculators?

I often tell people that a good-looking site is also a more usable site. My reasoning goes like this: a major factor in usability is trust. If you don’t trust a site, you’re less likely to use it. In other words, ugly visual design is similar to an overly-complex layout: it prevents people from progressing through the site.

Take the example above: this is the tools and calculators page on Geico’s website. While these tools are very useful, I had to scratch my head at first. Could these tools be reliable, when they look like this? The fact that the site is presented to me by Geico gives me confidence, but if this were the site of a firm which I was unfamiliar with, I’d be much less likely to trust it, and therefore I’d probably take my business elsewhere.

Essentially the same type of content; does it seem more usable?

People sometimes like to remind me that Craigslist is a bit ugly, and it’s very usable. But if you really consider it, Craigslist’s design is just bare bones; beyond that, the design is very clear and functional. In fact, the simplicity of the design is useful and appropriate for a search site. But would I trust my money with a financial institution whose site looked like Cragislist? Probably not.

While design is not everything, it is something, and it shouldn’t be overlooked.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
2
Jan 10

Wordle

Wordle is cool.

Wordle will generate those interesting word-cloud images you see around the Web from words you paste or URLs you provide. On top of that, you can modify a lot of settings to customize your image. The cloud above was generated from the words on the home page of this blog as of January 2, 2010.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
30
Dec 09

Tennis Anyone? Anyone?

In 2003, I entered a Layer Tennis competition (aka Photoshop Tennis) hosted by the venerable Coudal Partners and sponsored by Adobe.

The serve, awaiting a response...

To my surprise and delight, I was selected as a finalist. Then, for no apparent reason, the competition was halted…indefinitely.

...and my response. (Those invading aliens were made from street lights!)

Well, I naturally assumed that if the competition ever picked up again, I’d be back on deck. Alas, no. The competition was brought back in 2007, several great matches ensued, and then it went away again. And, I never got to complete my set.

It seems as though those of us whose sets were interrupted mid-match oh-so-many years ago will never get our day in the sun!

Ah, well. It was fun when it happened. Maybe there’ll be another competition soon. Or maybe I’ll just start my own.

Some links on the subject:


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
24
Dec 09

The Pee Fly Solution

Two truisms:

  1. The most effective solution to a problem must acknowledge human behavior
  2. The simplest solution is usually the best solution

Aim here.

In a practice that began over 20 years ago, urinals around the world are starting to be engraved with one small black fly each. Why? Because it’s a known fact that men like to aim when they urinate, so all you have to do is give them something to aim at and you have a great chance of reducing spillage. In fact, Schiphol Airport reports an 80% reduction in errant urine since the fly urinals made their debut.

Sure, someone like an enterprising James Dyson could have redesigned the urinal as a baroque suction / capture device that ensured a significant reduction in overspray. But the plain and inescapable truth is that men like peeing on things, and the best way to get them to stop missing their mark is to give them a target.

The urinal fly.

In other words, the inventor of the fly urinal — Dutch maintenance man Jos Van Bedoff — didn’t try to change human behavior; instead, he happily adapted to it and found an elegant, simple, low-cost solution to the problem.

And that, ladies and gents, is great design.

Related links:


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
15
Dec 09

No Degree Required

They didn't go to college.

They didn't complete college.

Last year during a guest lecture at The New School I said that while I think having a great college on your resume is important, as a designer it’s the work that matters most.

During the question and answer session, a teacher raised his hand and said, “I’m skeptical. I find it hard to believe that you would actually hire a designer who didn’t have a college degree of some sort.”

So, I told him and the rest of the audience a true story…

Several years ago I interviewed a designer who had a terrific portfolio. At some point during the interview, his education came up. It was pretty obvious from some other facts that he hadn’t attended university. Finally, after being pressed, he admitted that he didn’t go to college at all, but figured I wouldn’t interview him if he didn’t have a degree.

First, I told him that if he was going to lie, make the lie plausible. Don’t put one of the best design schools on your resume when it’s so easy to verify.

Next, I asked him how he’d come to be a designer in the first place. He told me that living and working in New York, he saw terrific, inspiring design all around, and he figured he could do it as well. So he learned the software, read a lot of books, exposed himself to a lot of great work, and started designing things himself. At first, it was small stuff, but over time he built quite a nice portfolio.

At this point I said, “That is a far more interesting story to me, far more compelling, and tells me far more about your character and your desire to be a designer than what school you went to. This isn’t rocket science or surgery; a design education can happen outside the classroom.”

Of course, he asked if I’d still consider him for the job. I told him that was impossible; I can hire someone without a college degree, but I can’t hire someone who would misrepresent himself so blatantly during an interview.

After telling this story, the teacher again piped up. “So, you’re saying you’d actually hire a designer without a college degree? Seriously?”

I said, “There are things that you can teach your students in a more structured environment, and perhaps at a more accelerated pace, than they can learn on their own. But you should never underestimate the power of a self-motivated learner. And, yes, I would have hired that designer that day, if he hadn’t lied to me.”

Education is great, but nothing compares to a curious mind.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
26
Oct 09

10 UI Design Fundamentals

Here is a quick summary of the 10 fundamentals of UI design from Carsonified. In particular, I like the quotes from known experts.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
30
Aug 09

What’s Old is New

Web sites go retro

Web sites go retro...

Like the gently soothing hiss of the turntable needle skating over some old vinyl LPs, many designers are seeking refuge from the sterile perfection of the modern design aesthetic. They are finding inspiration in a tone of retro quirkiness.

Everything from typography, color palette, imagery, and simulated paper textures help recreate the tactile and imperfect perfection of designs past. These backward looking designers are applying this retro feel to everything from flyers and posters to entire Web sites, as the subject matter dicates.

Retrolicious.

As do posters and flyers!

What I marvel at, however, is that so many young designers, most of whom never even experienced this retro art firsthand, are so adept at re-synthesizing it decades later. I’m sure there is a lot of wholesale copying going on, but it says something about the nature of that original art that its spirit, and not just its effects, are appealing to modern sensibilities, beyond mere nostalgia. It seems designers past were able to convey a sensibility of time and place, and were not just applying an arbitrary aesthetic.

And in this realization, I wonder if our own jellybean aesthetic will be so revered in, say, 30 or 40 years. Will things have become even more minimalist and shiny, or is this meta retro trend a sign of future design movements? Will we continue to push for less less less, or will there be a re-enchantment with more more more?

And another thing: there is some irony in all of this. Much of the inspiration for this retro design work would have been labeled, in its time, “modern.” Perhaps, then, we are always chasing what’s next, and sometimes relying upon what’s past to help us get there.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
26
Aug 09

Information that Engages

Not only informative, engaging.

Not only informative, engaging.

We are in a new age. The interactive graphic has killed the humble pie chart. Graphical displays of complex information needn’t be flat and abstruse; instead they can be entertaining and engaging and, therefore, far more effective.

Many examples of this new breed of infographic can be found online, including this lovely example of what people were doing in 2008, courtesy of the New York Times. Here are some other examples:

The lesson is this: when presented with the chance to tell a story with facts and figures, consider not only the graphical presentation of the information, but opportunities for the user to interact with that information as well. Doing so will allow users to go from passive to active, greatly improving the odds that they will also be engaged in the information exchange.

Do you have other examples? Please let me know!


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
10
Aug 09

Albers Designs for Microsoft?

Josef Albers and some of his paintings

Josef Albers and some of his paintings

The logo in question

The logo in question

Acccording to engadget, Microsoft is in the midst of a trademark application for their new retail store logo. The amazing thing is that the artist who designed it, Josef Albers, has been dead since 1976.

Well, of course Albers didn’t actually design the logo, but it’s hard to ignore the striking similarity between Albers’ paintings and the new retail store logo.

I wonder if the design of the retail stores themselves will bear striking resemblances to someone else’s?


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
14
Jul 09

My New Site

mmcwatters

Well over a decade ago, I launched my first portfolio Web site at www.mmcwatters.com; since then, there have been at least five or six iterations, each of which demonstrated my thinking about what makes a good user experience at the time.

This latest site is no exception; it reflects my belief that a deep information experience needn’t require several clicks or page loads. In this design, I’ve tried to embed a lot of information into just one page. This structure reflects what I am also urging many of my clients to do: present information in rich displays, rather than singular droplets. Abandon the page metaphor (for the most part) in favor of the dashboard approach.

This latest iteration of my site would not have been possible without the expert technical help of my good friend and colleague, Carl Lorentzen.

So, if you have a free moment, please stop by and let me know what you think.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS