November 22, 2011 - 10 comments

iPhone, iPad & Browser Wireframe Templates

Since we've been doing a lot of iOS work lately, we've come up with these 11x17 wireframe templates for iPhone and iPad (as well as a web browser one for kicks) to help speed up the sketching process.

While there are a ton of iOS templates floating around the internet, we found that they all were lacking certain features that we find necessary during our wireframe process.

Inside our templates you'll find fields for the project name and date to keep things organized as well as individual screen names to keep track of where you are in the project. A big part of iOS design is indicating transitions between screens, so we've left some space in between each wireframe to let you indicate what that transition is. Under each frame we've also includes a couple lines for you to jot down some quick notes if necessary.

If you look carefully inside each frame, you'll notice that we've created a subtle grid to help you line everything up. There are also darker notches that indicate where the typical status bar, nav bar and tab bar lie on each device, as well as where the keyboard is when it's popped open.

 

Try them out for yourself and let us know what you think in the comments below. If there is enough interest, we'll work on an 8.5x11" version that's easier to print off if you have a smaller printer.

 

Published by: Bryan in Uncategorized

Comments

Alan Huffman
01/24/2012 at 2:59 pm

Nice job. I’ll give them a run. Printable version would be nice. Cheers, A

左撇子
01/25/2012 at 5:03 am

Wow, nice work, I’ll give it a try. Thanks!

Victor
02/24/2012 at 7:54 am

Here is a good prototyping tool to prototype ipad apps http://www.justinmind.com/prototyper/free-edition it’s completely free and great to build clickable mockups for web and mobile apps. It has a good collaboration feature as well.

Boris
03/02/2012 at 5:40 pm

I like the way you approached this, made a lot of sense to me.

Brad Antcliff
08/26/2013 at 12:43 pm

This is exactly what I’m looking for in a template I can print off and use to sketch with. I love the screen name, notes fields and transition space. I would be interested in an 8.5 X 11 version. The usable iPhone space in the current version is a bit small when you print to those dimensions. Please let me know if you develop that version. Thanks!

Prashant Vyas
10/29/2013 at 7:43 am

This is really Awesome …!!!

Ainslie
10/24/2014 at 9:36 pm

great job…Thanks for posting this informative blog…

Leave a Reply