<?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>Five Sketches™ &#187; 3D manipulation</title>
	<atom:link href="http://fivesketches.com/tag/3d-manipulation/feed/" rel="self" type="application/rss+xml" />
	<link>http://fivesketches.com</link>
	<description>Ideation, design, and usability for development teams</description>
	<lastBuildDate>Mon, 31 Jan 2011 04:24:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Sketch, wireframe, prototype</title>
		<link>http://fivesketches.com/2009/05/wireframe-or-prototype-sketch/</link>
		<comments>http://fivesketches.com/2009/05/wireframe-or-prototype-sketch/#comments</comments>
		<pubDate>Fri, 01 May 2009 11:55:56 +0000</pubDate>
		<dc:creator>JeromeR</dc:creator>
				<category><![CDATA[Design, process, business]]></category>
		<category><![CDATA[Five Sketches™]]></category>
		<category><![CDATA[3D manipulation]]></category>
		<category><![CDATA[complexity]]></category>
		<category><![CDATA[convergence]]></category>
		<category><![CDATA[divergence]]></category>
		<category><![CDATA[generative design]]></category>
		<category><![CDATA[GUI design]]></category>
		<category><![CDATA[interactivity]]></category>
		<category><![CDATA[multi-state]]></category>
		<category><![CDATA[prototyping]]></category>
		<category><![CDATA[sketching]]></category>
		<category><![CDATA[software design]]></category>
		<category><![CDATA[software development]]></category>
		<category><![CDATA[transitions]]></category>
		<category><![CDATA[universally accessible]]></category>
		<category><![CDATA[wireframing]]></category>

		<guid isPermaLink="false">http://fivesketches.com/?p=1429</guid>
		<description><![CDATA[Over the past month, I&#8217;ve come across the same discussion several times: &#8220;When designing a website or product, do you use wireframing or prototyping?&#8221;
The first part of my answer is: &#8220;Make sure you sketch, first.&#8221;
At the design stage, sketching, wire-framing, and prototyping are not equal. Sketching is useful at the divergent phase of design because it lets [...]]]></description>
			<content:encoded><![CDATA[<p>Over the past month, I&#8217;ve come across the same discussion several times: &#8220;When designing a website or product, do you use wireframing or prototyping?&#8221;</p>
<p>The first part of my answer is: &#8220;Make sure you sketch, first.&#8221;</p>
<p>At the design stage, sketching, wire-framing, and prototyping are not equal. Sketching is useful at the divergent phase of design because it lets the design participants express and capture lots of different ideas quickly and anywhere that pen and paper will work. Nothing is as fast as running a pen across a sheet of paper to capture an idea—and then another, and another. And since sketching is intentionally rough, everyone can do it.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-1477" title="divergence-and-convergence" src="http://fivesketches.com/wp-content/uploads/2009/05/divergence-and-convergence.png" alt="divergence-and-convergence" width="437" height="205" /></p>
<p style="text-align: center;"><em>Responding to </em><span style="font-family: Wingdings; color: #777777;"></span><em> the problem statement, first</em> <span style="font-family: Wingdings; color: #777777;"></span><em> saturate the design space with lots of ideas, and then </em><span style="font-family: Wingdings; color: #777777;"></span> <em>analyse and rapidly iterate them to </em><span style="font-family: Wingdings; color: #777777;"></span><em> a design solution.</em></p>
<p>I also believe sketching is great for the convergent phase of design, but there are potential hurdles that design participants may encounter. It can be challenging to convey complex interaction, 3D manipulation, transitions, and multi-state or highly interactive GUI in sketches without learning a few additional techniques. This is unfortunate, because having to learn additional techniques reduce the near-universal accessibility of sketching.</p>
<p>The second part of my answer, therefore, is that &#8220;if you need to learn additional techniques to make sketching work, feel free to choose wireframes or prototyping as alternatives when there are compelling reasons to do so.&#8221;</p>
<p>I should point out that the three techniques—sketching, wireframing, and prototyping—are not mutually exclusive. Wireframes and paper prototypes can both be sketched—especially for simple or relatively static GUI designs.</p>
<p>There are no validity concerns with the use of low-fidelity sketches, as these readings show:</p>
<ul>
<li><a title="Opens in a new window" href="https://agora.cs.illinois.edu/download/attachments/4852654/low-fidelity-prototyping.ppt?version=1" target="_blank">Low-fidelity enables rapid and extensive exploration</a>.</li>
<li><a title="Opens in a new window" href="http://portal.acm.org.proxy.lib.sfu.ca/citation.cfm?doid=238386.238516" target="_blank">There&#8217;s no difference between high- and low-fidelity models in usability testing</a>.</li>
<li><a title="Opens in a new window" href="http://www.stanford.edu/~takayama/downloads/Takayama.Prototypes_HFES2002_prepress.pdf" target="_blank">Designers can choose whichever medium and level of fidelity suits their practical needs and design goals</a>.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://fivesketches.com/2009/05/wireframe-or-prototype-sketch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

