<?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>Luminis Software Development &#187; Interaction Design</title>
	<atom:link href="http://lsd.luminis.eu/category/interaction-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://lsd.luminis.eu</link>
	<description></description>
	<lastBuildDate>Sun, 03 Mar 2013 08:42:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>nl</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Misinterpretatie bij zowel gebruiker als ontwikkelaar beperken</title>
		<link>http://lsd.luminis.eu/misinterpretatie-bij-zowel-gebruiker-als-ontwikkelaar-beperken/</link>
		<comments>http://lsd.luminis.eu/misinterpretatie-bij-zowel-gebruiker-als-ontwikkelaar-beperken/#comments</comments>
		<pubDate>Tue, 07 Jun 2011 10:31:10 +0000</pubDate>
		<dc:creator>Wout Lemmens</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Requirements]]></category>
		<category><![CDATA[IxD]]></category>
		<category><![CDATA[News Item]]></category>
		<category><![CDATA[paper prototype]]></category>
		<category><![CDATA[simulatie]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[UX design]]></category>
		<category><![CDATA[wire frame]]></category>

		<guid isPermaLink="false">http://lsd.luminis.eu/?p=1478</guid>
		<description><![CDATA[Requirements beschrijven waaraan een product moet voldoen, met als nadeel dat iedereen die het leest een eigen interpretatie heeft hoe het moet gaan werken. Binnen Luminis zetten we de combinatie van Requirements Analyse en Interaction Design in om hier invulling aan te geven.]]></description>
			<content:encoded><![CDATA[<h3>Misinterpretatie bij zowel gebruiker als ontwikkelaar beperken</h3>
<p>Requirements beschrijven waaraan een product moet voldoen, wat het biedt, welke randvoorwaarden er zijn, hoe het eruit gaat zien, voor wie het bedoeld is, hoe het gaat werken, etc. Maar het blijft een beschrijving, met als nadeel dat iedereen die het leest een eigen interpretatie heeft.</p>
<p>Bij de meeste projecten worden diverse scenario&#8217;s met de eindgebruiker of de klant nagespeeld om te bepalen of de specificatie aansluit bij de verwachting. Dit naspelen maakt het voor een eindgebruiker inzichtelijk, aangezien het simuleren en visualiseren van het beoogde gedrag veel meer tot de verbeelding spreekt. En dit voorkomt dat de eindgebruiker een eigen interpretatie maakt van de specificatie. Zoals beschreven in een blog van Karl O&#8217;Brien over &#8216;<a href="http://blog.blueprintsys.com/Blog/bid/42164/Requirements-are-done-And-the-Oscar-goes-to">Requirements are done&#8230;</a>&#8216;: &#8220;It is like watching a movie versus reading the book, everyone can interpret a book in many ways.&#8221;.</p>
<p>Echter stopt het vaak bij de simulaties voor de eindgebruikers, terwijl dezelfde manier van visuele simulatie ook voor de ontwikkelaars en testers van groot belang is. Kans op misinterpretatie bij een eindgebruiker is nu beperkt, maar bij de ontwikkelaars en testers is de kans daarop nog steeds erg groot. Resultaat: het product wordt ontwikkeld met de misinterpretatie en sluit nog steeds niet aan bij de eindgebruiker, tot groot onvrede. Want per slot van rekening heeft de gebruiker tijd geïnvesteerd in validatie, maar ziet deze daar onvoldoende van terug.</p>
<h3>Werkwijze</h3>
<p>Hoe kun je dit concreet vormgeven, zodat naast gebruikers ook de ontwikkelaars en testers hierin meegenomen worden? Enkele voorbeelden van technieken:</p>
<h4>Applicatie-flow</h4>
<p>De applicatie-flow bevat schermschetsen van alle flow onderdelen, en deze zijn in de juiste volgorde geplaatst en met pijlen aan elkaar gekoppeld. Zo is er inzicht te krijgen in hoe de applicatie gaat werken.<br />
Bij een van onze projecten hebben we de complete applicatie-flow uitgeprint en groot aan de muur gehangen. Wanneer er een nieuw onderdeel door de ontwikkelaars opgepakt werd, kon de werking daarvan goed uitgelegd worden aan de hand van de applicatie-flow. Ook bij onduidelijkheden waren de ontwikkelaars met regelmaat bij de applicatie-flow-muur te vinden.</p>
<div id="attachment_1480" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-1480" title="Webflow aan de muur" src="http://lsd.luminis.eu/wp-content/uploads/2011/06/webflow1-300x225.jpg" alt="Webflow aan de muur" width="300" height="225" /><p class="wp-caption-text">Webflow aan de muur</p></div>
<h4>Paper prototypen</h4>
<p>Paper prototyping stelt ons in staat om heel snel ideeën te verifiëren met klanten en gebruikers. Zoals de term al suggereert wordt het prototype van de software gemaakt van papier, gebruikmakend van bijvoorbeeld PostIt notes, gekleurd papier, schaar en markers. Maar ook het tekenen of knippen/plakken van schermelementen kan goed werken. De verschillende schermonderdelen worden in papier uitgevoerd en op het &#8217;scherm&#8217; (een vel papier of het bureaublad) geplaatst. Vervolgens kan de gebruiker met de ’software’ gaan werken. Wij zijn de ‘computer’, en reageren op de acties van de gebruiker zoals de software het uiteindelijk ook zou gaan doen. Deze manier van werken is goed om te valideren bij een klant, en de uitkomst kan vervolgens via het paper prototype aan engineers getoond worden.</p>
<div id="attachment_1501" class="wp-caption aligncenter" style="width: 310px"><img src="http://lsd.luminis.eu/wp-content/uploads/2011/06/paperPrototype1-300x106.png" alt="Paper prototype" title="Paper prototype" width="300" height="106" class="size-medium wp-image-1501" /><p class="wp-caption-text">Paper prototype</p></div>
<h4>Wire frames</h4>
<p>Het visualiseren van concepten in schetsmatige schermen dwingt ontwikkelaars beslissingen te nemen over functionaliteiten en structuur, en brengt problemen in een vroeg stadium aan het licht. De visualisaties maken het ook mogelijk om de concepten te communiceren naar mensen buiten het team, bijvoorbeeld klanten of gebruikers.<br />
Tenslotte vormen visualisaties zeer expliciete ontwerpdocumentatie; een goede serie (eventueel pixel-perfect) schetsen laat engineers weinig te raden over.</p>
<div id="attachment_1504" class="wp-caption aligncenter" style="width: 310px"><img src="http://lsd.luminis.eu/wp-content/uploads/2011/06/wireframesFlow-300x252.png" alt="Wire frames als flow diagram" title="Wire frames als flow diagram" width="300" height="252" class="size-medium wp-image-1504" /><p class="wp-caption-text">Wire frames als flow diagram</p></div>
<h4>Simulaties</h4>
<p>Veel van het gedrag kan via de bovenstaande manieren inzichtelijk gemaakt worden. Maar het blijft bijzonder moeilijk om interactie aspecten via statische plaatjes duidelijk te maken of tekstueel te beschrijven, laat staan dat gebruikers en ontwikkelaars het vervolgens juist kunnen interpreteren.<br />
Door simulaties in te zetten kan met een clickable prototype, video of animatie veel beter bepaald worden of een interactie aspect werkt zoals het bedacht is. Enerzijds kan aan gebruikers getoond worden hoe bepaald gedrag zal gaan werken, en anderzijds is het ook uitermate geschikt voor engineers om het beoogde gedrag correct te implementeren.</p>
<h3>Voordeel</h3>
<p>Deze technieken voorkomen of beperken misinterpretatie, niet alleen bij de eindgebruikers, maar ook bij de ontwikkelaars en testers. De hele ontwikkelketen dient dit inzicht te hebben, want &#8220;de ketting is zo sterk als de zwakste schakel&#8221;.</p>
]]></content:encoded>
			<wfw:commentRss>http://lsd.luminis.eu/misinterpretatie-bij-zowel-gebruiker-als-ontwikkelaar-beperken/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
