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.

I highly recommend Keynotopia for designing interface mockups for web and mobile apps

Keynotopia is a user interface design toolkit that enables you to use Apple Keynote or Microsoft PowerPoint to prototype, test and demo your application ideas quickly and cheaply, without doing any design work or writing a single line of code.

It includes thousands of wireframe and high fidelity vector user interface components and royalty free icons for mobile, web and desktop apps, all designed from scratch in Keynote and PowerPoint, and can be edited and customized without needing any design tools.

Keynotopia is used by 40,000 entrepreneurs, designers, and developers in more than 80 countries.

4 Comments

  1. 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!

    Reply
  2. 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?)

    Reply
    • @Scott – Yes, it does work in PowerPoint and OpenOffice. Posting some assets for these shortly 😉

      Reply
      • 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).

Trackbacks/Pingbacks

  1. How to prototype interactive iPad applications in 30 minutes or less using Apple Keynote | Amir Khella - [...] How to prototype desktop and web applications in 30 minutes using Apple Keynote [...]

Submit a Comment

Your email address will not be published. Required fields are marked *