Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

How to prototype interactive iPad applications in 30 minutes or less using Apple Keynote


Published on

A simple guide on how to create iPad prototypes using Apple keynote and test them on the iPad without writing a single line of code.

Grab the free template at and get started today!

Leave me a comment with your feedback

Published in: Design, Technology, Business
  • Login to see the comments

How to prototype interactive iPad applications in 30 minutes or less using Apple Keynote

  1. 1. How to Prototype Interactive iPad apps in 30 minutes or less Using Apple Keynote
  2. 2. Why Keynote?
  3. 3. During your presentation, you don’t need to switch to another tool to show your prototype.
  4. 4. When you email your pitch deck to someone, you don’t have to include installation instructions.
  5. 5. The prototype also works on the iPad without any additional work (and without writing a single line of code)
  6. 6. Here are the assets I use to create my prototypes. (These assets were all created in Keynote)
  7. 7. Here is how you can create your own
  8. 8. 1. Plan your screens and transitions
  9. 9. 2. Install the iPad Theme file
  10. 10. Downlod this Keynote theme from
  11. 11. 3. Access Master slides to grab assets from
  12. 12. 4. Combine assets* to create app screens * All assets are editable in Keynote. There are no images
  13. 13. 5. Create hyperlinks between slides
  14. 14. 6. Export as Quicktime or PDF to test on your laptop or iPad
  15. 15. 7. Tranfser it to the iPad or send it to friends to try out. Test it with real users.
  16. 16. What does the outcome look like?
  17. 17. Your prototype doesn’t need to be perfect It just needs to capture the idea behind the interface and interactions so that you can get feedback before you start coding.
  18. 18. The Keynote template can be downloaded from
  19. 19. A similar template for prototyping web applications is available at
  20. 20. Next time you’re giving a presentation, remember this: If a picture is worth a thousand words, a prototype is worth a thousand pictures.