Cheap and fast interactive web prototypes with Apple Keynote

Apple Keynote has become my favorite rapid prototyping tool for putting together iPad and web interfaces, and testing them with real users. It quickly replaced all my previous prototyping tools, and I am constantly discovering new tricks and hacks to prototype more productively.

First, let me thank you for all the feedback that you provided about the iPad keynote prototyping. I hope that the hundreds of developers who downloaded the theme template are finding it useful.

As promised in the last post, here are some additional assets (all created in Keynote) that I’ve been using to rapidly prototype web applications and demo them within my presentations.

7a178d83-86a5-4119-a3a1-9f75809b6957

f6253a6d-80a1-4563-a7bd-e49024b1b9db

97d5d9d7-5487-4ca8-9c83-f3d9d72ddde9

Once you download the Keynote template file ( link at the bottom of this post), install the file “Web Theme.kth” into <UserName> -> Library -> Application Support -> iWork -> Keynote -> Themes. Alternatively, you can double click the file to open it in Keynote, and choose file -> Save Theme. This will create a theme in Keynote that you can reuse to create new presentations, as shown below.

5 Comments


  1. Caryn Leschen
    Jul 08, 2010

    I am really looking forward to using this. I am working on my first iPad application and I use Keynote a LOT on my Mac for clients…I love Keynote, it’s very easy to use. Looking forward to doing this!


  2. Scott Newson
    Jul 09, 2010

    I’ve just tried doing the same thing in OpenOffice presenter, and it works! Which is really exciting.
    (Maybe it works in powerpoint as well?)


    • Amir
      Jul 10, 2010

      @Scott – Yes, it does work in PowerPoint and OpenOffice. Posting some assets for these shortly ;)


      • hitesh
        Aug 13, 2010

        hi, can you tell me if the ipad prototyping libraby runs on windows vista… i need a prototyping tool to prototype a kiosk application(hotel check-in).

  3. [...] How to prototype desktop and web applications in 30 minutes using Apple Keynote [...]

Leave a Reply

Main Navigation

My Work

Thesis Theme for WordPress:  Options Galore and a Helpful Support Community

Lifestream

  • Anyone who doesn't know that #design is visual problem solving is living an illusion. [amirkhella]
    July 31st via Twitter
  • I've been hearing this sentence more frequently on the phone: "Sorry I can't hear you very well - Are you on an iPhone?" [amirkhella]
    July 30th via Twitter
  • Interested in becoming a Keynote prototyping master? Here are some keyboard shortcuts you need to know http://bit.ly/KeynoteShortcuts [amirkhella]
    July 30th via Twitter
  • I'm just done designing an interface in 20 minutes with #Keynote using @Keynotopia that otherwise would have taken me hours in Photoshop! [amirkhella]
    July 30th via Twitter
  • Spaghetti sauce and strawberry jam look so much alike. You don't want to hear the rest of this story. [amirkhella]
    July 30th via Twitter