Your SlideShare is downloading. ×
0
An iPad App Prototypein 30 minutesHow to MakeUsing your favorite presentation tool!
So you havean idea for aniPad app
How longshould it taketo prototype itand test it?
A month?
A week?
A day?
How about30 minutes?
And usingnothing but yourfavoritepresentation tool
1Plan it
Decide differentapp screens
Create a userflow diagram
Then sketchrough screensPhoto courtesy of StevenVanwel on Flickr
2Design itPhoto courtesy of Mr. T in DC on Flickr
Open your favoritepresentation tool
Create a newpresentation
Open KeynotopiaiPad UI template(available for Keynoteand PowerPoint)
Drag and dropcomponents todesign eachUI screen asa different slide
Login screenMain screen
Create differentUI statesfor each screen
Profile pop-upUpdate Statushighlight update
Enable user interactionby creating links betweendifferent controls and slides
3Test it
Exportas PDFHyperlinks are preserved!
Test onDeviceWithout doing any extra work
Watch The Video here
Why Use Keynote?
Designtoolwithoutfeaturecreep
SlowLow fidelity High fidelityFastclickablePrototypes
BasicshapesThe ones you need, without thedistraction of the ones you dont need
AlignmentandSnapping
VisualstylesK LK LCopy StyleQuickly share styles across shapes
Masterslides- Less copy/paste- Update multiple pageswith a single change
HyperlinksAdd user interaction without writing code
SlideTransitions
ExportHyperlinks are preserved!
Works withAdobe suiteCopyPaste
And it costsless than $20
KeynotopiaLargest user interfacelibrary for Keynoteand Powerpoint!
To designinterfaces andtest prototypesin minutesinstead of days
Fastlow fidelitySlowhigh fidelityFinally!PapersketchesMockupsWireframesCompsHTML /JS /Flash
Hundreds ofUI buildingblocks for...
iPad
iPhone
Web/Desktop
Android
BlackBerry
Windows Phone 7
and Facebook
Thousands of companies use it!
And everyone loves it!
Get Keynotopia Here
How to make an iPad app prototype in 30 minutes
How to make an iPad app prototype in 30 minutes
How to make an iPad app prototype in 30 minutes
How to make an iPad app prototype in 30 minutes
How to make an iPad app prototype in 30 minutes
How to make an iPad app prototype in 30 minutes
Upcoming SlideShare
Loading in...5
×

How to make an iPad app prototype in 30 minutes

210

Published on

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/

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
210
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "How to make an iPad app prototype in 30 minutes"

  1. 1. An iPad App Prototypein 30 minutesHow to MakeUsing your favorite presentation tool!
  2. 2. So you havean idea for aniPad app
  3. 3. How longshould it taketo prototype itand test it?
  4. 4. A month?
  5. 5. A week?
  6. 6. A day?
  7. 7. How about30 minutes?
  8. 8. And usingnothing but yourfavoritepresentation tool
  9. 9. 1Plan it
  10. 10. Decide differentapp screens
  11. 11. Create a userflow diagram
  12. 12. Then sketchrough screensPhoto courtesy of StevenVanwel on Flickr
  13. 13. 2Design itPhoto courtesy of Mr. T in DC on Flickr
  14. 14. Open your favoritepresentation tool
  15. 15. Create a newpresentation
  16. 16. Open KeynotopiaiPad UI template(available for Keynoteand PowerPoint)
  17. 17. Drag and dropcomponents todesign eachUI screen asa different slide
  18. 18. Login screenMain screen
  19. 19. Create differentUI statesfor each screen
  20. 20. Profile pop-upUpdate Statushighlight update
  21. 21. Enable user interactionby creating links betweendifferent controls and slides
  22. 22. 3Test it
  23. 23. Exportas PDFHyperlinks are preserved!
  24. 24. Test onDeviceWithout doing any extra work
  25. 25. Watch The Video here
  26. 26. Why Use Keynote?
  27. 27. Designtoolwithoutfeaturecreep
  28. 28. SlowLow fidelity High fidelityFastclickablePrototypes
  29. 29. BasicshapesThe ones you need, without thedistraction of the ones you dont need
  30. 30. AlignmentandSnapping
  31. 31. VisualstylesK LK LCopy StyleQuickly share styles across shapes
  32. 32. Masterslides- Less copy/paste- Update multiple pageswith a single change
  33. 33. HyperlinksAdd user interaction without writing code
  34. 34. SlideTransitions
  35. 35. ExportHyperlinks are preserved!
  36. 36. Works withAdobe suiteCopyPaste
  37. 37. And it costsless than $20
  38. 38. KeynotopiaLargest user interfacelibrary for Keynoteand Powerpoint!
  39. 39. To designinterfaces andtest prototypesin minutesinstead of days
  40. 40. Fastlow fidelitySlowhigh fidelityFinally!PapersketchesMockupsWireframesCompsHTML /JS /Flash
  41. 41. Hundreds ofUI buildingblocks for...
  42. 42. iPad
  43. 43. iPhone
  44. 44. Web/Desktop
  45. 45. Android
  46. 46. BlackBerry
  47. 47. Windows Phone 7
  48. 48. and Facebook
  49. 49. Thousands of companies use it!
  50. 50. And everyone loves it!
  51. 51. Get Keynotopia Here
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×