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.

Every time I log into one of my online banking systems, I get a message like the following:

This is just intrusive and rude behavior (as Alan Cooper might say). First of all, the message first off tells me when the last unsuccessful attempt was made to access the account… HUH??? Then it tries to be helpful and tell me when the last successful attempt was made.

It just makes no sense at all to me why this message exists at all. Why would I ever care about these particular statistics, and even if I did care about them, is it really necessary to pop up a message box every time I log in???

I vote no.

Fine. If you want to have that information accessible, provide a log of all accesses tucked away in my account settings or somewhere I can get to if I think I have a security concern. Don’t show this message to me, please. What this message boils down to is a debug-ish message in the clothing of security (I could be wrong, but that’s what it smells like to me).

Interestingly, as a side note, I happen to know that this system is from a company that is now owned by Intuit (my former stomping ground), and in the two or more years since that acquisition, this message box has surprisingly still not disappeared.

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.

• iPhone Wireframe Template (.PDF)
  
• iPhone Wireframe Template with Notes (.PDF)

Enjoy!

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:

1. Open the “Select Tags…” dialog.
2. Select two (short) tags. (I notice lots of other folks thought that a space would be a logical delimiter too…!)
3. Close the dialog.
4. Oops. Closing the dialog didn’t populate the text box with my selections. Awesome.
5. Trying again… Open the “Select Tags…” dialog.
6. 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.”)
7. Click OK.
8. 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. ;)