iPhone, iPad & Browser Wireframe Templates

Since we’ve been doing a lot of iOS work lately, we’ve come up with these 11×17 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.5×11″ version that’s easier to print off if you have a smaller printer.

 

Comments

  1. Pingback: Speckyboy – Resources, Tutorials and Freebies

  2. Alan Huffman    January 24th, 2012 at 02:59pm

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

  3. 左撇子    January 25th, 2012 at 05:03am

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

  4. Pingback: Wireframe Templates für iPhone und iPad

  5. Pingback: Weekly Design News – Resources, Tutorials and Freebies

  6. Victor    February 24th, 2012 at 07:54am

    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.

  7. Boris    March 2nd, 2012 at 05:40pm

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

  8. Brad Antcliff    August 26th, 2013 at 12:43pm

    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!

  9. Prashant Vyas    October 29th, 2013 at 07:43am

    This is really Awesome …!!!

  10. Ainslie    October 24th, 2014 at 09:36pm

    great job…Thanks for posting this informative blog…