Create Working Prototypes of iPhone & iOS Apps Easily

May 26, 2011 - 5 Comments

Prototype iPhone and iOS apps from a Mac app

Prototypes is a new Mac app that lets anyone quickly create functional iOS application prototypes and share them with other people, no coding is required.

The prototypes can be created from any Photoshop, Illustrator, Fireworks, PSD, JPG, or any image file at all, just drag a few images into the app, define hotspots (touch locations), setup some transitions, and quickly preview or publish a prototype. These touch-responsive prototypes will run directly from Safari on an iPhone, iPod touch, or iPad, making it very easy to test a functional iOS interface.

You can buy Prototypes from the Mac App Store for $39.99 (App Store link)

How well do these published prototypes function? The developers provide a sample working prototype that has been exported from the app, here is how you can try it out yourself:

  • Go to http://ptyp.es from an iOS device
  • Follow the onscreen instructions to bookmark the prototype URL to your iOS homescreen
  • Enter PIN: 1467 5639

You’ll now be in a working app mockup of a fictitious ‘Garden Snap’ iPhone application, touch on elements and you’ll get a new screen demonstrating features just as you’d expect. Some things don’t seem to work, like scrolling through lists, but remember this is a UI/UX mockup viewed in Safari, not a full fledged working iOS application.

Prototype iPhone App

Combine Prototypes with some of the PSD files of iPad and iPhone GUI elements and you should be able to make quick work fleshing out some of the app ideas you have, which may even help you reduce the overall costs of app development. Not a bad deal, right?

Enjoy this tip? Subscribe to the OSXDaily newsletter to get more of our great Apple tips, tricks, and important news delivered to your inbox! Enter your email address below:

Related articles:

Posted by: Matt Chan in Development, iPhone, Mac OS X

5 Comments

» Comments RSS Feed

  1. Peter says:

    Great app concept, I suspect this will be popular among developers. Now I just need some app ideas!

  2. Luke says:

    Anyone looking for an Australian dev to turn the prototypes into working applications contact me through my website at http://lukedurrant.com :)

  3. Dealshelve says:

    If you write HTML/CSS/JavaScript, PhoneGap is equally good for prototyping (production even) your iPhone app.

    I created a mockup app (list items from my JSON feed, scrolling) in less than an hour after checking out their sample code.

  4. Alterplay says:

    I believe Axure users will find this free library for iOS prototyping as a good alternative, check it out: http://www.alterplay.com/ios-dev-tips/2012/04/prototyping-ios-applications.html

Leave a Reply

 

Shop for Apple & Mac Deals on Amazon.com

Subscribe to OSXDaily

Subscribe to RSS Subscribe to Twitter Feed Follow on Facebook Subscribe to eMail Updates