User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have hi-fi wireframes for each screen, which are flattened images in JPEG format. These wireframes can be connected by hotspots in Fireworks or any other tool that creates clickable prototypes.

How do you do the same using Keynote for iPad, as I want to show my clickable prototype as a presentation?

Keynote lets you create only hotspots for objects that are created inside the keynote and not on flat JPEGs.

share|improve this question
Can't you create zero-opacity shapes in Keynote and place them on top of the relevant places in the JPEG? – Vitaly Mijiritsky May 7 '12 at 16:58
Don't use a slideshow application to create prototypes. It's not its intended use. – dnbrv May 7 '12 at 23:23
@dnbrv I'd disagree. While it might not be the best tool for the job, it is actually a great tool for these type of low-fi jobs -- especially if you don't have the cash for or don't want to spend the money on a more specialized solution. – GotDibbs May 8 '12 at 3:08
@GotDibbs: The OP is talking about "hi-fi" specifically. And money is never an issue: you can make a working clickable prototype in HTML with static pre-scripted data in any plain text editor. Any UXD who works with software is capable of learning the basic HTML to create low-fi prototypes. – dnbrv May 8 '12 at 3:13
I read it as a hi-fi wireframe being made into a lo-fi prototype -- either way, I still stand by my comment for lo-fi situations where one hasn't yet made the time to pick up the HTML skills necessary to really create a representative prototype. In any case it sounds like Vitaly may have the answer to the actual question here. – GotDibbs May 8 '12 at 3:40

The OPs question is about how to do it in Keynote, not whether or not it's the best solution. Vitaly Mijiritsky's comment is probably the most correct and easiest way to do this. You can just use shapes set to zero opacity and enable them as hyperlinks to other slides in the slideshow. this will allow you to navigate either in normal prenentation mode (1-2-3-4) or via your hyperlinks.

share|improve this answer

If you want to use your Keynote design and run it on an iPad to test the design, have a look at

You export your keynote screen als clickable PDF, en load it inside the Keynotopia iPad (or iPhone) app.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.