<?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>eriksmartt.com/blog &#187; iphone</title>
	<atom:link href="http://www.eriksmartt.com/blog/archives/tag/iphone/feed" rel="self" type="application/rss+xml" />
	<link>http://www.eriksmartt.com/blog</link>
	<description>my little chunk of bandwidth</description>
	<lastBuildDate>Thu, 30 Jun 2011 15:17:11 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4-alpha-19854</generator>
		<item>
		<title>Sketching interaction stories with markers and iPhones</title>
		<link>http://www.eriksmartt.com/blog/archives/723</link>
		<comments>http://www.eriksmartt.com/blog/archives/723#comments</comments>
		<pubDate>Sun, 08 Feb 2009 23:22:15 +0000</pubDate>
		<dc:creator>erik</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[hci]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[productivity]]></category>

		<guid isPermaLink="false">http://www.eriksmartt.com/blog/?p=723</guid>
		<description><![CDATA[I recently posted about Bill Buxton&#8217;s book, &#8220;Sketching User Experiences&#8220;, so I thought I&#8217;d share an example on using these kinds of techniques on a recent project. The problem at hand involved concepting a number of new features for an existing website, and sharing these concepts with a remote team. (When you can&#8217;t get everyone [...]]]></description>
			<content:encoded><![CDATA[<p>I <a href="http://www.eriksmartt.com/blog/archives/710">recently posted</a> about Bill Buxton&#8217;s book, &#8220;<a href="http://www.amazon.com/gp/product/0123740371?ie=UTF8&#038;tag=eriksmarttcom&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=0123740371">Sketching User Experiences</a>&#8220;<img src="http://www.assoc-amazon.com/e/ir?t=eriksmarttcom&#038;l=as2&#038;o=1&#038;a=0123740371" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />, so I thought I&#8217;d share an example on using these kinds of techniques on a recent project.</p>
<p>The problem at hand involved concepting a number of new features for an existing website, and sharing these concepts with a remote team.  (When you can&#8217;t get everyone in the same room, it&#8217;s key that the team can quickly share ideas.)</p>
<p>For this session, we used:</p>
<ul>
<li>Whiteboards</li>
<li>Paper</li>
<li>Markers, scissors, and tape</li>
<li>iPhones</li>
<li>Keynote</li>
</ul>
<p>The goals were to:</p>
<ul>
<li>Tell a story</li>
<li>Leave room for creative thinking</li>
<li>Validate concepts</li>
<li>Align thinking</li>
</ul>
<p>After open brainstorming and traditional white-boarding, a number of concepts were quickly sketched on paper (generally one sheet per screen.)  These screen sketches were taped to a whiteboard, allowing quick note-taking and annotations:</p>
<p><img src="http://www.eriksmartt.com/blog/wp-content/uploads/2009/01/whiteboard_session.jpg" width="600" height="450" border="0" alt="photo of whiteboard working session" /></p>
<p>After walking through the concepts (and iterating) with a number of local victims, the screens were captured with an iPhone camera and pulled-into Keynote to create the storyboards.  With each screen as a slide, a story can be told within the presentation format:</p>
<p><img src="http://www.eriksmartt.com/blog/wp-content/uploads/2009/01/wireframe_in_keynote.jpg" width="600" height="414" border="0" alt="bringing images into Keyboard" /></p>
<p>Using this approach, stories can be shared globally, and changed in minutes.  The hand-drawn images ensure that no-one gets hung-up on colors or copy writing, and they require a little creativity on the part of the reader, which gets the gears turning and leads to fantastic questions.</p>]]></content:encoded>
			<wfw:commentRss>http://www.eriksmartt.com/blog/archives/723/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IDEO Labs LiveView: an iPhone app for on-screen prototyping</title>
		<link>http://www.eriksmartt.com/blog/archives/703</link>
		<comments>http://www.eriksmartt.com/blog/archives/703#comments</comments>
		<pubDate>Fri, 23 Jan 2009 17:00:16 +0000</pubDate>
		<dc:creator>erik</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[experience]]></category>
		<category><![CDATA[gadgets]]></category>
		<category><![CDATA[hci]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://www.eriksmartt.com/blog/?p=703</guid>
		<description><![CDATA[IDEO Labs just released a killer app for iPhone prototyping called LiveView. The application allows the iPhone to view, and interact with, a region of your desktop machine&#8217;s screen. Using this, you can have a prototype (or even an XCode application) running on your desktop, and try it out from your iPhone.]]></description>
			<content:encoded><![CDATA[<p><a href="http://labs.ideo.com/">IDEO Labs</a> just released a killer app for iPhone prototyping called <a href="http://labs.ideo.com/2009/01/20/liveview-an-iphone-app-for-on-screen-prototyping/">LiveView</a>. The application allows the iPhone to view, and interact with, a region of your desktop machine&#8217;s screen.  Using this, you can have a prototype (or even an XCode application) running on your desktop, and try it out from your iPhone.</p>
<p><a href="http://labs.ideo.com/2009/01/20/liveview-an-iphone-app-for-on-screen-prototyping/"><img src="http://www.eriksmartt.com/blog/wp-content/uploads/2009/01/liveview_onphone.jpg" alt="LiveView screen shot" /></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.eriksmartt.com/blog/archives/703/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photo: Office View</title>
		<link>http://www.eriksmartt.com/blog/archives/679</link>
		<comments>http://www.eriksmartt.com/blog/archives/679#comments</comments>
		<pubDate>Tue, 06 Jan 2009 17:15:03 +0000</pubDate>
		<dc:creator>erik</dc:creator>
				<category><![CDATA[iphone]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://www.eriksmartt.com/blog/?p=679</guid>
		<description><![CDATA[Shot with iPhone 3G and Toy Camera.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.eriksmartt.com/blog/wp-content/uploads/2009/01/img_0148_sm.jpg" alt="Office View" width="600" height="800" /></p>
<p>Shot with iPhone 3G and <a href="http://blog.artandmobile.com/">Toy Camera</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.eriksmartt.com/blog/archives/679/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photo: Candy Jar</title>
		<link>http://www.eriksmartt.com/blog/archives/675</link>
		<comments>http://www.eriksmartt.com/blog/archives/675#comments</comments>
		<pubDate>Tue, 06 Jan 2009 17:13:16 +0000</pubDate>
		<dc:creator>erik</dc:creator>
				<category><![CDATA[iphone]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://www.eriksmartt.com/blog/?p=675</guid>
		<description><![CDATA[Shot with iPhone 3G; Griffin Clarifi Case with Macro lens; and Toy Camera.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.eriksmartt.com/blog/wp-content/uploads/2009/01/img_0146_sm.jpg" alt="Candy Jar" width="600" height="800" /></p>
<p>Shot with iPhone 3G; <a href="http://www.amazon.com/gp/product/B0015B7X94?ie=UTF8&#038;tag=eriksmarttcom&#038;linkCode=as2&#038;camp=1789&#038;creative=390957&#038;creativeASIN=B0015B7X94">Griffin Clarifi Case with Macro lens</a><img src="http://www.assoc-amazon.com/e/ir?t=eriksmarttcom&#038;l=as2&#038;o=1&#038;a=B0015B7X94" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />; and <a href="http://blog.artandmobile.com/">Toy Camera</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.eriksmartt.com/blog/archives/675/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photo: Abandoned Cart</title>
		<link>http://www.eriksmartt.com/blog/archives/671</link>
		<comments>http://www.eriksmartt.com/blog/archives/671#comments</comments>
		<pubDate>Tue, 06 Jan 2009 17:06:55 +0000</pubDate>
		<dc:creator>erik</dc:creator>
				<category><![CDATA[iphone]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://www.eriksmartt.com/blog/?p=671</guid>
		<description><![CDATA[Shot with iPhone 3G; Re-touched with CameraBag.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.eriksmartt.com/blog/wp-content/uploads/2009/01/img_0098_sm.jpg" alt="Abandoned Cart" width="600" height="450" /></p>
<p>Shot with iPhone 3G; Re-touched with <a href="http://www.nevercenter.com/camerabag/">CameraBag</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.eriksmartt.com/blog/archives/671/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photo: Holiday lights</title>
		<link>http://www.eriksmartt.com/blog/archives/666</link>
		<comments>http://www.eriksmartt.com/blog/archives/666#comments</comments>
		<pubDate>Tue, 06 Jan 2009 17:05:25 +0000</pubDate>
		<dc:creator>erik</dc:creator>
				<category><![CDATA[iphone]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://www.eriksmartt.com/blog/?p=666</guid>
		<description><![CDATA[Shot with iPhone 3G; Re-touched with CameraBag.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.eriksmartt.com/blog/wp-content/uploads/2009/01/img_0114_sm.jpg" alt="holiday lights" width="600" height="800" /></p>
<p>Shot with iPhone 3G; Re-touched with <a href="http://www.nevercenter.com/camerabag/">CameraBag</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.eriksmartt.com/blog/archives/666/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

