Comments on: 18 Great Examples of Sketched UI Wireframes and Mockups

By: Eunice

Eunice — Thu, 15 Dec 2011 00:09:28 +0000

Just need to get over the fact I can’t draw

By: Patrick Ashamalla

Patrick Ashamalla — Wed, 11 May 2011 03:56:27 +0000

I just stumbled across this post through another article and noticed one of my wireframes was on here. Just wanted to say thanks for the mention!

By: James

James — Wed, 19 Jan 2011 02:02:34 +0000

These are some great sketches. I to make mockups and they are very useful for clients to see something visual.

By: DJ Ben

DJ Ben — Sun, 16 Jan 2011 08:00:38 +0000

I definitely didn’t realize people where still using the old pencil and paper to sketch out web designs… Looking at the above examples makes me want to include this in my own process – I’m tipping my sketches won’t look as good as all the above. A great collection, very inspiring!

By: richtaur

richtaur — Sat, 15 Jan 2011 05:30:21 +0000

Really inspiring! I’ve been using my tablet for everything lately but sometimes you just can’t beat pen & paper.

By: Jamie Jones

Jamie Jones — Sun, 24 Oct 2010 22:32:45 +0000

Great article. Thanks

By: Fransgaard

Fransgaard — Tue, 28 Sep 2010 14:20:53 +0000

Good to see the pen(cil) is still mighty (^_^)

By: Heynoon

Heynoon — Tue, 17 Aug 2010 14:03:19 +0000

thanks. very cool examples for prototyping.

By: renee

renee — Mon, 02 Aug 2010 14:18:15 +0000

thank you.
Very nice.

By: John Moore

John Moore — Tue, 13 Jul 2010 10:16:06 +0000

Interesting discussion on the merits of low fidelity wireframes vs high fidelity wireframes – although in this case its quick sketching vs most of the lovingly crafted ‘high-fidelity’ artworks. I agree with some of the earlier comments – that the most important part of the sketching process should be getting ideas out of collective heads and onto paper as quickly as possible to evaluate their feasibility – in as little detail as needed for broader project team / client discussion.

The well documented process that Adaptive Path have socialised is a great example of this process in action
http://www.adaptivepath.com/ideas/essays/archives/000863.php

More recently Tyler Tate on UXBooth has explained his iterative design process through low fi to hi fi to prototyping which gives a great summary of the kind of design thinking we use at *experience.
http://www.uxbooth.com/blog/concerning-fidelity-and-design/

Do what you need to get ideas out early but dont overdo it – and as Tyler suggests – know which medium will get you to your next stage quickest.