Mockapp.com has created both Keynote and PowerPoint templates of iPhone UI elements, and has made them available as free downloads. Say you had a dream in the middle of the night about the most awesome iPhone app that, to your surprise, no one has thought of yet. Instead of waking up in a deep sweat and scribbling said ideas on paper, you could dream them up on Keynote.
After mapping out your concept on Keynote, you could then pitch it to others in a Keynote presentation. The Keynote and PowerPoint templates include alerts, the iPhone keyboard, arrow icons, buttons, as well as a host of other UI elements.
In the spirit of Open Source, I have posted some iPhone Paper Prototyping and Design templates, and you can Download The .Zip File Here.
There are two layouts, and both layouts are in PDF and Viso (VSD) formats.
Feel free to download and tweak them as needed.
Have fun with them!
UPDATE: With all the recent activity following the Smashing Magazine article on Wireframing, I’ve added the PDF files on their own, so if you’re viewing this page on an iPhone or other device that doesn’t like .zip files, then you can at least view them.
Ummm… OK I know Microsoft is trying to give the illusion of being user friendly and all, but when the delimiter for tags that categorize a post on the ASP.NET developer forums, they chose semicolons.
Is it just me or is that a ludicrous choice? Why not a space (my preference – a la delicious) or a comma?
In addition, there is no example visible to show you what the legal delimiter is! You have to miraculously divine what it wants, or let it show you what it wants, as I chose to do.
To find out what the delimiter is, I had to do the following:
- Open the “Select Tags…” dialog.
- Select two (short) tags. (I notice lots of other folks thought that a space would be a logical delimiter too…!)
- Close the dialog.
- Oops. Closing the dialog didn’t populate the text box with my selections. Awesome.
- Trying again… Open the “Select Tags…” dialog.
- Select two (short) tags, this time at the end of the list where I notice OK and Cancel buttons (yes – you heard that right. The buttons are embedded in the list itself… and at the bottom of the list, no less! They’re not on the dialog “window.”)
- Click OK.
- Observe that text box has the new selections delimited by semicolons.
The auto-populating text box is another usability nightmare deserving of its own article, but I’ll let someone else write that one up. ;)