After posting the previous tutorial on prototyping an iPad app in 30 minutes , I was asked by several peeps to put together a video tutorial on how I’d create an iPhone app prototype using the same technique:

  • No design tools
  • Zero lines of code
  • Prototype can be tested on the iPhone
  • All created under 30 minutes

The video below shows how to use Apple Keynote and Keynotopia interface libraries to create a prototype for an iPhone apartment hunting application in 13 minutes.

The video goes through the same steps from the iPad post:

1- Create a new presentation based on the iPhone template (480×960 resolution)

2- Create main application screens

3- Add pop-ups,  highlights, etc…

4- Create hyperlinks to make the interface clickable

5- Export as a PDF file and test on the iPhone (I use the free version of GoodReader to render the final prototype)

And here are some of the UI controls used in the video (courtesy of Keynotopia).

Note: The UI controls are available in both Keynote and Powerpoint formats.

Give it a try, I guarantee it will dramatically improve your productivity. And if you have any questions, leave me a comment below.

Related posts: