Sketchy Wireframes



I really like using a sketchy visual theme for wireframes. They purposely convey a feeling of roughness. Incompleteness is actually a good concept to leverage when you still have mockups to build later.

Microsoft Visio may not be the best tool for wireframing, but it suffices. To make it even better, Henrik Olsen and Niklas Wolkert built some fantastic templates and sketchy "shapes" for Visio. Jonathon Abbot created an additional template that improves upon this work. This template combined with the Hand of Sean font (or some of these other web designer fonts), can create great results. I have posted my own Visio file as well.

UPDATE: Per Jonathon's comment, I am now giving proper credit to Olsen & Wolkert.


1 comments:

Jonathan Abbett at: 12:38 PM said...

To be fair, I merely refined the work of Niklas Wolkert and Henrik Olsen. Glad to see the stencils in use!

Post a Comment

Aaron Hursman
Aaron Hursman is a passionate user-advocate who is lucky enough to do what he loves for a living. As a user experience architect, he applies user-centered design principles and techniques including user research, persona development, information architecture, storyboards, wireframes, prototyping, visual design, graphic design, interaction design, and usability. Aaron has a background in web development, enterprise applications, and the social web. At nGame, he is applying his craft to design and build the next generation of enterprise software. Aaron is available as a speaker and author upon request.
Disclaimer: The information in this website is provided "as is" with no warranties, and confers no rights. This website does not represent the thoughts, intentions, plans or strategies of my employer. It is solely my own personal opinion. Inappropriate comments will be deleted at the authors discretion. All instructions and code samples (if any, ever) are provided "as is" without warranty of any kind, either express or implied.
Loading...