<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Amir Khella &#187; Iphone</title>
	<atom:link href="http://blog.amirkhella.com/category/iphone/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.amirkhella.com</link>
	<description></description>
	<lastBuildDate>Tue, 17 Jan 2012 06:40:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.3</generator>
		<item>
		<title>How to prototype like a pro using tools you already know</title>
		<link>http://blog.amirkhella.com/2010/12/07/how-to-prototype-like-a-pro/</link>
		<comments>http://blog.amirkhella.com/2010/12/07/how-to-prototype-like-a-pro/#comments</comments>
		<pubDate>Tue, 07 Dec 2010 19:24:45 +0000</pubDate>
		<dc:creator>Amir</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Iphone]]></category>
		<category><![CDATA[Prototyping]]></category>
		<category><![CDATA[iPad]]></category>

		<guid isPermaLink="false">http://blog.amirkhella.com/?p=1459</guid>
		<description><![CDATA[An uncommon guide to designing user interfaces and interactive application prototypes using Apple Keynote Related posts: How to prototype iPad apps in 30 minutes or less using Apple Keynote You might also like reading...Lean Interactive Requirements &#8211; The End of Specification DocumentsCheap and fast interactive web prototypes with Apple KeynoteD3 &#8211; Designing with Clients]]></description>
			<content:encoded><![CDATA[<p>An uncommon guide to designing user interfaces and interactive application prototypes using Apple Keynote</p>
<p><object id="__sse6064071" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="615" height="500" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=prototypelikeapro-101207130954-phpapp02&amp;stripped_title=how-to-prototype-like-a-pro&amp;userName=akhella" /><param name="name" value="__sse6064071" /><param name="allowfullscreen" value="true" /><embed id="__sse6064071" type="application/x-shockwave-flash" width="615" height="500" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=prototypelikeapro-101207130954-phpapp02&amp;stripped_title=how-to-prototype-like-a-pro&amp;userName=akhella" name="__sse6064071" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h4>Related posts:</h4>
<p><a href="http://bit.ly/iPadSD" target="_blank">How to prototype iPad apps in 30 minutes or less using Apple Keynote</a></p>
<h2  class="related_post_title">You might also like reading...</h2><ul class="related_post"><li><a href="http://blog.amirkhella.com/2009/03/22/thank-you-bucky-personal-reflections-on-the-life-of-buckminster-fuller/" title="Every man dies, but not every man lives.">Every man dies, but not every man lives.</a></li><li><a href="http://blog.amirkhella.com/2009/09/28/home/" title="Home">Home</a></li><li><a href="http://blog.amirkhella.com/2009/10/29/h7a30/" title="The Day Death Spared Me">The Day Death Spared Me</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.amirkhella.com/2010/12/07/how-to-prototype-like-a-pro/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to create an iPhone app prototype in 13 minutes using Apple Keynote [Video Tutorial]</title>
		<link>http://blog.amirkhella.com/2010/07/13/teaser-iphone-running-an-interactive-prototype-built-with-keynote/</link>
		<comments>http://blog.amirkhella.com/2010/07/13/teaser-iphone-running-an-interactive-prototype-built-with-keynote/#comments</comments>
		<pubDate>Tue, 13 Jul 2010 19:47:20 +0000</pubDate>
		<dc:creator>Amir</dc:creator>
				<category><![CDATA[Iphone]]></category>
		<category><![CDATA[Prototyping]]></category>
		<category><![CDATA[iPad]]></category>

		<guid isPermaLink="false">http://blog.amirkhella.com/?p=1207</guid>
		<description><![CDATA[After posting the previous tutorial on prototyping an iPad app in 30 minutes , I was asked by several peeps to put together a video tutorial on how I&#8217;d create an iPhone app prototype using the same technique: No design tools Zero lines of code Prototype can be tested on the iPhone All created under ...]]></description>
			<content:encoded><![CDATA[<p>After posting the previous tutorial on <a href="http://blog.amirkhella.com/2010/06/16/how-to-prototype-interactive-ipad-applications-in-30-minutes-or-less-using-apple-keynote/" target="_blank">prototyping an iPad app in 30 minutes</a> , I was asked by several peeps to put together a video tutorial on how I&#8217;d create an iPhone app prototype using the same technique:</p>
<ul>
<li>No design tools</li>
<li>Zero lines of code</li>
<li>Prototype can be tested on the iPhone</li>
<li>All created under 30 minutes</li>
</ul>
<p>The video below shows how to use Apple Keynote and Keynotopia interface libraries to create a prototype for an iPhone apartment hunting application <b>in 13 minutes</b>.</p>
<p><span id="more-1207"></span><br />
<iframe src="http://player.vimeo.com/video/13892268?title=0&amp;byline=0&amp;portrait=0" width="625" height="469" frameborder="0"></iframe></p>
<p>The video goes through the same steps from the <a href="http://blog.amirkhella.com/2010/06/16/how-to-prototype-interactive-ipad-applications-in-30-minutes-or-less-using-apple-keynote/" target="_blank">iPad post</a>:</p>
<p>1- Create a new presentation based on the <a href="http://keynotopia.com/iphone-prototyping/" target="_blank">iPhone template</a> (480&#215;960 resolution)</p>
<p>2- Create main application screens</p>
<p>3- Add pop-ups,  highlights, etc&#8230;</p>
<p>4- Create hyperlinks to make the interface clickable</p>
<p>5- Export as a PDF file and test on the iPhone (I use the free version of GoodReader to render the final prototype)</p>
<p>And here are some of the UI controls used in the video (courtesy of <a href="http://www.keynotopia.com" target="_blank">Keynotopia</a>).</p>
<div style="float:left;margin-bottom:15px;">
<img src="http://keynotopia.com/images/screenshots/iPhone/iPhone%20library%20for%20Keynote%2009.001.png" height="65%"/>
</div>
<div style="float:right;margin-bottom:15px;">
<img src="http://keynotopia.com/images/screenshots/iPhone/iPhone%20library%20for%20Keynote%2009.002.png" height="65%"/>
</div>
<div style="float:left;margin-bottom:15px;">
<img src="http://keynotopia.com/images/screenshots/iPhone/iPhone%20library%20for%20Keynote%2009.004.png" height="65%"/>
</div>
<div style="float:right;margin-bottom:15px;">
<img src="http://keynotopia.com/images/screenshots/iPhone/iPhone%20library%20for%20Keynote%2009.005.png" height="65%"/>
</div>
<div style="float:left;margin-bottom:15px;">
<img src="http://keynotopia.com/images/screenshots/iPhone/iPhone%20library%20for%20Keynote%2009.006.png" height="65%"/>
</div>
<div style="float:right;margin-bottom:15px;">
<img src="http://keynotopia.com/images/screenshots/iPhone/iPhone%20library%20for%20Keynote%2009.007.png" height="65%"/>
</div>
<div style="float:left;margin-bottom:15px;">
<img src="http://keynotopia.com/images/screenshots/iPhone/iPhone%20library%20for%20Keynote%2009.010.png" height="65%"/>
</div>
<div style="float:right;margin-bottom:15px;">
<img src="http://keynotopia.com/images/screenshots/iPhone/iPhone%20library%20for%20Keynote%2009.003.png" height="65%"/>
</div>
<div style="clear:both"></div>
<p><em>Note: The UI controls are available in both Keynote and Powerpoint formats.</em></p>
<p>Give it a try, I guarantee it will dramatically improve your productivity. And if you have any questions, leave me a comment below.</p>
<p><a href="http://www.keynotopia.com" target="_blank"><img src="http://www.amirkhella.com/images/large_blog_button.png"/></a></p>
<h2>Related posts:</h2>
<ul>
<li><a href="http://blog.amirkhella.com/2010/06/16/how-to-prototype-interactive-ipad-applications-in-30-minutes-or-less-using-apple-keynote/" target="_blank">Creating an interactive iPad app prototype in 30 minutes</a></li>
<li><a href="http://blog.amirkhella.com/2010/12/07/how-to-prototype-like-a-pro/" target="_blank">How to prototype like a pro using tools  you already know</a></li>
</ul>
<h2  class="related_post_title">You might also like reading...</h2><ul class="related_post"><li><a href="http://blog.amirkhella.com/2011/02/16/how-to-choose-your-startup-idea/" title="How To Choose Your Startup Idea">How To Choose Your Startup Idea</a></li><li><a href="http://blog.amirkhella.com/2008/06/01/how-it-all-began-a-personal-story/" title="How it all began (A personal story)">How it all began (A personal story)</a></li><li><a href="http://blog.amirkhella.com/2010/12/07/how-to-prototype-like-a-pro/" title="How to prototype like a pro using tools you already know">How to prototype like a pro using tools you already know</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.amirkhella.com/2010/07/13/teaser-iphone-running-an-interactive-prototype-built-with-keynote/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

