Geek Posted May 26, 2011 Posted May 26, 2011 <div class="KonaBody"><p><img src="http://osxdaily.com/wp-content/uploads/2011/05/prototype-iphone-ios-apps.jpg" alt="Prototype iPhone and iOS apps from a Mac app" title="prototype-iphone-ios-apps" width="620" height="388" class="aligncenter size-full wp-image-16487" /></p> <p>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. </p> <p>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.</p> <p><a href="http://click.linksynergy.com/fs-bin/stat?id=uO47tEUahH8&offerid=146261&type=3&subid=0&tmpid=1826&RD_PARM1=http%253A%252F%252Fitunes.apple.com%252Fus%252Fapp%252Fprototypes%252Fid430812258%253Fmt%253D12%2526uo%253D4%2526partnerId%253D30" target="itunes_store">You can buy Prototypes from the Mac App Store for $39.99</a> (App Store link)</p> <p>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: <span id="more-16486"></span></p> <ul> <li>Go to <a href="http://ptyp.es" rel="nofollow">http://ptyp.es</a> from an iOS device</li> <li>Follow the onscreen instructions to bookmark the prototype URL to your iOS homescreen</li> <li>Enter PIN: 1467 5639</li> </ul> <p>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.</p> <p><img src="http://osxdaily.com/wp-content/uploads/2011/05/prototype-iphone-app.jpg" alt="Prototype iPhone App" title="prototype-iphone-app" width="200" height="300" class="aligncenter size-full wp-image-16489" /></p> <p>Combine Prototypes with some of the <a href="http://osxdaily.com/2010/05/26/ipad-iphone-gui-psd-files/">PSD files of iPad and iPhone GUI elements</a> 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 <a href="http://osxdaily.com/2010/09/07/iphone-development-costs/">overall costs of app development</a>. Not a bad deal, right?</p> </div> <p><a href="http://feedads.g.doubleclick.net/~a/B2Rm4GLV9JkKny5kjlOf9t4jgl0/0/da"><img src="http://feedads.g.doubleclick.net/~a/B2Rm4GLV9JkKny5kjlOf9t4jgl0/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/B2Rm4GLV9JkKny5kjlOf9t4jgl0/1/da"><img src="http://feedads.g.doubleclick.net/~a/B2Rm4GLV9JkKny5kjlOf9t4jgl0/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/osxdaily?a=DxbjXj_C6Ho:nl-wNS_Ujmk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/osxdaily?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/osxdaily?a=DxbjXj_C6Ho:nl-wNS_Ujmk:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/osxdaily?i=DxbjXj_C6Ho:nl-wNS_Ujmk:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/osxdaily?a=DxbjXj_C6Ho:nl-wNS_Ujmk:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/osxdaily?i=DxbjXj_C6Ho:nl-wNS_Ujmk:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/osxdaily?a=DxbjXj_C6Ho:nl-wNS_Ujmk:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/osxdaily?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/osxdaily?a=DxbjXj_C6Ho:nl-wNS_Ujmk:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/osxdaily?d=qj6IDK7rITs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/osxdaily/~4/DxbjXj_C6Ho" height="1" width="1"/> View the full article
Recommended Posts