iPhone, iPad & Browser Wireframe Templates

Posted by in Design on November 22, 2011

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.

 

  • Pingback: Speckyboy – Resources, Tutorials and Freebies()

  • http://gonemanaging.wordpress.com Alan Huffman

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

  • http://www.nilock.com 左撇子

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

  • Pingback: Wireframe Templates für iPhone und iPad()

  • Pingback: Weekly Design News – Resources, Tutorials and Freebies()

  • http://www.justinmind.com/prototyper/free-edition Victor

    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.

  • http://ytmnd.com/ Boris

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

  • http://ux.saggezza.com Brad Antcliff

    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

    This is really Awesome …!!!

  • http://www.terraformcorp.com Ainslie

    great job…Thanks for posting this informative blog…