Most iPhone prototyping templates (in Photoshop, etc.) do a pretty good job if you just want to show how a specific screen would look but don’t really work as a demo.

So one of the advantages of doing this kind of prototyping in Keynote or Powerpoint is that you can use features such as hyperlinks, animations and page transitions to simulate the navigation experience that the user would have in the iPhone app.

Just my the iPhone Photo Album app sample mockup to see what I mean:

When you click on the Photos icon on the home screen (in presentation mode), you’ll see that I’m simulating the loading screen using a timed slide. So it feels like the iPhone is loading the app.

After you click on the “Yeti Sightings” photo album, notice how the transition mimics that of the iPhone. What’s the trick? A “push” slide transition creates the same visual effect as you would get on the iPhone.

If you play with the links in the mock-up, you’ll notice a few other things that help simulate the experience for the user.

Try doing that in Photoshop!

However, there are limitations. After all, I doubt that the developers of Keynote (and even less PowerPoint) knew their software would one day be used to create iPhone app prototypes… For example, you can only define one transition per slide, … Read More