<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Michelle Soy Sauce Chin dot net</title>
	
	<link>http://www.michellesoysaucechin.net</link>
	<description>artwork by MSSC</description>
	<lastBuildDate>Thu, 26 Jan 2012 02:46:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/MichelleSoySauceChinDotNet" /><feedburner:info uri="michellesoysaucechindotnet" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Prototyping on an iPhone</title>
		<link>http://feedproxy.google.com/~r/MichelleSoySauceChinDotNet/~3/DXIU3nqusas/</link>
		<comments>http://www.michellesoysaucechin.net/2012/01/25/prototyping-on-an-iphone/#comments</comments>
		<pubDate>Thu, 26 Jan 2012 02:46:44 +0000</pubDate>
		<dc:creator>Michelle</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[School]]></category>

		<guid isPermaLink="false">http://www.michellesoysaucechin.net/?p=211</guid>
		<description><![CDATA[If you&#8217;re looking for a way to test a prototype on an actual iPhone, I highly recommend using Fireworks in combination with iPrototype.  I used this to test my prototype for my thesis.  There are dozens of prototyping options out &#8230; <a class="more-link" href="http://www.michellesoysaucechin.net/2012/01/25/prototyping-on-an-iphone/">Continue reading</a>]]></description>
			<content:encoded><![CDATA[<p>If you&#8217;re looking for a way to test a prototype on an actual iPhone, I highly recommend using Fireworks in combination with iPrototype.  I used this to test my prototype for my thesis.  There are <a title="21 Prototyping iPhone App Options" href="http://iphoneized.com/2009/11/21-prototyping-mockup-wireframing-tools-iphone-app-development/" target="_blank">dozens of prototyping options</a> out there, but I wanted one that could be  created and then specifically ported to an iPhone.  In order to get more accurate testing results, it really helps to test on the device itself (as opposed to a web site, PowerPoint presentation, etc.).  The interaction behaviors by users on an iPhone can be so different and specific to the device, which you might not otherwise see on a computer screen.</p>
<p>To be honest, prior to this the last time I used Fireworks was 10+ years ago and that was to make an animated gif.  The learning curve to Fireworks (and all its new features in the 10+ years) is pretty low if you know your way around Photoshop and Dreamweaver.  This prototype works by creating graphics (layered pages) in Fireworks and adding hotspots to them.  Then you use the iPrototype code package to help you get your Fireworks prototype working on your device.</p>
<p>What I really liked about this is that I didn&#8217;t have to completely learn a new tool (read: spend precious hours that could be used toward interaction and interface design).  I took a shot at Appcelerator&#8217;s Titanium and threw my hands in the air fairly quickly since I didn&#8217;t have that much time to devote to learning it well.</p>
<p>Complete instructions on using Fireworks and iPrototype with video can be found on <a title="Prototype on an iPhone Instructions" href="http://www.adobe.com/devnet/fireworks/articles/prototype_iphone_app.html" target="_blank">Adobe Developer Connection&#8217;s site</a>.</p>
<p>Here are some bits of info I came across when building my prototype that may help you in your prototyping adventure:</p>
<ul>
<li><strong>Plan… a lot. </strong> Although I was only testing four smallish features, my prototype was complicated and I created storyboards on paper (with pencil and a fat eraser) to help sort all the screens out.  Make sure you use a naming convention for each screen that&#8217;s easy to decipher.  (I&#8217;m a fan of a numbering convention.)  The better you plan up front, the easier it will be to create.</li>
<li><strong>Web space.</strong> You need web space to host the files somewhere and you need web access to load the pages on your phone when you run through the prototype.  My web service died on my phone when testing and that was pretty lame (ok, mortifying).  Also, because your prototype is hosted on the web some where, you can view that URL in a web browser and iPrototype displays your prototype framed in a mock iPhone.</li>
<li><strong>This goes to 11, no 42 actually.</strong> The tutorial says it&#8217;s been tested for 30 pages, but I was able to max mine out pretty well at 42 pages.</li>
<li><strong>Functionality isn&#8217;t completely accurate.</strong> When testing I had to brief my participants that the typing function didn&#8217;t actually work or the date picker wasn&#8217;t really available and there wasn&#8217;t a real blinking cursor.  Once they got past that, things went fine.  I had a bottom navigation bar so I couldn&#8217;t let my pages scroll, but people were instinctively trying to scroll to make sure they didn&#8217;t miss anything.</li>
<li><strong>Score one for non-coders!</strong> This method is great for graphic designers, who are non-coders or don&#8217;t have time to <a title="YouTube clip of coding scene in Swordfish" href="http://www.youtube.com/watch?v=vO_O4AD1MhI" target="_blank">full-on code</a>.</li>
</ul>
<p>If this is too much and you want to create a simpler prototype, there&#8217;s MockApp.  I actually liked using that.  It was free at the time I used it (looks like they&#8217;re creating a fancy paid version), but it essentially was a PowerPoint toolkit where you could create an app and then save it out as an interactive PDF and run it from your iPhone using the GoodReader app.  It works well for really rapid prototyping and for smaller-scale prototypes.</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/MichelleSoySauceChinDotNet/~4/DXIU3nqusas" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.michellesoysaucechin.net/2012/01/25/prototyping-on-an-iphone/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.michellesoysaucechin.net/2012/01/25/prototyping-on-an-iphone/</feedburner:origLink></item>
		<item>
		<title>Stay tuned…</title>
		<link>http://feedproxy.google.com/~r/MichelleSoySauceChinDotNet/~3/8dN45ruSQVk/</link>
		<comments>http://www.michellesoysaucechin.net/2012/01/22/stay-tuned/#comments</comments>
		<pubDate>Sun, 22 Jan 2012 16:31:30 +0000</pubDate>
		<dc:creator>Michelle</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.michellesoysaucechin.net/?p=208</guid>
		<description><![CDATA[Happy 2012! I&#8217;ll be working on this site a lot this year, now that grad school is finally complete!  I&#8217;ll have much more time to work on side projects, write blog posts, and have fun again.  I just recently updated &#8230; <a class="more-link" href="http://www.michellesoysaucechin.net/2012/01/22/stay-tuned/">Continue reading</a>]]></description>
			<content:encoded><![CDATA[<p>Happy 2012! I&#8217;ll be working on this site a lot this year, now that grad school is finally complete!  I&#8217;ll have much more time to work on side projects, write blog posts, and have fun again.  I just recently updated my portfolio &#8211; <a title="Michelle T. Chin's Portfolio Site" href="http://www.michelletchin.net" target="_blank">http://www.michelletchin.net</a>, so check that out to see some stuff I&#8217;ve done.</p>
<p>Anyway, stay warm and stay tuned for more stuff from me.</p>
<img src="http://feeds.feedburner.com/~r/MichelleSoySauceChinDotNet/~4/8dN45ruSQVk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.michellesoysaucechin.net/2012/01/22/stay-tuned/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.michellesoysaucechin.net/2012/01/22/stay-tuned/</feedburner:origLink></item>
	</channel>
</rss>

