Sketching is helpful. It’s fast, it’s cheap and it really helps you hone your ideas. There’s something about the crude and organic feel of getting your ideas out using pen and paper that digital tools just can’t seem to match. With digital tools, many times the tool takes hold and it causes you to fixate on everything BUT getting as many ideas out of your head as possible.
You get caught up in the details. Color, alignment, spacing, grid, default controls, style, etc. You start the visual design process before thinking the basics through. Balsamiq gets close in helping you keep focused but it still sand boxes you into using only what’s available in the tool. It can’t fully represent the breadth of every UI pattern or control used. Digital tools have there place, but it’s not at the beginning of the ideation process.
However, sometimes you need some help speeding things up - some visual guidelines to help you sketch faster and more accurate from sketch to sketch. Something to help you take accurate notes, visualize the size of the device you’re designing for and track the sketches and ideas as they pile up. This is where paper templates come in handy.
I’ve been doing quite a bit of sketching and prototyping for a few Window Phone 7 applications I’m working on and needed a template to help keep things organized.
I searched far and wide and found great solutions for the iPhone and Web browsers but nothing for Windows Phone. So what to do? Make one.
It’s been quite useful and I’m making it available here to download for all you aspiring Windows Phone developer and designers. Start you sketch engines!
“My country is the world, and my religion is to do good. ”
- Thomas Paine
← archivesBooks I’m currently reading or recommend that are part of my permanent collection.
← bookshelf
Someone else has also done a similar thing at http://jakubflorczyk.pl/wp-content/uploads/2010/05/windows-phone-7-idea-sheet.pdf
I made some of these, too. Give me a pencil and paper over a ‘prototype tool’ any day.
http://www.unthinkability.com/?p=469
@Matt - Thanks for sharing! Maybe I need some better googling skills. However, it’s still missing a bit of details that I wanted to have. I’m also not partial to the heavy lines and black as they tend to over power the sketches.
@Scott - I really like the solid lines and the opacity options you gave. I would suggest adding something similar to what I did for project names and screens as sketching was one goal of me making these templates, but also a way to try to keep things organized as the sketches pile up.
I tried downloading the PDF sheet, but it seems to missing from your dropbox.
Could you email me the PDF, I really like these sheets.
Thanks!
@Cory. Thanks for noticing. I fixed the dropbox issue and you can download it now. http://dl.dropbox.com/u/30813/wp7-sketch-paper-template.pdf