How to create an iPhone app prototype in 13 minutes using Apple Keynote [Video Tutorial]
Categories: iPad, Iphone, Prototyping
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:
- Creating an interactive iPad app prototype in 30 minutes
- How to prototype like a pro using tools you already know
Interestingly when you do File -> Save As, and then choose PDF, this doesn’t create a PDF with active hyperlinks when viewed in GoodReader. I have the same experience when saving PowerPoint files with the Save As method (no active hyperlinks). Any idea how to get the hyperlinks active using PowerPoint?? There is no “Export” option in the PowerPoint menu from what I can see…