An iPad App Prototype

in 30 minutes

How to Make

Using your favorite presentation tool!

So you have an idea for an

iPad app

How long should it take to prototype it

and test it?

A month?

A week?

A day?

How about 30 minutes?

And using nothing but your

favorite presentation tool

1Plan it

Decide different app screens

Create a user flow diagram

Then sketch rough screens

Photo courtesy of StevenVanwel on Flickr

2Design itPhoto courtesy of Mr. T in DC on Flickr

Open your favorite presentation tool

Create a new presentation

Open Keynotopia iPad UI template

(available for Keynote

and PowerPoint)

Drag and drop components to

design each UI screen as a different slide

Login screen

Main screen

Create different UI states

for each screen

Profile pop-up

Update Status

highlight update

Enable user interaction by creating links between

different controls and slides

3Test it

Export as PDF

Hyperlinks are preserved!

Test on DeviceWithout doing any extra work

Watch The Video here

Why Use Keynote?

Design tool

without feature creep

SlowLow fidelity High fidelity

Fastclickable

Prototypes

BasicshapesThe ones you need, without the

distraction of the ones you don't need

AlignmentandSnapping

Visualstyles

K L

K L

Copy Style

Quickly share styles across shapes

Master slides

- Less copy/paste

- Update multiple pages with a single change

HyperlinksAdd user interaction without writing code

Slide Transitions

Export

Hyperlinks are preserved!

Works with Adobe suite

CopyPaste

And it costs less than $20

Keynotopia

Largest user interface library for Keynote

and Powerpoint!

To design interfaces and test prototypes

in minutes instead of days

Fastlow fidelity

Slowhigh fidelityFinally!

Papersketches

MockupsWireframes

CompsHTML /JS /

Flash

Hundreds of UI building blocks for...

iPad

iPhone

Web/Desktop

Android

BlackBerry

Windows Phone 7

and Facebook

Thousands of companies use it!

And everyone loves it!

Get Keynotopia Here