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

on

  • 350 views

An uncommon method for making iPad app prototypes using your favorite presentation tool ...

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/

Statistics

Views

Total Views
350
Views on SlideShare
350
Embed Views
0

Actions

Likes
0
Downloads
3
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

How to make an iPad app prototype in 30 minutes How to make an iPad app prototype in 30 minutes Presentation Transcript

  • 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