An uncommon method for making iPad app prototypes using your favorite presentation tool Read the full post at http://blog.amirkhella.com/2010/06/16/how-to-prototype-interactive-ipad-applications-in-30-minutes-or-less-using-apple-keynote/

1. An iPad App Prototype
in 30 minutes
How to Make
Using your favorite presentation tool!

2. So you have
an idea for an
iPad app

3. How long
should it take
to prototype it
and test it?

4. A month?

5. A week?

6. A day?

7. How about
30 minutes?

8. And using
nothing but your
favorite
presentation tool

9. 1Plan it

10. Decide different
app screens

11. Create a user
flow diagram

13. Then sketch
rough screens
Photo courtesy of StevenVanwel on Flickr

14. 2Design it
Photo courtesy of Mr. T in DC on Flickr

15. Open your favorite
presentation tool

17. Create a new
presentation

18. Open Keynotopia
iPad UI template
(available for Keynote
and PowerPoint)

21. Drag and drop
components to
design each
UI screen as
a different slide

22. Login screen
Main screen

23. Create different
UI states
for each screen

24. Profile pop-up
Update Status
highlight update

25. Enable user interaction
by creating links between
different controls and slides

27. 3Test it

28. Export
as PDF
Hyperlinks are preserved!

29. Test on
DeviceWithout doing any extra work

31. Watch The Video here

32. Why Use Keynote?

33. Design
tool
without
feature
creep

34. Slow
Low fidelity High fidelity
Fast
clickable
Prototypes

35. Basic
shapes
The ones you need, without the
distraction of the ones you don't need

36. Alignment
and
Snapping

37. Visual
styles
K L
K L
Copy Style
Quickly share styles across shapes

38. Master
slides
- Less copy/paste
- Update multiple pages
with a single change

39. Hyperlinks
Add user interaction without writing code

40. Slide
Transitions

41. Export
Hyperlinks are preserved!

42. Works with
Adobe suite
Copy
Paste

43. And it costs
less than $20

44. Keynotopia
Largest user interface
library for Keynote
and Powerpoint!

45. To design
interfaces and
test prototypes
in minutes
instead of days

46. Fast
low fidelity
Slow
high fidelityFinally!
Paper
sketches
Mockups
Wireframes
Comps
HTML /JS /
Flash

47. Hundreds of
UI building
blocks for...

48. iPad

49. iPhone

50. Web/Desktop

51. Android

52. BlackBerry

53. Windows Phone 7

54. and Facebook

55. Thousands of companies use it!

56. And everyone loves it!

57. Get Keynotopia Here