Categories

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

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!