Make your own cutout Windows Phone 7 prototype, feel like a kid again!

Posted on Friday, May 28, 2010 by Malatesta

Just can’t wait for a Windows Phone 7 device? Here’s the next best thing: use this paper cutout made by Swedish software developer Jayway. Simply download and print out the .pdf file (other formats available) and off you go.

Now on a serious note, this was actually made by a developer for developers so they can get a better idea of how their program would look like on a “life-sized” device instead of a 24″ high-resolution monitor. In this case, the Jayway team was interested in font size. Basically you can print out your images of your test application and smack them on. Or even cut out slits and have a pull-through panorama style experience.

(Hint to Microsoft: developers really want prototype devices sooner than later!)

For us, we’re going to print one HUGE one out so we can walk around NYC, reenacting those ‘Trigger Happy TV’ bits (must watch) “Heeello! What? Yes the iPhone is total rubbish

Windows Phone 7 series paper prototype

May 27th, 2010 by Håkan Reis.Net

Håkan Reis

mockup

I was trying to figure out what text size to use on the Windows Phone to make it readable. After using the 24” monitor where I get a “big ass” phone, also known as a .Pad :) ,  I realized that it’s not going to work.

So I started out a little quest to find some data around the phone and what dimensions you could expect. However, there are no single specification around from Microsoft, so the actual size of the screen may vary. Searching around web brought very little technical specifications, but you know a few facts: It’s going to be 480×800 pixels, and 16:9 form factor on the screen. So I did a couple of educated guesses and assumed a 3.8” screen. Interesting enough, this told me that it actually is going to have a whopping 240dpi resolution, that’s close to a an old laser printer, and in full color – amazing.

miniSo on to the mockup, as soon as I got the dimensions right I started to print out a few pages, checking fonts and sizes (and got a surprise by how small the texts and icons got in the actual size). I used the skin from the emulator as base. Next, I wanted to get a feeling of it in the hand as well, so I started adding some depth. A few minutes later I found myself creating a cut-out paper prototype you see to the right here.

If you like you can cut out some slits  and do a left/right and a top/bottom sliding version. That way you can even use it to user test panoramic and pivot applications as well as that big sliding home screen.

So here it is the Windows Phone 7 series paper prototype (PDF and PSD format), enjoy.

Updated: A few other printouts added, XPS and PDF for both Letter and A4

Windows Phone 7 series paper prototype (zip with psd)
Windows Phone 7 series paper prototype (zip with XPS and PDF for Letter and A4)

Håkan Reis
Consultant at Jayway

Leave a Reply