<?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>GUI Design and Software Prototyping &#187; lo-fi</title>
	<atom:link href="http://gui-design-prototyping.com/tag/lo-fi/feed/" rel="self" type="application/rss+xml" />
	<link>http://gui-design-prototyping.com</link>
	<description>News and events from Caretta Software about GUI Design Studio and software prototyping</description>
	<lastBuildDate>Thu, 11 Nov 2010 12:27:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Low-Fidelity or High-Fidelity Prototypes for Software?</title>
		<link>http://gui-design-prototyping.com/gui-design-studio/low-fidelity-or-high-fidelity-prototypes-for-software/</link>
		<comments>http://gui-design-prototyping.com/gui-design-studio/low-fidelity-or-high-fidelity-prototypes-for-software/#comments</comments>
		<pubDate>Thu, 12 Oct 2006 11:20:50 +0000</pubDate>
		<dc:creator>Jonathan</dc:creator>
				<category><![CDATA[GUI Design Studio]]></category>
		<category><![CDATA[Prototyping]]></category>
		<category><![CDATA[User Interface Design]]></category>
		<category><![CDATA[hi-fi]]></category>
		<category><![CDATA[lo-fi]]></category>
		<category><![CDATA[software prototyping]]></category>

		<guid isPermaLink="false">http://gui-design-prototyping.com/gui-design-studio/low-fidelity-or-high-fidelity-prototypes-for-software/</guid>
		<description><![CDATA[Let me quickly explain the terms here. Fidelity refers to the level of detail, accuracy or coverage of a prototype. It can relate to functionality but most people use the term in relation to visual appearance and that&#8217;s what I&#8217;ll be referring to here.
So the lowest of the low-fidelity prototypes are very quick hand sketches [...]]]></description>
			<content:encoded><![CDATA[<p>Let me quickly explain the terms here. Fidelity refers to the level of detail, accuracy or coverage of a prototype. It can relate to functionality but most people use the term in relation to visual appearance and that&#8217;s what I&#8217;ll be referring to here.</p>
<p>So the lowest of the low-fidelity prototypes are very quick hand sketches while the highest are fully detailed, pixel perfect renditions.</p>
<p>The obvious advantages of low-fidelity prototypes are the speed at which they can be put together and therefore the low cost involved. After all, anyone can quickly scribble designs on a piece of paper.</p>
<p>But one of the things we hear discussed a lot is that prototypes, especially early ones, really <em>have</em> to be low-fidelity. They need to impress upon people that they are obviously mock-ups and not the real thing. Otherwise, if you use high-fidelity prototypes, you may encounter these negative consequences:</p>
<ol>
<li>When trying to elicit feedback on a design, you find that people pick up on irrelevant details like the colours or the choice of image instead of the content and workflow.<br />
 </li>
<li>They may be so WOW&#8217;d by the beauty of your design that they&#8217;re unable to provide constructive critisism or they may be reluctant to do so for fear of undoing all your hard work.<br />
 </li>
<li>Stakeholders may think that the &#8220;product&#8221; looks so finished that they complain bitterly when they can&#8217;t see much &#8220;progress&#8221; after 6 months of development and implementation.</li>
</ol>
<p>Of course there are many truths to this argument but, for the most part, it depends upon the target audience and their level of understanding of what the prototypes represent.</p>
<p>Project managers, analysts and developers will have no trouble at all in understanding the scope of a user interface prototype and, in may cases, a high-fidelity prototype will help to pinpoint areas of &#8216;over ambitious&#8217; design that might take many months to implement when a simpler alternative will work just as well.</p>
<p>For everyone else, a straight-forward explanation of the scope of the prototype is usually enough. If the stakeholders really don&#8217;t get it then you may be in trouble further down the line!</p>
<p>The irony of point 3 is that although a low-fidelity prototype might be better in lowering expectations that the product will be &#8220;finished in no time at all&#8221;, higher managers and stakeholders don&#8217;t always respond well to them. They&#8217;re not impressed by the rough appearance and prefer to see nicely polished, fancy displays &#8211; something they can envisage as being a final product they or their customers can use.</p>
<p>With specialised tools like <a title="GUI Design Studio Overview" href="http://www.carettasoftware.com/gds/">GUI Design Studio</a> now available, high-fidelity prototypes are becoming much easier, faster and cheaper to produce and the once held advantages of low-fidelity prototypes are becoming insignificant.</p>
<p>As far as we know, our customers are all enjoying the ability to create high-fidelity prototypes and designs but we understand the need to use low-fidelity presentations on occassion.</p>
<p>That is why <a title="GUI Design Studio Overview" href="http://www.carettasoftware.com/gds/">GUI Design Studio</a> provides &#8220;Outline&#8221; display modes and the ability to easily change the overall font of a design to give it a more hand-drawn, rough and ready feel. And to be able to switch back to normal again.</p>
<p>Here&#8217;s our trusty dialog design example in all its XP glory:</p>
<div style="text-align: center"><img title="Windows XP style dialog" alt="Windows XP style dialog" src="http://www.carettasoftware.com/images/PatientRecord-EN.png" /></div>
<p> </p>
<p>And here it is again looking like a quickly drawn mockup after a couple of setting changes:</p>
<div style="text-align: center"><img title="Mockup style dialog" alt="Mockup style dialog" src="http://www.carettasoftware.com/images/PatientRecord-mockup.png" /></div>
<p> </p>
<p>You can see a <a title="Mockup Preferences Tutorial Video" href="http://www.carettasoftware.com/tutorials/mockup-prefs-tutorial.html">quick tutorial video</a> (about 1 minute) of how this transformation took place <a title="Mockup Preferences Tutorial Video" href="http://www.carettasoftware.com/tutorials/mockup-prefs-tutorial.html">here</a>.</p>
<p>Of course, if you really want to, you can also work with paper sketches by scanning them in and incorporating them as images. Place navigation boxes over the buttons and other areas then link them together just like any other design element.</p>
<p> </p>
<p>The <strong>most important</strong> thing with prototypes is to define exactly what their purpose is, then to create them with just the right amount of effort and functionality to convey enough information to obtain agreement on what needs to be implemented and what doesn&#8217;t.</p>
<p> </p>
<p>So what are <em>your</em> experiences with low or high-fidelity prototypes? Do you agree or disagree with what&#8217;s been said here? Maybe you can&#8217;t see the point of creating prototypes at all?</p>
<p>Leave a comment and let us know your opinions!<br />
 </p>
]]></content:encoded>
			<wfw:commentRss>http://gui-design-prototyping.com/gui-design-studio/low-fidelity-or-high-fidelity-prototypes-for-software/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

