10.11.10 - Windows Phone 7 Wireframe Paper Sketch Template

Windows Phone 7 Wireframe Paper Sketching Template

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!

  • Features
  • 8x11 in. paper size
  • Actually device and screen size
  • Project Fields. I.e. project name, date, page x of y, screen titles, notes
  • Blue template lines as used in graphing and architecture drawing paper

Download the PDF template for free.

By Matt Lacey October 14, 2010 - 7:59:57 AM

Someone else has also done a similar thing at http://jakubflorczyk.pl/wp-content/uploads/2010/05/windows-phone-7-idea-sheet.pdf

By Scott Fletcher October 14, 2010 - 8:34:25 AM

I made some of these, too.  Give me a pencil and paper over a ‘prototype tool’ any day.
http://www.unthinkability.com/?p=469

By Michael Bach October 14, 2010 - 9:07:04 PM

@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.

By Michael Bach October 14, 2010 - 9:09:37 PM

@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.

By Cory Fowler December 06, 2010 - 12:39:43 PM

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!

By Michael Bach December 06, 2010 - 12:44:44 PM

@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

Commenting is not available in this channel entry.

Quote of the day

“My country is the world, and my religion is to do good. ”

- Thomas Paine

← archives

Reading is good

Books I’m currently reading or recommend that are part of my permanent collection.

← bookshelf