<< back to blog

Get that sketchy look in your GUI mockups

creativity

15 Sep, 2008

I love the rough sketchy look when it comes to idea sketches, GUI wireframes and paper prototypes.

OLPC Wireframe Sketch

This is much more fun than this more rigid way of presenting wireframes:

Blog normal wireframe

Despite being visually pleasing, I also believe the sketchyness seen in the first image serves another purpose:

Keeping yourself in ideas mode

That is, whilst sketching and discussing, the limitations of the tool reminds us that we’re not trying to reach perfection.

It reminds us that we’re exploring. The tool won’t let us be perfectionists, so we have to focus on different things. The tool channels us into thinking at a different level of abstraction.

What about software support?

Unfortunately most prototyping/wireframe software doesn’t seem to embrace the sketchy look.

In fact, I’ve only seen one that does it natively. It’s called Balsamiq Mockups.

Balsamiq Mockups

View more examples

Someone also has produced a cool stencil for Omni Grapple (Visio like tool for Mac OSX). These produce quite a cool result:

Omni Grapple Wireframe Stencil

What do you think?

Personally I enjoy seeing wireframes like this. They communicate that the diagram is rough, both during and after their production.

You may also like...
New App for Writing Documents Online
PDF Output With yUML, And Other Things...
Awesome Pencil and Paper iPhone Prototyping
yUML Diagrams Look Cool On GitHub
yUML Scruffy Hand Drawn Look
Get that sketchy look in your GUI mockups
Why are paper sketches so cool?
Elite Game Artwork Scans

kick it on DotNetKicks.com
blog comments powered by Disqus