<?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>Wouter Spaan</title>
	<atom:link href="https://wouterspaan.nl/feed/" rel="self" type="application/rss+xml" />
	<link>https://wouterspaan.nl</link>
	<description>Portfolio</description>
	<lastBuildDate>Tue, 23 Nov 2021 17:11:03 +0000</lastBuildDate>
	<language>nl-NL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.4.1</generator>

<image>
	<url>https://wouterspaan.nl/wp-content/uploads/2020/03/cropped-Tekengebied-1@3x-32x32.png</url>
	<title>Wouter Spaan</title>
	<link>https://wouterspaan.nl</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>ORflow in control</title>
		<link>https://wouterspaan.nl/case-studies/orflow-in-control/</link>
		
		<dc:creator><![CDATA[wouter]]></dc:creator>
		<pubDate>Thu, 18 Nov 2021 20:36:59 +0000</pubDate>
				<category><![CDATA[case studies]]></category>
		<guid isPermaLink="false">https://wouterspaan.nl/?p=218</guid>

					<description><![CDATA[ORflow in control. C-touch applicatie: functionaliteit ontwikkeling &#8211; 2020 ORflow is het centrale overzichts- en bedieningssysteem voor in de operatiekamer dat zorg specialisten voorziet van juiste informatie in elke fase van het operatieproces. In deze opdracht ontwerp ik de koppeling van ORflow aan het EPD dat de Sint Maartenskliniek gebruikt om alles vast te leggen [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="218" class="elementor elementor-218" data-elementor-post-type="post">
									<section class="elementor-section elementor-top-section elementor-element elementor-element-24e6c59d elementor-section-height-min-height elementor-section-content-top elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="24e6c59d" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-616d12ef" data-id="616d12ef" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-27f6f4f2 elementor-widget elementor-widget-heading" data-id="27f6f4f2" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">ORflow in control.</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-1351809b elementor-widget elementor-widget-text-editor" data-id="1351809b" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>C-touch applicatie: functionaliteit ontwikkeling &#8211; 2020</p>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-461ef8b0" data-id="461ef8b0" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-33ceeb0 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="33ceeb0" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bf9cc3b" data-id="bf9cc3b" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-ee7926c elementor-widget elementor-widget-image" data-id="ee7926c" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img fetchpriority="high" decoding="async" width="800" height="412" src="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2020-10-08-om-10.26.35-1024x527.png" class="attachment-large size-large wp-image-211" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2020-10-08-om-10.26.35-1024x527.png 1024w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2020-10-08-om-10.26.35-300x154.png 300w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2020-10-08-om-10.26.35-768x395.png 768w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2020-10-08-om-10.26.35-1536x790.png 1536w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2020-10-08-om-10.26.35.png 1734w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d829851 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d829851" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0a8031e" data-id="0a8031e" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-8933adb elementor-widget elementor-widget-text-editor" data-id="8933adb" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>ORflow is het centrale overzichts- en bedieningssysteem voor in de operatiekamer dat zorg specialisten voorziet van juiste informatie in elke fase van het operatieproces.</p><p>In deze opdracht ontwerp ik de koppeling van ORflow aan het EPD dat de Sint Maartenskliniek gebruikt om alles vast te leggen wat tijdens de operatie (en daarbuiten) gebeurt met de patient.</p>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0183f81" data-id="0183f81" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-2be8f89 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2be8f89" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a0b2b45" data-id="a0b2b45" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-2688135 elementor-widget elementor-widget-heading" data-id="2688135" data-element_type="widget" id="emphatize" data-settings="{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:50}},&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">01 Mijn rol</h2>		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d817957 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d817957" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-97c27eb" data-id="97c27eb" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9dabd3d" data-id="9dabd3d" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-847d6e2 elementor-widget elementor-widget-text-editor" data-id="847d6e2" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Bij het totstandkomen van de koppeling heb ik als interaction designer een cruciale rol gespeeld bij de ontwikkeling van de koppeling tussen ORflow en HiX. </p><p>Vanuit de opdrachtformulering ben ik vanuit mijn rol gaat praten met verschillende stakeholders. In het begin vooral met mijn team en de opdrachtgever maar ook met de eindgebruiker. Verder heb ik Orflow leren kennen door het grondig te analyseren aan de hand van de <a href="https://www.nngroup.com/articles/ten-usability-heuristics/" target="_blank" rel="noopener">10 usability heuristieken van Jacob Nielsen.</a> Dit is een krachtige methode om alle verschillende aspecten van een interactief product te doorgronden.</p><p>Tijdens mijn stageperiode heb ik de nieuwe functionaliteit van <em>ORflow in control</em> van A tot Z ontworpen in samenwerking met mijn collega interaction designer tevens product-owner Jens. Hierbij heb ik geschetst, gespard met collega&#8217;s, ontwerpen gemaakt in Sketch, weer geschetst, nog wat gespard met de opdrachtgever, geïtereerd, eindgebruikers gesproken, nog meer geïtereerd. Uiteindelijk heb ik een getest prototype opgeleverd en is mijn ontwerp geïmplementeerd in de software die nu draait, yeah! </p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-dd0105e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="dd0105e" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-20b4d3d" data-id="20b4d3d" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-a663aeb elementor-widget elementor-widget-heading" data-id="a663aeb" data-element_type="widget" data-settings="{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:50}},&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">02 Why tho?</h2>		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-aea2508 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="aea2508" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f2ab21c" data-id="f2ab21c" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-e665983 elementor-widget elementor-widget-text-editor" data-id="e665983" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Ik ben blij dat je het vraagt. Een volledige case study wijden aan een product dat niet eens useful is klinkt niet erg productief. </p><p>Een koppeling tussen ORflow en het EPD heeft een aantal waardevolle voordelen ten opzichte van een losse, read only applicatie. Hierin ligt ook het doel van de opdracht en de criteria waar het aan moet voldoen.</p><p>De reden dat hier een interaction designer aan te pas moet komen is dat dit een grote update is in een product dat al propvol belangrijke functionaliteiten zit. Deze nieuwe feature moet niet afleidend zijn en door de eindgebruiker doordat de eindgebruiker bezig is met een cruciale baan waar letterlijk levens op het spel staan.</p><p>Hiernaast vindt je de belangrijkste motivaties vanuit het ziekenhuis om dit te implementeren.</p>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-db44f4f" data-id="db44f4f" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-eb1d2c1 elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-pagination-position-inside elementor-widget elementor-widget-slides" data-id="eb1d2c1" data-element_type="widget" data-settings="{&quot;navigation&quot;:&quot;both&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}" data-widget_type="slides.default">
				<div class="elementor-widget-container">
					<div class="elementor-swiper">
			<div class="elementor-slides-wrapper elementor-main-swiper swiper-container" dir="ltr" data-animation="">
				<div class="swiper-wrapper elementor-slides">
										<div class="elementor-repeater-item-3165ffc swiper-slide"><div class="swiper-slide-bg" role="img"></div><div class="swiper-slide-inner" ><div class="swiper-slide-contents"><div class="elementor-slide-heading">Safety by design</div><div class="elementor-slide-description">Tijdens de ingreep moeten bepaalde handeingen worden uitgevoerd voordat de medewerkers door mogen naar het volgende onderdeel. Deze controle zit niet in het EPD maar wel in ORflow. Er kan ook sneller worden gewerkt doordat bijvoorbeeld het afvinken van checklijsten maar één keer gedaan hoeft te worden en automatisch wordt ingevuldin het EPD systeem.</div></div></div></div><div class="elementor-repeater-item-f428095 swiper-slide"><div class="swiper-slide-bg" role="img"></div><div class="swiper-slide-inner" ><div class="swiper-slide-contents"><div class="elementor-slide-heading">Certificeringen </div><div class="elementor-slide-description">Checks en protocollen worden vastgelegd zodat het ziekenhuis kan aantonen aan certificeringen te voldoen</div></div></div></div><div class="elementor-repeater-item-21c4487 swiper-slide"><div class="swiper-slide-bg" role="img"></div><div class="swiper-slide-inner" ><div class="swiper-slide-contents"><div class="elementor-slide-heading">Automatisering</div><div class="elementor-slide-description">Alle informatie moet worden vastgelegd volgens bepaalde protocollen. Dit werd eerder altijd handmatig overgetypt na de operatie met potentiële typfouten, onnauwkeurigheid en vergeten informatie tot gevolg. Verder kost dit onnodig veel tijd.</div></div></div></div><div class="elementor-repeater-item-6a9160f swiper-slide"><div class="swiper-slide-bg" role="img"></div><div class="swiper-slide-inner" ><div class="swiper-slide-contents"><div class="elementor-slide-heading">Registratielast verminderen</div><div class="elementor-slide-description">Minder typen en meer mensen helpen! Waarom dubbel werk doen?</div></div></div></div><div class="elementor-repeater-item-07c03b3 swiper-slide"><div class="swiper-slide-bg" role="img"></div><div class="swiper-slide-inner" ><div class="swiper-slide-contents"><div class="elementor-slide-heading">Cognitieve belasting verminderen</div><div class="elementor-slide-description">Medewerkers van de operatiekamer hebben al zwaar werk maar het overtypen van lange formulieren vindt niemand leuk. Dit nemen we hiermee uit handen.</div></div></div></div>				</div>
															<div class="swiper-pagination"></div>
																<div class="elementor-swiper-button elementor-swiper-button-prev" role="button" tabindex="0">
							<i aria-hidden="true" class="eicon-chevron-left"></i>							<span class="elementor-screen-only">Previous slide</span>
						</div>
						<div class="elementor-swiper-button elementor-swiper-button-next" role="button" tabindex="0">
							<i aria-hidden="true" class="eicon-chevron-right"></i>							<span class="elementor-screen-only">Next slide</span>
						</div>
												</div>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-7058b85 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="7058b85" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-db17ae2" data-id="db17ae2" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-12f8997 elementor-widget elementor-widget-image" data-id="12f8997" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="800" height="162" src="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.08.10-1024x207.jpg" class="attachment-large size-large wp-image-245" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.08.10-1024x207.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.08.10-300x61.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.08.10-768x155.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.08.10.jpg 1424w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
				<div class="elementor-element elementor-element-ed69438 elementor-widget elementor-widget-heading" data-id="ed69438" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">De oude fasebalk vormt de basis voor de nieuwe versie</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-e1dba2e elementor-widget elementor-widget-text-editor" data-id="e1dba2e" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Hierin is te zien dat een operatie uit verschillende fases bestaat. Elke fase heeft zijn eigen stappen die doorlopen moeten worden.</p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-2d8b2ea elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2d8b2ea" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0ed5090" data-id="0ed5090" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-3d24583 elementor-widget elementor-widget-heading" data-id="3d24583" data-element_type="widget" data-settings="{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:50}},&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">03 Design criteria</h2>		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-197dbc2 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="197dbc2" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4632547" data-id="4632547" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-0a9d4de elementor-widget elementor-widget-text-editor" data-id="0a9d4de" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<ul><li>ORflow <strong>schrijft data</strong> zoals timestamps en ingevulde checklijsten automatisch weg in het HiX die nu nog handmatig moeten worden ingevoerd.</li><li>Orflow <strong>ondersteunt de gebruiker</strong> in het operatieproces, er moet <strong>geen verwarring en onnodige frictie</strong> ontstaan waardoor de gebruiker vast kan lopen of wordt geremd in zijn werkzaamheden. Als dit het geval is gaat men het niet gebruiken omdat het het proces meer remt dan helpt.</li><li>Binnen ORflow moet er een <strong>‘way back’</strong> zijn wanneer een timestamp per ongeluk is geplaatst door de timestamp te verwijderen en opnieuw te kunnen plaatsen</li><li>Er moet <strong>feedback</strong> zijn dat een timestamp daadwerkelijk is geplaatst zodat hierover geen twijfel kan bestaan wat later alsnog in het EPD gecontroleerd moet worden.</li></ul>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-afb0d70" data-id="afb0d70" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-d10b32c elementor-widget elementor-widget-text-editor" data-id="d10b32c" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div class="page" title="Page 16"><div class="section" style="background-color: rgb(100.000000%, 100.000000%, 100.000000%);"><div class="layoutArea"><div class="column"><div class="page" title="Page 16"><div class="section"><div class="layoutArea"><div class="column"><p>Voordat ik ga schetsen en bedenken hoe de opdracht kan worden uitgevoerd zet ik eerst op een rijtje wat de ontwerpcriteria zijn. Het doel hiervan is om scherp te hebben waar de oplossing aan moet voldoen en daarop terug te kunnen vallen om het overzicht te bewaren.</p><p>Het helpt mij als ontwerper om methodisch te werk te gaan en het ontwerp later beter te kunnen presenteren aan de hand van deze punten. De design criteria zijn bij de briefing van de opdracht scherp geworden en hieronder beschreven.</p></div></div></div></div></div></div></div></div>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-9b807ce elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="9b807ce" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a5b5ebb" data-id="a5b5ebb" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-6eef40a elementor-widget elementor-widget-heading" data-id="6eef40a" data-element_type="widget" data-settings="{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:50}},&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">04 Schetsen</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-28a2340 elementor-widget elementor-widget-text-editor" data-id="28a2340" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div class="page" title="Page 16"><div class="section" style="background-color: rgb(100.000000%, 100.000000%, 100.000000%);"><div class="layoutArea"><div class="column"><div class="page" title="Page 16"><div class="section"><div class="layoutArea"><div class="column"><p>Mijn doel is om ervoor te zorgen dat de gebruiker feedback krijgt over het feit dat een verwerking in het EPD is geweest, zonder dat de gebruiker wordt belet zijn werk goed te doen door afleidende interface elementen die de workflow aantasten.</p></div></div></div></div></div></div></div></div>						</div>
				</div>
				<div class="elementor-element elementor-element-d058dd0 elementor-widget elementor-widget-gallery" data-id="d058dd0" data-element_type="widget" data-settings="{&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;overlay_title&quot;:&quot;description&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns&quot;:4,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;aspect_ratio&quot;:&quot;3:2&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}" data-widget_type="gallery.default">
				<div class="elementor-widget-container">
					<div class="elementor-gallery__container">
							<a class="e-gallery-item elementor-gallery-item elementor-animated-content" href="https://wouterspaan.nl/wp-content/uploads/2021/11/Schetsen-timestamps-1-1-rotated.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="d058dd0" data-elementor-lightbox-title="Scanned Documents" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjU1LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjFcLzExXC9TY2hldHNlbi10aW1lc3RhbXBzLTEtMS1yb3RhdGVkLmpwZyIsInNsaWRlc2hvdyI6ImQwNThkZDAifQ%3D%3D">
					<div class="e-gallery-image elementor-gallery-item__image" data-thumbnail="https://wouterspaan.nl/wp-content/uploads/2021/11/Schetsen-timestamps-1-1-300x131.jpg" data-width="300" data-height="131" aria-label="" role="img" ></div>
											<div class="elementor-gallery-item__overlay"></div>
															<div class="elementor-gallery-item__content">
											</div>
									</a>
							<a class="e-gallery-item elementor-gallery-item elementor-animated-content" href="https://wouterspaan.nl/wp-content/uploads/2021/11/Scanned-Documents-4-3-1.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="d058dd0" data-elementor-lightbox-title="Scanned Documents" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjU0LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjFcLzExXC9TY2FubmVkLURvY3VtZW50cy00LTMtMS5qcGciLCJzbGlkZXNob3ciOiJkMDU4ZGQwIn0%3D">
					<div class="e-gallery-image elementor-gallery-item__image" data-thumbnail="https://wouterspaan.nl/wp-content/uploads/2021/11/Scanned-Documents-4-3-1-300x275.jpg" data-width="300" data-height="275" aria-label="" role="img" ></div>
											<div class="elementor-gallery-item__overlay"></div>
															<div class="elementor-gallery-item__content">
											</div>
									</a>
							<a class="e-gallery-item elementor-gallery-item elementor-animated-content" href="https://wouterspaan.nl/wp-content/uploads/2021/11/Scanned-Documents-4-2.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="d058dd0" data-elementor-lightbox-title="Scanned Documents" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjUzLCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjFcLzExXC9TY2FubmVkLURvY3VtZW50cy00LTIuanBnIiwic2xpZGVzaG93IjoiZDA1OGRkMCJ9">
					<div class="e-gallery-image elementor-gallery-item__image" data-thumbnail="https://wouterspaan.nl/wp-content/uploads/2021/11/Scanned-Documents-4-2-300x207.jpg" data-width="300" data-height="207" aria-label="" role="img" ></div>
											<div class="elementor-gallery-item__overlay"></div>
															<div class="elementor-gallery-item__content">
											</div>
									</a>
							<a class="e-gallery-item elementor-gallery-item elementor-animated-content" href="https://wouterspaan.nl/wp-content/uploads/2021/11/Schetsen-timestamps-2-scaled.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="d058dd0" data-elementor-lightbox-title="Scanned Documents" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjU2LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjFcLzExXC9TY2hldHNlbi10aW1lc3RhbXBzLTItc2NhbGVkLmpwZyIsInNsaWRlc2hvdyI6ImQwNThkZDAifQ%3D%3D">
					<div class="e-gallery-image elementor-gallery-item__image" data-thumbnail="https://wouterspaan.nl/wp-content/uploads/2021/11/Schetsen-timestamps-2-300x154.jpg" data-width="300" data-height="154" aria-label="" role="img" ></div>
											<div class="elementor-gallery-item__overlay"></div>
															<div class="elementor-gallery-item__content">
											</div>
									</a>
					</div>
			</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-fa2a751 elementor-section-height-min-height elementor-section-items-top elementor-section-boxed elementor-section-height-default" data-id="fa2a751" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4e2c9b8" data-id="4e2c9b8" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-71b5fbc elementor-widget elementor-widget-heading" data-id="71b5fbc" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Keuzemomenten door schetsen</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-d9431f1 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs" data-id="d9431f1" data-element_type="widget" data-widget_type="tabs.default">
				<div class="elementor-widget-container">
					<div class="elementor-tabs">
			<div class="elementor-tabs-wrapper" role="tablist" >
									<div id="elementor-tab-title-2271" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="true" data-tab="1" role="tab" tabindex="0" aria-controls="elementor-tab-content-2271" aria-expanded="false">Positie</div>
									<div id="elementor-tab-title-2272" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="2" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2272" aria-expanded="false">Copy</div>
									<div id="elementor-tab-title-2273" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="3" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2273" aria-expanded="false">Start en stop incisie</div>
							</div>
			<div class="elementor-tabs-content-wrapper" role="tablist" aria-orientation="vertical">
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="true" data-tab="1" role="tab" tabindex="0" aria-controls="elementor-tab-content-2271" aria-expanded="false">Positie</div>
					<div id="elementor-tab-content-2271" class="elementor-tab-content elementor-clearfix" data-tab="1" role="tabpanel" aria-labelledby="elementor-tab-title-2271" tabindex="0" hidden="false"><p><strong>De conclusie die uit het schetsen is dat de timestamps in de fasebalk moeten komen.</strong></p><p>De reden hiervoor is dat het (tijds)verloop van de operatie in de huidige situatie daar al wordt weergegeven. De gebruiker zal daarom de timestamps ook beter kunnen koppelen aan de fasebalk en dus weten dat ze bij elkaar horen. Dit heeft te maken van het Gestaltprincipe “common region” waarin elementen die dicht bij elkaar staan als een groep worden gezien ​(7 Gestalt Principles of Visual Perception: Cognitive Psychology for UX | UserTesting Blog, 2019)​. De locatie van de timestamps komen op de plek te staan waar de timestamp bij hoort. De timestamp “Start inleiding” komt dus te staan ter hoogte van de fase “Inleiding” en de timestamp “Start incisie” hoort bij de “Operatie” fase dus komt daarbij te staan.</p></div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="2" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2272" aria-expanded="false">Copy</div>
					<div id="elementor-tab-content-2272" class="elementor-tab-content elementor-clearfix" data-tab="2" role="tabpanel" aria-labelledby="elementor-tab-title-2272" tabindex="0" hidden="hidden"><p>Om het doel te bereiken dat de gebruiker niet wordt belet zijn werk goed te doen door afleidende interface elementen probeer ik de tekst zo compact mogelijk te maken. Hierdoor heb ik ervoor gekozen om alleen de tijd weer te geven en hierbij de titel van de timestamp weg te laten. De positie van de timestamp geeft dan weer waar de timestamp bij hoort. De timestamps blijven hierdoor compact en zijn minder overheersend.</p></div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="3" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2273" aria-expanded="false">Start en stop incisie</div>
					<div id="elementor-tab-content-2273" class="elementor-tab-content elementor-clearfix" data-tab="3" role="tabpanel" aria-labelledby="elementor-tab-title-2273" tabindex="0" hidden="hidden"><p><strong>De start en stop incisie knoppen zijn gepositioneerd op dezelfde plek als waar de timestamps verschijnen om te zorgen dat alle belangrijke fases en momenten in de fasebalk blijven. </strong></p><p>De start en stop incisie knoppen hebben een ander uiterlijk dan de timestamps omdat het triggers zijn die op het moment van de incisie en het sluiten van de wond ingedrukt moeten worden door de gebruikers. Dit afwijkende uiterlijk is een signifier voor de gebruiker dat er een andere interactie nodig is, namelijk het drukken op de knop. Door de knoppen zo te plaatsen blijven ze in de flow van de timestamps en is ook duidelijk voor de gebruiker dat het bij de timestamps hoort. Tijdens de gebruikerssessie is naar voren gekomen dat de stop incisie knop moet kunnen worden ingedrukt in meerdere fases, hierdoor kunnen ze niet in de content van een fase geplaatst worden.</p></div>
							</div>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-0eea65d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0eea65d" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d06228d" data-id="d06228d" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-374cbdd elementor-widget elementor-widget-heading" data-id="374cbdd" data-element_type="widget" data-settings="{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:50}},&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">05 Ontwerp</h2>		</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-11c27a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="11c27a5" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-fa913a6" data-id="fa913a6" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-ed09421 elementor-widget elementor-widget-text-editor" data-id="ed09421" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div class="page" title="Page 16"><div class="section" style="background-color: rgb(100.000000%, 100.000000%, 100.000000%);"><div class="layoutArea"><div class="column"><div class="page" title="Page 16"><div class="section"><div class="layoutArea"><div class="column"><p>Mijn doel is om te onderzoeken hoe de interactie van het verwijderen van de timestamp het best kan worden weergegeven. De reden hiervoor is dat de operatie een protocol volgt waarin aan een volgende acties elkaar opvolgen. De verwijder-interactie zorgt voor een way back voor de gebruiker bij een timestamp die te vroeg is gezet. Hierop heb ik systematisch het ontwerp steeds verder ontwikkeld door eerst meerdere low-fidelity iteraties door te voeren, vervolgens mid-fidelity en als laatste een high-fidelity prototype op te leveren. Elk prototype is gepresenteerd aan de eindgebruiker welke daar vervolgens feedback op kon geven. Daarnaast hebben de gebruikers het prototype ook zelf gekregen om later nog te kunnen testen.</p></div></div></div></div></div></div></div></div>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-817214d" data-id="817214d" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-2f92e2e elementor-widget elementor-widget-text-editor" data-id="2f92e2e" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div class="page" title="Page 16"><div class="section" style="background-color: rgb(100.000000%, 100.000000%, 100.000000%);"><div class="layoutArea"><div class="column"><div class="page" title="Page 16"><div class="section"><div class="layoutArea"><div class="column"><p>De conclusie die uit de iteraties kwam is dat de timestamps niet afleidend moeten zijn. Het is geen core-feature en mag dus niet opvallender zijn dan features die essentieel zijn voor het verloop van de operatie. Bij een happy flow zal de gebruiker hier niet naar kijken en is enkel feedback van belang, maar bij een fout moet men echter snel weten waar en hoe dit te herstellen is. Om niet teveel af te leiden is alleen de laatste gezette timestamp zichtbaar. Wel is het door middel van progressive disclosure mogelijk om een overzicht van alle timestamps te bekijken door op de timestamp in de fasebalk te tikken. De laatst gezette timestamp is de enige die verwijderd kan worden. Als er namelijk een paar stappen terug iets wordt verwijderd kan dit gevolgen hebben voor de andere fases. Daarom is het van belang dat de gebruiker alleen stapsgewijs terug kan. Het definitieve ontwerp van de nieuwe fasebalk is weergegeven in de afbeelding: Definitief timestamp ontwerp.</p></div></div></div></div></div></div></div></div>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<div class="elementor-element elementor-element-925747a elementor-widget elementor-widget-image-gallery" data-id="925747a" data-element_type="widget" data-widget_type="image-gallery.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-gallery">
			
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="925747a" data-elementor-lightbox-title="Artboard Copy 41" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjYxLCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjFcLzExXC9BcnRib2FyZC1Db3B5LTQxLmpwZyIsInNsaWRlc2hvdyI6IjkyNTc0N2EifQ%3D%3D" href='https://wouterspaan.nl/wp-content/uploads/2021/11/Artboard-Copy-41.jpg'><img decoding="async" width="800" height="129" src="https://wouterspaan.nl/wp-content/uploads/2021/11/Artboard-Copy-41-1024x165.jpg" class="attachment-large size-large" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2021/11/Artboard-Copy-41-1024x165.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2021/11/Artboard-Copy-41-300x48.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2021/11/Artboard-Copy-41-768x124.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2021/11/Artboard-Copy-41.jpg 1184w" sizes="(max-width: 800px) 100vw, 800px" /></a>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-3b07fee elementor-widget elementor-widget-image-gallery" data-id="3b07fee" data-element_type="widget" data-widget_type="image-gallery.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-gallery">
			
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="3b07fee" data-elementor-lightbox-title="Operatie Copy 2@2x" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjYzLCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjFcLzExXC9PcGVyYXRpZS1Db3B5LTJAMngucG5nIiwic2xpZGVzaG93IjoiM2IwN2ZlZSJ9" href='https://wouterspaan.nl/wp-content/uploads/2021/11/Operatie-Copy-2@2x.png'><img decoding="async" width="300" height="169" src="https://wouterspaan.nl/wp-content/uploads/2021/11/Operatie-Copy-2@2x-300x169.png" class="attachment-medium size-medium" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2021/11/Operatie-Copy-2@2x-300x169.png 300w, https://wouterspaan.nl/wp-content/uploads/2021/11/Operatie-Copy-2@2x-1024x576.png 1024w, https://wouterspaan.nl/wp-content/uploads/2021/11/Operatie-Copy-2@2x-768x432.png 768w, https://wouterspaan.nl/wp-content/uploads/2021/11/Operatie-Copy-2@2x-1536x864.png 1536w, https://wouterspaan.nl/wp-content/uploads/2021/11/Operatie-Copy-2@2x-2048x1152.png 2048w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="3b07fee" data-elementor-lightbox-title="Schermafbeelding 2021-11-23 om 11.55.04" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjY0LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjFcLzExXC9TY2hlcm1hZmJlZWxkaW5nLTIwMjEtMTEtMjMtb20tMTEuNTUuMDQuanBnIiwic2xpZGVzaG93IjoiM2IwN2ZlZSJ9" href='https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.55.04.jpg'><img decoding="async" width="300" height="169" src="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.55.04-300x169.jpg" class="attachment-medium size-medium" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.55.04-300x169.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.55.04-1024x576.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.55.04-768x432.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.55.04-1536x864.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.55.04.jpg 1921w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="3b07fee" data-elementor-lightbox-title="Schermafbeelding 2021-11-23 om 11.57.17" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjY1LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjFcLzExXC9TY2hlcm1hZmJlZWxkaW5nLTIwMjEtMTEtMjMtb20tMTEuNTcuMTcuanBnIiwic2xpZGVzaG93IjoiM2IwN2ZlZSJ9" href='https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.57.17.jpg'><img decoding="async" width="300" height="169" src="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.57.17-300x169.jpg" class="attachment-medium size-medium" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.57.17-300x169.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.57.17-1024x577.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.57.17-768x433.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.57.17-1536x866.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.57.17.jpg 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="3b07fee" data-elementor-lightbox-title="Schermafbeelding 2021-11-23 om 11.58.44" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjY2LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjFcLzExXC9TY2hlcm1hZmJlZWxkaW5nLTIwMjEtMTEtMjMtb20tMTEuNTguNDQuanBnIiwic2xpZGVzaG93IjoiM2IwN2ZlZSJ9" href='https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.58.44.jpg'><img decoding="async" width="300" height="169" src="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.58.44-300x169.jpg" class="attachment-medium size-medium" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.58.44-300x169.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.58.44-1024x576.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.58.44-768x432.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.58.44-1536x864.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.58.44.jpg 1923w" sizes="(max-width: 300px) 100vw, 300px" /></a>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-a5d730c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a5d730c" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-770158f" data-id="770158f" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-fab0125 elementor-widget elementor-widget-heading" data-id="fab0125" data-element_type="widget" data-settings="{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:50}},&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">06 Low fidelity</h2>		</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-73bb63f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="73bb63f" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c9ce688" data-id="c9ce688" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-a0f5343 elementor-widget elementor-widget-text-editor" data-id="a0f5343" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div class="page" title="Page 16"><div class="section" style="background-color: rgb(100.000000%, 100.000000%, 100.000000%);"><div class="layoutArea"><div class="column"><div class="page" title="Page 16"><div class="section"><div class="layoutArea"><div class="column"><p>Om tot het eindontwerp te komen heb ik veel verschillende iteraties doorlopen om aan de ontwerpcriteria te voldoen. Hieronder staan een aantal low fidelity ontwerpen waar ik mee ben begonnen.</p></div></div></div></div></div></div></div></div>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-f0bcb13" data-id="f0bcb13" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<div class="elementor-element elementor-element-a85243e elementor-widget elementor-widget-image-gallery" data-id="a85243e" data-element_type="widget" data-widget_type="image-gallery.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-gallery">
			
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="a85243e" data-elementor-lightbox-title="Schermafbeelding 2021-11-23 om 12.08.26" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjcyLCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjFcLzExXC9TY2hlcm1hZmJlZWxkaW5nLTIwMjEtMTEtMjMtb20tMTIuMDguMjYuanBnIiwic2xpZGVzaG93IjoiYTg1MjQzZSJ9" href='https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-12.08.26.jpg'><img decoding="async" width="800" height="573" src="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-12.08.26-1024x734.jpg" class="attachment-large size-large" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-12.08.26-1024x734.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-12.08.26-300x215.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-12.08.26-768x551.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-12.08.26.jpg 1438w" sizes="(max-width: 800px) 100vw, 800px" /></a>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-4e00fd2 elementor-section-height-min-height elementor-section-items-top elementor-section-boxed elementor-section-height-default" data-id="4e00fd2" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7446bfd" data-id="7446bfd" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-f1731b9 elementor-widget elementor-widget-heading" data-id="f1731b9" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Keuzemomenten low fidelity</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-e85882d elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs" data-id="e85882d" data-element_type="widget" data-widget_type="tabs.default">
				<div class="elementor-widget-container">
					<div class="elementor-tabs">
			<div class="elementor-tabs-wrapper" role="tablist" >
									<div id="elementor-tab-title-2431" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="true" data-tab="1" role="tab" tabindex="0" aria-controls="elementor-tab-content-2431" aria-expanded="false">Positie</div>
									<div id="elementor-tab-title-2432" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="2" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2432" aria-expanded="false">Info per timestamp</div>
									<div id="elementor-tab-title-2433" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="3" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2433" aria-expanded="false">Start en stop incisie</div>
									<div id="elementor-tab-title-2434" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="4" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2434" aria-expanded="false">Vormgeving</div>
							</div>
			<div class="elementor-tabs-content-wrapper" role="tablist" aria-orientation="vertical">
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="true" data-tab="1" role="tab" tabindex="0" aria-controls="elementor-tab-content-2431" aria-expanded="false">Positie</div>
					<div id="elementor-tab-content-2431" class="elementor-tab-content elementor-clearfix" data-tab="1" role="tabpanel" aria-labelledby="elementor-tab-title-2431" tabindex="0" hidden="false"><p>In de low fidelity versies was het doel om te bepalen waar de timestamps in de interface verwerkt moesten worden. In de schetsfase is dit al globaal bepaald maar in de echte interface zit minder ruimte dan verwacht. De posities worden weergegeven op basis van fase overgang. De timestamp staat tussen deze fases in in de fasebalk. In afbeelding “Low fidelity prototype iteratie 1” betekent dus dat de timestamp “einde operatie” vertegenwoordigd, en bij “Low fidelity prototype iteratie 2” staat de timestamp voor “einde inleiding”. In low fidelity prototype iteratie 3 heb ik extra ruimte gemaakt tussen de faseknoppen en de tijdbalk. De reden hiervoor is zodat de faseknoppen altijd volledig klikbaar blijven, er geen tekst overlap kan ontstaan, een rustiger beeld ontstaat waarin niet alle elementen bij elkaar gepropt zitten. Daarnaast is de geplande tijdsbalk statisch, deze is altijd 1 kleur (grijs) en vooral de tijdstippen zijn van belang. Hierdoor kon ik deze een stuk smaller maken en hierdoor veel ruimte besparen waardoor de timestamps een volledig eigen plek hebben kunnen krijgen.</p></div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="2" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2432" aria-expanded="false">Info per timestamp</div>
					<div id="elementor-tab-content-2432" class="elementor-tab-content elementor-clearfix" data-tab="2" role="tabpanel" aria-labelledby="elementor-tab-title-2432" tabindex="0" hidden="hidden"><p>Zoals bij de schetsen is alleen de tijd van de timestamp zichtbaar, met daarnaast een meer info knop. Dit houdt rekening met het interactie ontwerp patroon ​progressive disclosure waarin geavanceerde of zelden gebruikte functies naar een ander scherm verplaatst worden waardoor de applicatie beter te leren kennen wordt (Nielsen, 2006).</p></div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="3" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2433" aria-expanded="false">Start en stop incisie</div>
					<div id="elementor-tab-content-2433" class="elementor-tab-content elementor-clearfix" data-tab="3" role="tabpanel" aria-labelledby="elementor-tab-title-2433" tabindex="0" hidden="hidden"><p>De start en stop incisie knoppen heb ik in dit ontwerp een andere kleur gegeven (groen) dan de timestamps (donkergrijs). Het doel hiervan is dat duidelijk wordt gemaakt dat de timestamps informatie weergeven en de knop een actie vereist. De start en stop incisie knop verandert in een timestamp wanneer deze is ingedrukt. Daarnaast horen deze acties bij elkaar, daarom zijn ze aan elkaar gekoppeld. Hierdoor weet de gebruiker dat de actie tweedelig is.</p></div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="4" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2434" aria-expanded="false">Vormgeving</div>
					<div id="elementor-tab-content-2434" class="elementor-tab-content elementor-clearfix" data-tab="4" role="tabpanel" aria-labelledby="elementor-tab-title-2434" tabindex="0" hidden="hidden"><p>De kleur van de timestamp is van een bijna zwart naar wit gegaan. De reden hiervoor is dat de timestamp te druk werd doordat de vullende kleur veel contrast veroorzaakte. De timestamp heeft een ondersteunende functie en moet aanwezig zijn, maar niet afleiden. De meer info knop is blauw geworden. Dit is hetzelfde blauw als dat al in de software zit, en zorgt voor een signifier dat de knop kan worden ingedrukt voor meer informatie. Ook de achtergrond schaduw zorgt ervoor dat het duidelijker wordt dat de timestamp klikbaar is.</p></div>
							</div>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-640c855 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="640c855" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bc1f906" data-id="bc1f906" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-e74cec0 elementor-widget elementor-widget-heading" data-id="e74cec0" data-element_type="widget" data-settings="{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:50}},&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">07 Mid fidelity</h2>		</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-0350f54 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0350f54" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-e5f74a0" data-id="e5f74a0" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-301e93a elementor-widget elementor-widget-text-editor" data-id="301e93a" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div class="page" title="Page 16"><div class="section" style="background-color: rgb(100.000000%, 100.000000%, 100.000000%);"><div class="layoutArea"><div class="column"><div class="page" title="Page 16"><div class="section"><div class="layoutArea"><div class="column"><p>Om tot het eindontwerp te komen heb ik veel verschillende iteraties doorlopen om aan de ontwerpcriteria te voldoen. Hieronder staan een aantal mid fidelity ontwerpen nav low fidelity en gebruikerssessies.</p></div></div></div></div></div></div></div></div>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-eedc8a7" data-id="eedc8a7" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<div class="elementor-element elementor-element-5d4de10 elementor-widget elementor-widget-image-gallery" data-id="5d4de10" data-element_type="widget" data-widget_type="image-gallery.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-gallery">
			
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="5d4de10" data-elementor-lightbox-title="Schermafbeelding 2021-11-23 om 12.23.45" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6Mjc3LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjFcLzExXC9TY2hlcm1hZmJlZWxkaW5nLTIwMjEtMTEtMjMtb20tMTIuMjMuNDUuanBnIiwic2xpZGVzaG93IjoiNWQ0ZGUxMCJ9" href='https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-12.23.45.jpg'><img decoding="async" width="800" height="937" src="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-12.23.45-874x1024.jpg" class="attachment-large size-large" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-12.23.45-874x1024.jpg 874w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-12.23.45-256x300.jpg 256w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-12.23.45-768x900.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-12.23.45.jpg 1143w" sizes="(max-width: 800px) 100vw, 800px" /></a>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-e183e64 elementor-section-height-min-height elementor-section-items-top elementor-section-boxed elementor-section-height-default" data-id="e183e64" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-13a991e" data-id="13a991e" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-f4e2760 elementor-widget elementor-widget-heading" data-id="f4e2760" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Keuzemomenten mid fidelity</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-c27bda4 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs" data-id="c27bda4" data-element_type="widget" data-widget_type="tabs.default">
				<div class="elementor-widget-container">
					<div class="elementor-tabs">
			<div class="elementor-tabs-wrapper" role="tablist" >
									<div id="elementor-tab-title-2031" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="true" data-tab="1" role="tab" tabindex="0" aria-controls="elementor-tab-content-2031" aria-expanded="false">Positie</div>
									<div id="elementor-tab-title-2032" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="2" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2032" aria-expanded="false">Start en stop incisie</div>
									<div id="elementor-tab-title-2033" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="3" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2033" aria-expanded="false">Vormgeving</div>
									<div id="elementor-tab-title-2034" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="4" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2034" aria-expanded="false">Iconen</div>
							</div>
			<div class="elementor-tabs-content-wrapper" role="tablist" aria-orientation="vertical">
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="true" data-tab="1" role="tab" tabindex="0" aria-controls="elementor-tab-content-2031" aria-expanded="false">Positie</div>
					<div id="elementor-tab-content-2031" class="elementor-tab-content elementor-clearfix" data-tab="1" role="tabpanel" aria-labelledby="elementor-tab-title-2031" tabindex="0" hidden="false"><p>Doordat er nu een hele rij aan ruimte is vrijgemaakt waarin de timestamps passen heb ik een aantal iteraties gewijd aan het onderzoeken of alle timestamps tegelijk tonen een optie is. Het is hierbij nog steeds de bedoeling dat alleen de laatste timestamp te verwijderen is, waardoor ik verschillende states heb ontworpen, namelijk waarin de timestamp klikbaar is en niet klikbaar is. Dit werd echter snel te druk en rommelig en de oorspronkelijke reden van het tonen van de timestamps, namelijk het kunnen verwijderen, kon niet worden bereikt door de niet-klikbare timestamps. Om deze redenen zijn we teruggegaan naar het tonen van 1 timestamp, namelijk de laatst gezette.</p></div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="2" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2032" aria-expanded="false">Start en stop incisie</div>
					<div id="elementor-tab-content-2032" class="elementor-tab-content elementor-clearfix" data-tab="2" role="tabpanel" aria-labelledby="elementor-tab-title-2032" tabindex="0" hidden="hidden"><p>De start en stop incisie hebben een andere vorm gekregen om meer in lijn te zijn met de rondingen van de timestamps. Ze zijn nog wel onderscheidend als knop doordat ze een schaduw hebben en een andere kleur. Het doel hiervan is zodat de gebruiker weet dat dat een call to action is, en geen weergave van een gebeurtenis.</p></div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="3" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2033" aria-expanded="false">Vormgeving</div>
					<div id="elementor-tab-content-2033" class="elementor-tab-content elementor-clearfix" data-tab="3" role="tabpanel" aria-labelledby="elementor-tab-title-2033" tabindex="0" hidden="hidden"><p>Om ervoor te zorgen dat de timestamps beter gekoppeld kunnen worden aan de fase van de operatie waar ze bij horen heb ik een aantal varianten ontworpen waarin de timestamps de kleur kregen van de bijbehorende fase. Dit werd echter te druk en afleidend waardoor ik weer terugging naar neutrale kleuren.</p></div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="4" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2034" aria-expanded="false">Iconen</div>
					<div id="elementor-tab-content-2034" class="elementor-tab-content elementor-clearfix" data-tab="4" role="tabpanel" aria-labelledby="elementor-tab-title-2034" tabindex="0" hidden="hidden"><div class="page" title="Page 24"><div class="section"><div class="layoutArea"><div class="column"><p>Om duidelijker te maken dat de timestamp klikbaar is en een signifier te geven dat er een lijst tevoorschijn komt wanneer op de timestamp wordt geklikt heb ik het “i” icoon vervangen door een lijst icoon.</p></div></div></div></div></div>
							</div>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-afe291f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="afe291f" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f451c1e" data-id="f451c1e" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-06e122b elementor-widget elementor-widget-heading" data-id="06e122b" data-element_type="widget" data-settings="{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:50}},&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">08 Gebruikers input</h2>		</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-aeee10b elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="aeee10b" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-8fdb7a4" data-id="8fdb7a4" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-07a5104 elementor-widget elementor-widget-text-editor" data-id="07a5104" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div class="page" title="Page 16"><div class="section" style="background-color: rgb(100.000000%, 100.000000%, 100.000000%);"><div class="layoutArea"><div class="column"><div class="page" title="Page 16"><div class="section"><div class="layoutArea"><div class="column"><p>De eindgebruikers zijn meerdere keren gesproken om feedback te kunnen krijgen van de gemaakte interactie ontwerpen. Deze gebruikers bestaan uit artsen, omloopmedewekers en per sessie zaten er hier ongeveer 5 tot 10 van in de meeting. Het doel hiervan is dat ik wilde weten of we nog op de juiste weg zaten, of het proces op de OK echt zo gebeurd zoals wij het in ORflow bedacht hebben en of we vaktermen en dergelijke goed hebben geïnterpreteerd. Hier hebben we dus ook gericht naar gevraagd. Hierdoor kan ik nog snel bijsturen wanneer blijkt dat iets niet kan of werkt op de manier waarop we het hebben ontworpen. We hebben hierbij gebruik gemaakt van semi-gestructureerde interviews en deze aan de hand van het prototype doorlopen. Elke vraag, onduidelijkheid of feedback heb ik meegenomen om vervolgens daarop weer iteraties door te voeren. Ook heb ik regelmatig om feedback gevraagd en hebben Jens en ik vaak gespard om tot conclusies te komen over onder andere kleuren, copy, vormen en iconen.<br />Het effect hiervan was dat ik doelgericht aanpassingen heb kunnen doorvoeren en kon bijsturen die direct als feedback waren genoemd in de gebruikerssessies.</p></div></div></div></div></div></div></div></div>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2d22354" data-id="2d22354" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-c5c2ac9 elementor-widget elementor-widget-image" data-id="c5c2ac9" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="800" height="534" src="https://wouterspaan.nl/wp-content/uploads/2021/11/DSC09805-1-1024x684.jpg" class="attachment-large size-large wp-image-278" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2021/11/DSC09805-1-1024x684.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2021/11/DSC09805-1-300x200.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2021/11/DSC09805-1-768x513.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2021/11/DSC09805-1-1536x1026.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2021/11/DSC09805-1-2048x1368.jpg 2048w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
					</div>
		</div>
							</div>
		</section>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-3cf7336 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3cf7336" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5073737" data-id="5073737" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-e3ef831 elementor-widget elementor-widget-heading" data-id="e3ef831" data-element_type="widget" data-settings="{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:50}},&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">09 High fidelity</h2>		</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-71c75f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="71c75f9" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-faf3f54" data-id="faf3f54" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-226dab5 elementor-widget elementor-widget-text-editor" data-id="226dab5" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div class="page" title="Page 16">
<div class="section" style="background-color: rgb(100.000000%, 100.000000%, 100.000000%);">
<div class="layoutArea">
<div class="column">
<div class="page" title="Page 16">
<div class="section">
<div class="layoutArea">
<div class="column">
<p>Om tot het eindontwerp te komen heb ik veel verschillende iteraties doorlopen om aan de ontwerpcriteria te voldoen. Hieronder staan de high fidelity ontwerpen.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-a6eddef" data-id="a6eddef" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<div class="elementor-element elementor-element-5f49cf8 elementor-widget elementor-widget-image-gallery" data-id="5f49cf8" data-element_type="widget" data-widget_type="image-gallery.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-gallery">
			
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="5f49cf8" data-elementor-lightbox-title="Artboard Copy 41" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjYxLCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjFcLzExXC9BcnRib2FyZC1Db3B5LTQxLmpwZyIsInNsaWRlc2hvdyI6IjVmNDljZjgifQ%3D%3D" href='https://wouterspaan.nl/wp-content/uploads/2021/11/Artboard-Copy-41.jpg'><img decoding="async" width="800" height="129" src="https://wouterspaan.nl/wp-content/uploads/2021/11/Artboard-Copy-41-1024x165.jpg" class="attachment-large size-large" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2021/11/Artboard-Copy-41-1024x165.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2021/11/Artboard-Copy-41-300x48.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2021/11/Artboard-Copy-41-768x124.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2021/11/Artboard-Copy-41.jpg 1184w" sizes="(max-width: 800px) 100vw, 800px" /></a>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-8f26d4e elementor-widget elementor-widget-image-gallery" data-id="8f26d4e" data-element_type="widget" data-widget_type="image-gallery.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-gallery">
			
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="8f26d4e" data-elementor-lightbox-title="Operatie Copy 2@2x" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjYzLCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjFcLzExXC9PcGVyYXRpZS1Db3B5LTJAMngucG5nIiwic2xpZGVzaG93IjoiOGYyNmQ0ZSJ9" href='https://wouterspaan.nl/wp-content/uploads/2021/11/Operatie-Copy-2@2x.png'><img decoding="async" width="300" height="169" src="https://wouterspaan.nl/wp-content/uploads/2021/11/Operatie-Copy-2@2x-300x169.png" class="attachment-medium size-medium" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2021/11/Operatie-Copy-2@2x-300x169.png 300w, https://wouterspaan.nl/wp-content/uploads/2021/11/Operatie-Copy-2@2x-1024x576.png 1024w, https://wouterspaan.nl/wp-content/uploads/2021/11/Operatie-Copy-2@2x-768x432.png 768w, https://wouterspaan.nl/wp-content/uploads/2021/11/Operatie-Copy-2@2x-1536x864.png 1536w, https://wouterspaan.nl/wp-content/uploads/2021/11/Operatie-Copy-2@2x-2048x1152.png 2048w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="8f26d4e" data-elementor-lightbox-title="Schermafbeelding 2021-11-23 om 11.55.04" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjY0LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjFcLzExXC9TY2hlcm1hZmJlZWxkaW5nLTIwMjEtMTEtMjMtb20tMTEuNTUuMDQuanBnIiwic2xpZGVzaG93IjoiOGYyNmQ0ZSJ9" href='https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.55.04.jpg'><img decoding="async" width="300" height="169" src="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.55.04-300x169.jpg" class="attachment-medium size-medium" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.55.04-300x169.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.55.04-1024x576.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.55.04-768x432.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.55.04-1536x864.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.55.04.jpg 1921w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="8f26d4e" data-elementor-lightbox-title="Schermafbeelding 2021-11-23 om 11.57.17" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjY1LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjFcLzExXC9TY2hlcm1hZmJlZWxkaW5nLTIwMjEtMTEtMjMtb20tMTEuNTcuMTcuanBnIiwic2xpZGVzaG93IjoiOGYyNmQ0ZSJ9" href='https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.57.17.jpg'><img decoding="async" width="300" height="169" src="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.57.17-300x169.jpg" class="attachment-medium size-medium" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.57.17-300x169.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.57.17-1024x577.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.57.17-768x433.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.57.17-1536x866.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.57.17.jpg 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="8f26d4e" data-elementor-lightbox-title="Schermafbeelding 2021-11-23 om 11.58.44" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjY2LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjFcLzExXC9TY2hlcm1hZmJlZWxkaW5nLTIwMjEtMTEtMjMtb20tMTEuNTguNDQuanBnIiwic2xpZGVzaG93IjoiOGYyNmQ0ZSJ9" href='https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.58.44.jpg'><img decoding="async" width="300" height="169" src="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.58.44-300x169.jpg" class="attachment-medium size-medium" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.58.44-300x169.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.58.44-1024x576.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.58.44-768x432.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.58.44-1536x864.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2021/11/Schermafbeelding-2021-11-23-om-11.58.44.jpg 1923w" sizes="(max-width: 300px) 100vw, 300px" /></a>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-8d4747c elementor-section-height-min-height elementor-section-items-top elementor-section-boxed elementor-section-height-default" data-id="8d4747c" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-540c6dc" data-id="540c6dc" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-a02d7af elementor-widget elementor-widget-heading" data-id="a02d7af" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Keuzemomenten high fidelity</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-a412dea elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs" data-id="a412dea" data-element_type="widget" data-widget_type="tabs.default">
				<div class="elementor-widget-container">
					<div class="elementor-tabs">
			<div class="elementor-tabs-wrapper" role="tablist" >
									<div id="elementor-tab-title-1721" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="true" data-tab="1" role="tab" tabindex="0" aria-controls="elementor-tab-content-1721" aria-expanded="false">Start incisie en wond gesloten</div>
									<div id="elementor-tab-title-1722" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="2" role="tab" tabindex="-1" aria-controls="elementor-tab-content-1722" aria-expanded="false">Positie</div>
									<div id="elementor-tab-title-1723" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="3" role="tab" tabindex="-1" aria-controls="elementor-tab-content-1723" aria-expanded="false">Info per timestamp</div>
									<div id="elementor-tab-title-1724" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="4" role="tab" tabindex="-1" aria-controls="elementor-tab-content-1724" aria-expanded="false">Vormgeving</div>
									<div id="elementor-tab-title-1725" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="5" role="tab" tabindex="-1" aria-controls="elementor-tab-content-1725" aria-expanded="false">Iconen</div>
							</div>
			<div class="elementor-tabs-content-wrapper" role="tablist" aria-orientation="vertical">
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="true" data-tab="1" role="tab" tabindex="0" aria-controls="elementor-tab-content-1721" aria-expanded="false">Start incisie en wond gesloten</div>
					<div id="elementor-tab-content-1721" class="elementor-tab-content elementor-clearfix" data-tab="1" role="tabpanel" aria-labelledby="elementor-tab-title-1721" tabindex="0" hidden="false"><p>In de gebruikerssessie gaven de gebruikers aan dat ze de term ‘stop incisie’ niet gebruiken, en dat de timestamp gezet moet worden wanneer de wond dicht is.</p><p><strong>Hierop hebben we de term ‘stop incisie’ aangepast naar ‘wond gesloten’ om het tijdstip aan te geven wanneer de wond dicht is. Daarnaast hebben we de acties gekoppeld aan het versturen van de checklijsten in de operatiefase.</strong></p><p>De gebruikers kunnen namelijk de checklijst al afvinken en hiermee de sluiting van de wond voorbereiden, maar wanneer ze de wond sluiten wordt de checklijst pas verstuurd Het is namelijk niet relevant wanneer de checklijst is gedaan, als deze maar gedaan wordt. Het is alleen relevant om te weten wanneer de wond echt gesloten is. De gebruiker kan dus ook de checklijst deels afvinken, navigeren naar de sign-out fase en vervolgens terug navigeren naar de operatiefase om de wond te sluiten. Dit is dezelfde interactie als die van het starten van de incisie. Door dit gelijk te trekken houden we de interactie meer in lijn met de rest van de software, waardoor de software gebruiksvriendelijker wordt door de consistentie die hiermee verhoogt wordt. Zie afbeelding: High fidelity start incisie en afbeelding: High fidelity wond gesloten.</p></div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="2" role="tab" tabindex="-1" aria-controls="elementor-tab-content-1722" aria-expanded="false">Positie</div>
					<div id="elementor-tab-content-1722" class="elementor-tab-content elementor-clearfix" data-tab="2" role="tabpanel" aria-labelledby="elementor-tab-title-1722" tabindex="0" hidden="hidden"><p><strong>De positie van de timestamps is aangepast om duidelijker te maken waar de timestamp bij hoort. </strong></p><p>De timestamps wijzen het onderdeel aan waar ze bij horen om deze meer met elkaar te koppelen. De positie van de Start en stop incisie (vanaf nu wond gesloten) is verplaatst naar binnen de operatie fase. Hier moet namelijk eerst een checklijst worden afgevinkt voordat de incisie gestart kan worden of voordat de wond gesloten kan worden. De operatiefase houdt een rood uitroepteken wanneer de wond nog niet is gesloten zodat de gebruiker weet dat daar nog een actie is vereist.</p></div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="3" role="tab" tabindex="-1" aria-controls="elementor-tab-content-1723" aria-expanded="false">Info per timestamp</div>
					<div id="elementor-tab-content-1723" class="elementor-tab-content elementor-clearfix" data-tab="3" role="tabpanel" aria-labelledby="elementor-tab-title-1723" tabindex="0" hidden="hidden"><p><strong>In de timestamp is de tekst toegevoegd met de titel van de timestamp. </strong></p><p>De reden hiervoor is dat er meerdere timestamps per fase gezet kunnen worden (start incisie en wond gesloten) en alleen de locatie van de timestamp hierdoor niet meer genoeg is om te kunnen zien waar deze bij hoort. Dit houdt rekening met de usability heuristic #6: “Recognition rather than recall” waarin de cognitieve belasting van de gebruiker wordt geminimaliseerd door objecten zichtbaar te maken en de gebruiker dus minder hoeft na te denken over wat het object betekent.</p></div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="4" role="tab" tabindex="-1" aria-controls="elementor-tab-content-1724" aria-expanded="false">Vormgeving</div>
					<div id="elementor-tab-content-1724" class="elementor-tab-content elementor-clearfix" data-tab="4" role="tabpanel" aria-labelledby="elementor-tab-title-1724" tabindex="0" hidden="hidden"><p>De timestamps hebben een wat hoekiger uiterlijk gekregen. Hierdoor kon de aanwijzer (het puntje) in de vormgeving worden meegenomen. Het doel hiervan is om duidelijker te maken dat de timestamp bij die fasewisseling of fase hoort. Verder is er een verwijder knop bijgekomen om een shortcut te hebben naar het verwijderen van de timestamp. Dit houdt rekening met de usability heuristic #7: “Flexibility and efficiency of use” waarin interacties versneld kunnen worden uitgevoerd door expert gebruikers. Hierdoor wordt het dialoog met het overzicht van de timestamps overgeslagen en gaat de gebruiker direct door naar het dialoog waarin gevraagd wordt of de gebruiker de timestamp wilt verwijderen.</p></div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="5" role="tab" tabindex="-1" aria-controls="elementor-tab-content-1725" aria-expanded="false">Iconen</div>
					<div id="elementor-tab-content-1725" class="elementor-tab-content elementor-clearfix" data-tab="5" role="tabpanel" aria-labelledby="elementor-tab-title-1725" tabindex="0" hidden="hidden"><p>Het klok icoontje zorgt ervoor dat nog duidelijker wordt dat het label om een tijdsweergave gaat. Daarnaast houdt het rekening met de consistentie van de software, andere knoppen en labels hebben ook iconen die de betekenis ondersteunen. Hierdoor wordt ook verduidelijkt dat de timestamp niet alleen een tekstlabel is maar er ook op geklikt kan worden.<br />Het prullenbak icoontje is een losse knop om het overzicht van alle timestamps over te slaan en deze direct te kunnen verwijderen. Deze heeft een vullende achtergrond gekregen (meer contrast) om duidelijk te maken dat deze een andere actie uitvoert dan de timestamp zelf, en dus ook los aan te klikken is. Doordat de timestamp nog wel aan de verwijder knop vast zit is duidelijk dat ze bij elkaar horen en elkaar beïnvloeden.</p></div>
							</div>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f03e996 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f03e996" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1b631dc" data-id="1b631dc" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<section class="elementor-section elementor-inner-section elementor-element elementor-element-0c48bd7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0c48bd7" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-0553d3d" data-id="0553d3d" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-b08b177 elementor-widget elementor-widget-text-editor" data-id="b08b177" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>De laatste slag die ik heb geslagen voordat het ontwerp genoeg gevorderd was om aan de ontwikkelaars te geven. Er is een high fidelity prototype beschikbaar. Deze is echter niet openbaar. Maak een afspraak om deze in te kunnen zien.</p>						</div>
				</div>
				<div class="elementor-element elementor-element-52b32cf elementor-align-left elementor-widget__width-auto elementor-widget elementor-widget-button" data-id="52b32cf" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a class="elementor-button elementor-button-link elementor-size-md" href="mailto:wouterspaan@msn.com" target="_blank">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon elementor-align-icon-right">
				<i aria-hidden="true" class="far fa-envelope"></i>			</span>
						<span class="elementor-button-text">Maak afspraak</span>
		</span>
					</a>
		</div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-bdef821" data-id="bdef821" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f793723 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f793723" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7c64351" data-id="7c64351" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-5a1ba1df elementor-post-navigation-borders-yes elementor-widget elementor-widget-post-navigation" data-id="5a1ba1df" data-element_type="widget" data-widget_type="post-navigation.default">
				<div class="elementor-widget-container">
					<div class="elementor-post-navigation">
			<div class="elementor-post-navigation__prev elementor-post-navigation__link">
				<a href="https://wouterspaan.nl/case-studies/de-bieb-verandert/" rel="prev"><span class="post-navigation__arrow-wrapper post-navigation__arrow-prev"><i class="fa fa-chevron-circle-left" aria-hidden="true"></i><span class="elementor-screen-only">Prev</span></span><span class="elementor-post-navigation__link__prev"><span class="post-navigation__prev--label">Vorige case study</span><span class="post-navigation__prev--title">De bieb verandert</span></span></a>			</div>
							<div class="elementor-post-navigation__separator-wrapper">
					<div class="elementor-post-navigation__separator"></div>
				</div>
						<div class="elementor-post-navigation__next elementor-post-navigation__link">
							</div>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
							</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>De bieb verandert</title>
		<link>https://wouterspaan.nl/case-studies/de-bieb-verandert/</link>
		
		<dc:creator><![CDATA[wouter]]></dc:creator>
		<pubDate>Fri, 05 Jun 2020 11:05:29 +0000</pubDate>
				<category><![CDATA[case studies]]></category>
		<guid isPermaLink="false">https://wouterspaan.nl/?p=123</guid>

					<description><![CDATA[De Bibliotheek verandert. In een tijd waar informatie steeds meer voor- handen is moet ook de Bibliotheek meegaan met de tijd. De Bibliotheek wordt steeds meer een plek die meer is dan alleen boeken lenen. Ik onderzocht hoe de Bibliotheek haar dienstverlening verder kan verrijken en zo hun doelgroep beter van dienst te kunnen zijn. [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="123" class="elementor elementor-123" data-elementor-post-type="post">
									<section class="elementor-section elementor-top-section elementor-element elementor-element-24e6c59d elementor-section-height-min-height elementor-section-content-top elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="24e6c59d" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-616d12ef" data-id="616d12ef" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-27f6f4f2 elementor-widget elementor-widget-heading" data-id="27f6f4f2" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">De Bibliotheek verandert.</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-1351809b elementor-widget elementor-widget-text-editor" data-id="1351809b" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>In een tijd waar informatie steeds meer voor- handen is moet ook de Bibliotheek meegaan met de tijd. De Bibliotheek wordt steeds meer een plek die meer is dan alleen boeken lenen.</p><p>Ik onderzocht hoe de Bibliotheek haar dienstverlening verder kan verrijken en zo hun doelgroep beter van dienst te kunnen zijn. Hierbij richt ik me op de mogelijkheden die de mobiele apparaten voor ons mogelijk maken.</p>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-461ef8b0" data-id="461ef8b0" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-3036c83 elementor-widget elementor-widget-image" data-id="3036c83" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="800" height="410" src="https://wouterspaan.nl/wp-content/uploads/2020/06/flow-1024x525.jpg" class="attachment-large size-large wp-image-159" alt="flow" srcset="https://wouterspaan.nl/wp-content/uploads/2020/06/flow-1024x525.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/06/flow-300x154.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/06/flow-768x394.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/06/flow.jpg 1172w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d829851 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d829851" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0a8031e" data-id="0a8031e" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<section class="elementor-section elementor-inner-section elementor-element elementor-element-520bbc8 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="520bbc8" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-f7aec97" data-id="f7aec97" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-7c62afb elementor-widget elementor-widget-heading" data-id="7c62afb" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">01 Empathize</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-073dd28 elementor-widget elementor-widget-text-editor" data-id="073dd28" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>In de casus ‘de bieb verandert&#8217; onderzocht ik kansen door het opportunity based design proces te doorlopen. Hierbij onderzoek ik kansen binnen een bestaande dienst om de dienstverlening te verreiken.</p>						</div>
				</div>
				<div class="elementor-element elementor-element-68826e6 elementor-widget elementor-widget-image" data-id="68826e6" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="800" height="600" src="https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1728-1024x768.jpg" class="attachment-large size-large wp-image-158" alt="emphatie" srcset="https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1728-1024x768.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1728-300x225.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1728-768x576.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1728-1536x1152.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1728-2048x1536.jpg 2048w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
				<div class="elementor-element elementor-element-949c7ad elementor-align-left elementor-widget elementor-widget-button" data-id="949c7ad" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a class="elementor-button elementor-button-link elementor-size-sm" href="#emphatize">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-text">Direct naar emphatize</span>
		</span>
					</a>
		</div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3c2eb5f" data-id="3c2eb5f" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-ddf0a62 elementor-widget elementor-widget-heading" data-id="ddf0a62" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">02 Conceptstudie</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-81991b2 elementor-widget elementor-widget-text-editor" data-id="81991b2" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Vervolgens ben ik met die resultaten aan de slag gegaan om een systeem te ontwerpen dat die behoefte vervult/probleem oplost. Hierbij maak ik gebruik van verschillende persuative technologieen zoals nudging, seduction, persuation en social interaction design (SXD). Elke week heb ik een andere invalshoek genomen om concepten te ontwikkelen en daarbij een prototype te ontwerpen.</p>						</div>
				</div>
				<div class="elementor-element elementor-element-7b267eb elementor-widget elementor-widget-image" data-id="7b267eb" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="https://wouterspaan.nl/wp-content/uploads/2020/06/flow.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="flow" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTU5LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC9mbG93LmpwZyJ9">
							<img decoding="async" width="800" height="410" src="https://wouterspaan.nl/wp-content/uploads/2020/06/flow-1024x525.jpg" class="attachment-large size-large wp-image-159" alt="flow" srcset="https://wouterspaan.nl/wp-content/uploads/2020/06/flow-1024x525.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/06/flow-300x154.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/06/flow-768x394.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/06/flow.jpg 1172w" sizes="(max-width: 800px) 100vw, 800px" />								</a>
															</div>
				</div>
				<div class="elementor-element elementor-element-9412577 elementor-align-left elementor-widget elementor-widget-button" data-id="9412577" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a class="elementor-button elementor-button-link elementor-size-sm" href="#conceptstudie">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-text">Direct naar conceptudie</span>
		</span>
					</a>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-2be8f89 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2be8f89" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a0b2b45" data-id="a0b2b45" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-2688135 elementor-widget elementor-widget-heading" data-id="2688135" data-element_type="widget" id="emphatize" data-settings="{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">01 Emphatize</h2>		</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-5944cf1 elementor-section-full_width elementor-section-height-min-height elementor-section-height-default" data-id="5944cf1" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-c02467c" data-id="c02467c" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-5ce50b8 elementor-widget elementor-widget-heading" data-id="5ce50b8" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Hoofdvraag</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-914f9c1 elementor-widget elementor-widget-text-editor" data-id="914f9c1" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div class="page" title="Page 8"><div class="layoutArea"><div class="column"><div class="page" title="Page 10"><div class="layoutArea"><div class="column"><p>In dit onderzoek probeer ik inzicht te krijgen in hoe een bieb-ganger de Bibliotheek ervaart.</p></div></div></div></div></div></div>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-3301797 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3301797" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5113be7e" data-id="5113be7e" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<section class="elementor-section elementor-inner-section elementor-element elementor-element-4fc61753 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4fc61753" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-71dccfd0" data-id="71dccfd0" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-3696659a elementor-widget elementor-widget-heading" data-id="3696659a" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Voorbereiding / emphatize</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-8bbe0ff elementor-widget elementor-widget-text-editor" data-id="8bbe0ff" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							Een van de zes principes van service design doing is dat het een human-centered onderzoek is. Om mezelf zo veel mogelijk eigen te maken met de Bibliotheek heb ik verschillende onder- zoeksmethodes gebruikt om de gebruikers en medewerkers te begrijpen. Op deze manier
heb ik een beter overzicht gekregen van de stakeholders en hun gedrag. Naar aanleiding van dit onderzoek heb ik een customer jour- ney gemaakt waarin alle touchpoints van een mogelijke klantreis van de biebganger staat beschreven. In dit onderzoek is de hoofdvraag die ik probeer te beantwoorden om inzicht te krijgen over hoe een bieb ganger de Bibliotheek ervaart.						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-286d5b66" data-id="286d5b66" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-45291a1d elementor-widget elementor-widget-text-editor" data-id="45291a1d" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p><strong>Deskresearch</strong><br />Ik heb doormiddel van deskresearch onderzoek gedaan naar de verschillende diensten van de bibliotheek, en hoe de bibliotheek in elkaar zit met betrekking tot doelgroepen, en de diensten die de Bibliotheek aanbiedt.</p><p>Door te onderzoeken naar hoe de Bibliotheek omgaat met zijn doelgroepen heb ik een stuk beter beeld gekregen wie de Bibliotheek dient, en hoe ze dat doen. Op deze manier kan ik het doel, inzicht krijgen in hoe de bieb ganger de Biliotheek ervaart, beter richten op de juiste doelgroep.</p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-20ea6d5a elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="20ea6d5a" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5e147483" data-id="5e147483" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<section class="elementor-section elementor-inner-section elementor-element elementor-element-1366014f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1366014f" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7a5d5608" data-id="7a5d5608" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-601917f8 elementor-widget elementor-widget-heading" data-id="601917f8" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Persona</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-85f2ab6 elementor-widget elementor-widget-text-editor" data-id="85f2ab6" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Service design doing is een sequential onderzoek waarin elke actie een logisch gevolg is op de vorige stap, en de volgende stap een logisch gevolg is op de huidige stap. Om me nog beter in te kunnen leven in de gebruiker heb ik als aanvulling op de desk research gebruik gemaakt van een persona. De persona heb ik gemaakt naar aanleiding van de gegevens die ik heb vergaard in het deskresearch-onderzoek naar de doelgroep in de leeftijd van 12 tot 18 jaar.</p><p>In het onderzoek kwam naar voren dat de gebruikers vooral gebruik maken van online bronnen bij het zoeken naar informatie. Ook wordt benoemd dat de oudste doelgroep de Bibliotheek kan gebruiken voor boekverslagen, presentaties en het leren voor autotheorie-examens. Dat laatste heb ik als uitgangspunt genomen voor deze persona, omdat de persona dan iemand is die weer voor het eerst sinds lange tijd gebruik gaat maken van de Bibliotheek.</p><p>Ontmoet Ilse, de persona die ik heb gemaakt voor de Bibliotheek om meer inzicht en empathie te krijgen in de eindgebruiker. Ilse helpt me om inzicht te krijgen in hoe de bieb ganger de Bibliotheek ervaart.</p>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5d5f8625" data-id="5d5f8625" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-5ae5f83 elementor-widget elementor-widget-image" data-id="5ae5f83" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="https://wouterspaan.nl/wp-content/uploads/2020/06/persona-ilse.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="persona ilse" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTI4LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC9wZXJzb25hLWlsc2UuanBnIn0%3D">
							<img decoding="async" width="800" height="566" src="https://wouterspaan.nl/wp-content/uploads/2020/06/persona-ilse-1024x724.jpg" class="attachment-large size-large wp-image-128" alt="persona" srcset="https://wouterspaan.nl/wp-content/uploads/2020/06/persona-ilse-1024x724.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/06/persona-ilse-300x212.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/06/persona-ilse-768x543.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/06/persona-ilse.jpg 1333w" sizes="(max-width: 800px) 100vw, 800px" />								</a>
															</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<div class="elementor-element elementor-element-60f7a57 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="60f7a57" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-2efd0874 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2efd0874" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-62a6543" data-id="62a6543" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<section class="elementor-section elementor-inner-section elementor-element elementor-element-704aff94 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="704aff94" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-31e222db" data-id="31e222db" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-04adc3e elementor-widget elementor-widget-image" data-id="04adc3e" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="https://wouterspaan.nl/wp-content/uploads/2020/06/customer-journey.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="customer journey" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTI5LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC9jdXN0b21lci1qb3VybmV5LmpwZyJ9">
							<img decoding="async" width="800" height="413" src="https://wouterspaan.nl/wp-content/uploads/2020/06/customer-journey-1024x528.jpg" class="attachment-large size-large wp-image-129" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2020/06/customer-journey-1024x528.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/06/customer-journey-300x155.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/06/customer-journey-768x396.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/06/customer-journey.jpg 1341w" sizes="(max-width: 800px) 100vw, 800px" />								</a>
															</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3a966293" data-id="3a966293" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-5e9a5997 elementor-widget elementor-widget-heading" data-id="5e9a5997" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Customer journey</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-2369da93 elementor-widget elementor-widget-text-editor" data-id="2369da93" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Nadat ik kennis had gemaakt met de persona Ilse en haar wat beter heb leren kennen heb ik een scenario opgezet waarin zij zich zou kunnen begeven. Dit heb ik uitgewerkt in een customer journey die alle mogelijke contactmomenten/touchpoints van de klantreis visualiseert van een gebruiker die voor het eerst (sinds lange tijd weer) naar de Bibliotheek gaat.</p><p>In mijn customer journey heb ik rekening ge- houden met zowel de aanloop naar, en de pe- riode nadat het boek wordt geleend. De custo- mer journey laat de ervaring van de klant zien. Welke touchpoints de klant allemaal tegenkomt. Deze helpen me inzicht te krijgen in hoe de bieb ganger de bibliotheek ervaart</p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<div class="elementor-element elementor-element-6ddfa6fd elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="6ddfa6fd" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-bb86f64 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="bb86f64" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a7e4d5b" data-id="a7e4d5b" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-959448a elementor-widget elementor-widget-heading" data-id="959448a" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Experience map</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-78536d4 elementor-widget elementor-widget-text-editor" data-id="78536d4" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Maar hier houdt het niet op. Ik wil me inleven in de gebruiker. Weten wat zij voelt op elk moment van de customer journey. Ik wil weten waar de gebruiker enthousiast en blij van wordt. Maar ook waar user needs liggen waar de ervaring en emotie de keuzes heen sturen.</p><p>Om uiteindelijk keuzes willen beïnvloeden of ondersteunen heb ik een completer beeld nodig van de ervaringen van de gebruikers. Om een holistisch, cross channel overzicht te krijgen van wat de gebruiker doet, denkt en voelt bij bepaal- de touch points.</p><p>In de experience map maak ik duidelijk wat de gebruiker denkt voelt en doet bij alle touchpoints in de klantreis. Hierdoor wordt heel inzichtelijk hoe de gebruiker de bibliotheek op elke moment van de klantreis ervaart waardoor ik veel inzichten krijg waarmee ik de hoofdvraag kan beantwoorden.</p><p><strong>Conclusie experience map<br /></strong>Uit deze experience map komt duidelijk naar voren dat gebruikers tegenwoordig een beeld van de Bibliotheek hebben die onvolledig is. De gebruiker wist bijvoorbeeld niet dat ze gratis lid kon zijn van de Bibliotheek, en werd verrast door de culturele evenementen die er worden gehouden.</p>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-96dd3ea" data-id="96dd3ea" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-613e97f elementor-widget elementor-widget-image" data-id="613e97f" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="https://wouterspaan.nl/wp-content/uploads/2020/06/experience-map.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="experience map" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTMwLCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC9leHBlcmllbmNlLW1hcC5qcGcifQ%3D%3D">
							<img decoding="async" width="800" height="834" src="https://wouterspaan.nl/wp-content/uploads/2020/06/experience-map.jpg" class="attachment-large size-large wp-image-130" alt="experience map" srcset="https://wouterspaan.nl/wp-content/uploads/2020/06/experience-map.jpg 906w, https://wouterspaan.nl/wp-content/uploads/2020/06/experience-map-288x300.jpg 288w, https://wouterspaan.nl/wp-content/uploads/2020/06/experience-map-768x801.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" />								</a>
															</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-38b5ba8 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="38b5ba8" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-633e3f4" data-id="633e3f4" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-8075635 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="8075635" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-9d5db60 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="9d5db60" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5d4304c" data-id="5d4304c" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-8ba796d elementor-widget elementor-widget-image" data-id="8ba796d" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="800" height="397" src="https://wouterspaan.nl/wp-content/uploads/2020/06/Service-Design-Blueprint-1024x508.jpg" class="attachment-large size-large wp-image-134" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2020/06/Service-Design-Blueprint-1024x508.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/06/Service-Design-Blueprint-300x149.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/06/Service-Design-Blueprint-768x381.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/06/Service-Design-Blueprint-1536x762.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2020/06/Service-Design-Blueprint.jpg 1920w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3e13b28" data-id="3e13b28" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-e38f8cc elementor-widget elementor-widget-heading" data-id="e38f8cc" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Service blueprint</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-ba1088c elementor-widget elementor-widget-text-editor" data-id="ba1088c" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Service design is een holistisch proces waarin alle stakeholders door de gehele service actief worden betrokken bij het ontwerpproces. Om deze stakeholders in kaart te brengen maak ik gebruik van een service design blueprint waarin de klantreis van de gebruiker centraal staat. Ik heb naar aanleiding van de customer journey in kaart gebracht hoe de front-end en de back-end van deze klantreis er uit ziet, en hoe deze de klantreis ondersteunen.</p><p>De service design blueprint is een visualisatie vanuit het perspectief van de Bibliotheek en legt de relatie tussen de gebruiker, werknemers, processen en technologieën. Ook deze is onmisbaar in het onderzoek naar hoe de bieb ganger de bibliotheek ervaart. Hier- in wordt namelijk visueel gemaakt met welke onderdelen de gebruiker allemaal te maken krijgt, zowel aan de front stage als aan de back stage.<br />Elke laag heeft invloed op elkaar, als er dus iets in de backstage mis gaat kan dit grote gevolgen hebben op de ervaring van de gebruiker.</p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-ca76f67 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="ca76f67" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1f73f76" data-id="1f73f76" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<section class="elementor-section elementor-inner-section elementor-element elementor-element-ed9912a elementor-section-full_width elementor-section-height-min-height elementor-section-height-default" data-id="ed9912a" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-ff5e6b0" data-id="ff5e6b0" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-b68ab54 elementor-widget elementor-widget-heading" data-id="b68ab54" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Respondenten</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-8ebd7f8 elementor-widget elementor-widget-text-editor" data-id="8ebd7f8" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div class="page" title="Page 8"><div class="layoutArea"><div class="column"><div class="page" title="Page 10"><div class="layoutArea"><div class="column"><p>De gebruikers die ik gebruik tijdens mijn onderzoek om inzicht te krijgen in het gedrag van de bibliotheek gangers.</p></div></div></div></div></div></div>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-fa9ccf0 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="fa9ccf0" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-fa85ff6" data-id="fa85ff6" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-087d552 elementor-widget elementor-widget-heading" data-id="087d552" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Screener</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-0a6489f elementor-widget elementor-widget-text-editor" data-id="0a6489f" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Om ons onderzoek zo gericht mogelijk te maken op de, zoals in de beschreven hoofdvraag, bieb ganger heb ik voordat ik op zoek ging naar respondenten voor de probestudy een screener gebruikt. In deze screener zijn de karakteristieken, het gedrag, gebruik van technologie, de expertise en attitudes opgenomen waar de respondent al dan niet aan moet voldoen. Hier- bij toetsen we dus de representativiteit van de doelgroep.</p>						</div>
				</div>
				<div class="elementor-element elementor-element-cb6c5d3 elementor-widget elementor-widget-heading" data-id="cb6c5d3" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Knock-out criteria</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-1cc38e9 elementor-widget elementor-widget-text-editor" data-id="1cc38e9" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>De belangrijkste knock-out criteria zijn dat de respondenten afgelopen jaar minimaal vier keer naar een bibliotheek zijn geweest, en dat de respondenten van één of meerdere diensten van de bibliotheek gebruik maken.<br />Onder die diensten vallen bijvoorbeeld: Koffie drinken, cursussen volgen, evenementen bijwonen, boeken, dvd’s, cd’s, etc. lenen, studeren, internetten en printen.</p><p>Omdat ik onderzoek doe naar kansen op het gebied van het mobiele platform moet de gebruiker ook gebruik maken van een mobiele telefoon.</p>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5289716" data-id="5289716" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-2a4b892 elementor-widget elementor-widget-heading" data-id="2a4b892" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Divers</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-5efc964 elementor-widget elementor-widget-text-editor" data-id="5efc964" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Bij het selecteren van respondenten is het belangrijk dat de respondenten binnen de doelgroep vallen, maar niet allemaal precies hetzelfde zijn. Op die manier kunnen we als ontwerpers een groter aantal soorten gebruikers van dienst zijn. Om die reden heb ik bij het selecteren van de respondenten gekeken naar verschillende karakteristieken waarin de respondenten verschillen van elkaar, maar tegelijkertijd heb ik erop gelet dat de respondenten nog steeds binnen de screener passen. Op deze manier zorgen we ervoor dat er genoeg diversiteit in het onderzoek zit. De deelnemers moeten een goede afspiegeling zijn van de verschillende achtergronden, posities en activiteiten.</p><p>Ik ben op zoek gegaan naar gebruikers die lid van de, of als medewerker of vrijwilliger betrokken zijn bij de bibliotheek. Verder ben ik op zoek gegaan naar gebruikers die biebfanaat zijn of sporadisch gebruik maken van de bibliotheek. Op deze manier creëren we diversiteit tussen de respondenten en krijgen we een groter draagvlak aan inzichten. Het is dus niet de bedoeling dat de respondenten én medewerker, én gebruiker moeten zijn, maar dat de respondenten een van de twee zijn om zo representatief te zijn aan de volledige breedte van de doelgroep.</p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-0b2edf0 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0b2edf0" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-06fc300" data-id="06fc300" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<section class="elementor-section elementor-inner-section elementor-element elementor-element-c20359e elementor-section-full_width elementor-section-height-min-height elementor-section-height-default" data-id="c20359e" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-89ec119" data-id="89ec119" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-73ecae7 elementor-widget elementor-widget-heading" data-id="73ecae7" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Probestudie</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-eb3cb02 elementor-widget elementor-widget-text-editor" data-id="eb3cb02" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Bij de probestudie maak ik gebruik van cultural probes en een co-creatie sessie om latente kennis bij de gebruiker naar boven te krijgen. Dit is kennis waarvan de gebruiker nog niet beseft dat hij die kennis heeft. De respondenten krijgen elk een probe kit mee naar huis waarin opdrachtjes zitten. Deze opdrachtjes duren vaak niet langer dan een kwartiertje en de respondent voert elke dag een opdrachtje uit. Na een week haal ik de probes weer op en neem ik een debrief interview af om het perspectief van de gebruiker beter te begrijpen.</p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-774b935 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="774b935" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2834cb5" data-id="2834cb5" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-bdc40dc elementor-widget elementor-widget-heading" data-id="bdc40dc" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Hoofdvraag en deelvragen</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-b1a4384 elementor-widget elementor-widget-text-editor" data-id="b1a4384" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p><strong>Hoofdvraag</strong><br />Inzicht krijgen over hoe een bieb ganger de bibliotheek ervaart.</p><p><strong>Deelvragen</strong></p><ul><li>Waarom gaat de bieb ganger naar de bibliotheek?</li><li>Waarom gaat de bieb ganger naar de bibliotheek en niet naar een andere locatie?</li><li>Wat heeft de bibliotheek volgens de bieb ganger te bieden?</li><li>Hoe ziet de ideale bibliotheek-ervaring eruit van de bieb ganger?</li><li>Wat zou de bieb ganger veranderen aan de bibliotheek?</li><li>Waar kan de bieb aan bijdragen in het dagelijks leven?</li></ul><p><strong><br />Doel</strong><br />Het doel dat we met deze probestudie willen bereiken correleert met onze hoofdvraag en is om inzicht te krijgen in hoe een bieb ganger de Bibliotheek ervaart.</p><p>Doormiddel van interviews en observeren kunnen we de expliciete kennis en observatieve kennis achterhalen, maar de kennis waar het bij kansontwerp om draait ligt dieper. De tacit en latente kennis zit onder water en is niet zo makkelijk naar boven te krijgen. Een manier om deze kennis te achterhalen is doormiddel van cultural probes. Een cultural probe is een middel om andere menselijke culturen te leren kennen.</p>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-49525e8" data-id="49525e8" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-b8e2628 elementor-widget elementor-widget-image" data-id="b8e2628" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="https://wouterspaan.nl/wp-content/uploads/2020/06/probes.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="probes" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTM1LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC9wcm9iZXMuanBnIn0%3D">
							<img decoding="async" width="800" height="465" src="https://wouterspaan.nl/wp-content/uploads/2020/06/probes-1024x595.jpg" class="attachment-large size-large wp-image-135" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2020/06/probes-1024x595.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/06/probes-300x174.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/06/probes-768x446.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/06/probes-1536x893.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2020/06/probes.jpg 1555w" sizes="(max-width: 800px) 100vw, 800px" />								</a>
															</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-e71b097 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e71b097" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0d407d3" data-id="0d407d3" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-80d2c18 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="80d2c18" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-3f38242 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3f38242" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5940902" data-id="5940902" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-9b48b43 elementor-widget elementor-widget-heading" data-id="9b48b43" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Probes debrief</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-8bce749 elementor-widget elementor-widget-text-editor" data-id="8bce749" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>De respondenten hebben op het moment dat ik de probe kits weer ophaalde een week lang kleine opdrachtjes uitgevoerd om ons als ontwerpers inzicht te geven over de Bibliotheek. Het nabespreken van de probestudie is ervoor bedoeld om de wereld beter te begrijpen via het perspectief van de eindgebruiker. Door (open) vragen te stellen krijg ik als ontwerper een stuk meer inzicht in de beleving, motivatie en ideeën van de respondent die ik niet had gekregen als ik de probes zonder interview mee terug had genomen.</p><p>Ik heb een gedeeltelijk gestructureerd interview afgenomen bij mijn respondenten. De vragen hadden we van tevoren al bedacht maar er was ruimte om door te vragen op punten waar verduidelijking nodig was.</p>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-97eb3a8" data-id="97eb3a8" data-element_type="column">
			<div class="elementor-widget-wrap">
									</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-ca4090f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="ca4090f" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-88f1177" data-id="88f1177" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-1ce714b elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="1ce714b" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-c8484dc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c8484dc" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b139902" data-id="b139902" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-7bea152 elementor-widget elementor-widget-image-gallery" data-id="7bea152" data-element_type="widget" data-widget_type="image-gallery.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-gallery">
			
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="7bea152" data-elementor-lightbox-title="boeken" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTM2LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC9ib2VrZW4tc2NhbGVkLmpwZyIsInNsaWRlc2hvdyI6IjdiZWExNTIifQ%3D%3D" href='https://wouterspaan.nl/wp-content/uploads/2020/06/boeken-scaled.jpg'><img decoding="async" width="150" height="150" src="https://wouterspaan.nl/wp-content/uploads/2020/06/boeken-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="7bea152" data-elementor-lightbox-title="werkplekken" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTM3LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC93ZXJrcGxla2tlbi1zY2FsZWQuanBnIiwic2xpZGVzaG93IjoiN2JlYTE1MiJ9" href='https://wouterspaan.nl/wp-content/uploads/2020/06/werkplekken-scaled.jpg'><img decoding="async" width="150" height="150" src="https://wouterspaan.nl/wp-content/uploads/2020/06/werkplekken-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="7bea152" data-elementor-lightbox-title="privacy" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTM5LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC9wcml2YWN5LXNjYWxlZC5qcGciLCJzbGlkZXNob3ciOiI3YmVhMTUyIn0%3D" href='https://wouterspaan.nl/wp-content/uploads/2020/06/privacy-scaled.jpg'><img decoding="async" width="150" height="150" src="https://wouterspaan.nl/wp-content/uploads/2020/06/privacy-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="7bea152" data-elementor-lightbox-title="technologie en digitalisering" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTQwLCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC90ZWNobm9sb2dpZS1lbi1kaWdpdGFsaXNlcmluZy1zY2FsZWQuanBnIiwic2xpZGVzaG93IjoiN2JlYTE1MiJ9" href='https://wouterspaan.nl/wp-content/uploads/2020/06/technologie-en-digitalisering-scaled.jpg'><img decoding="async" width="150" height="150" src="https://wouterspaan.nl/wp-content/uploads/2020/06/technologie-en-digitalisering-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="7bea152" data-elementor-lightbox-title="toekomst van de biliotheek" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTQxLCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC90b2Vrb21zdC12YW4tZGUtYmlsaW90aGVlay1zY2FsZWQuanBnIiwic2xpZGVzaG93IjoiN2JlYTE1MiJ9" href='https://wouterspaan.nl/wp-content/uploads/2020/06/toekomst-van-de-biliotheek-scaled.jpg'><img decoding="async" width="150" height="150" src="https://wouterspaan.nl/wp-content/uploads/2020/06/toekomst-van-de-biliotheek-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="7bea152" data-elementor-lightbox-title="vroeger in de bibliotheek" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTQyLCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC92cm9lZ2VyLWluLWRlLWJpYmxpb3RoZWVrLXNjYWxlZC5qcGciLCJzbGlkZXNob3ciOiI3YmVhMTUyIn0%3D" href='https://wouterspaan.nl/wp-content/uploads/2020/06/vroeger-in-de-bibliotheek-scaled.jpg'><img decoding="async" width="150" height="150" src="https://wouterspaan.nl/wp-content/uploads/2020/06/vroeger-in-de-bibliotheek-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="7bea152" data-elementor-lightbox-title="afleiding en ontspanning" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTQzLCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC9hZmxlaWRpbmctZW4tb250c3Bhbm5pbmctMS1zY2FsZWQuanBnIiwic2xpZGVzaG93IjoiN2JlYTE1MiJ9" href='https://wouterspaan.nl/wp-content/uploads/2020/06/afleiding-en-ontspanning-1-scaled.jpg'><img decoding="async" width="150" height="150" src="https://wouterspaan.nl/wp-content/uploads/2020/06/afleiding-en-ontspanning-1-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="7bea152" data-elementor-lightbox-title="apparatuur" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTQ0LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC9hcHBhcmF0dXVyLXNjYWxlZC5qcGciLCJzbGlkZXNob3ciOiI3YmVhMTUyIn0%3D" href='https://wouterspaan.nl/wp-content/uploads/2020/06/apparatuur-scaled.jpg'><img decoding="async" width="150" height="150" src="https://wouterspaan.nl/wp-content/uploads/2020/06/apparatuur-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="7bea152" data-elementor-lightbox-title="boeken" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTQ1LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC9ib2VrZW4tMS1zY2FsZWQuanBnIiwic2xpZGVzaG93IjoiN2JlYTE1MiJ9" href='https://wouterspaan.nl/wp-content/uploads/2020/06/boeken-1-scaled.jpg'><img decoding="async" width="150" height="150" src="https://wouterspaan.nl/wp-content/uploads/2020/06/boeken-1-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="7bea152" data-elementor-lightbox-title="essentials" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTQ2LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC9lc3NlbnRpYWxzLXNjYWxlZC5qcGciLCJzbGlkZXNob3ciOiI3YmVhMTUyIn0%3D" href='https://wouterspaan.nl/wp-content/uploads/2020/06/essentials-scaled.jpg'><img decoding="async" width="150" height="150" src="https://wouterspaan.nl/wp-content/uploads/2020/06/essentials-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="7bea152" data-elementor-lightbox-title="ontmoetingsplekken" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTQ3LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC9vbnRtb2V0aW5nc3BsZWtrZW4tc2NhbGVkLmpwZyIsInNsaWRlc2hvdyI6IjdiZWExNTIifQ%3D%3D" href='https://wouterspaan.nl/wp-content/uploads/2020/06/ontmoetingsplekken-scaled.jpg'><img decoding="async" width="150" height="150" src="https://wouterspaan.nl/wp-content/uploads/2020/06/ontmoetingsplekken-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="7bea152" data-elementor-lightbox-title="perspectief medewerker" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTQ4LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC9wZXJzcGVjdGllZi1tZWRld2Vya2VyLXNjYWxlZC5qcGciLCJzbGlkZXNob3ciOiI3YmVhMTUyIn0%3D" href='https://wouterspaan.nl/wp-content/uploads/2020/06/perspectief-medewerker-scaled.jpg'><img decoding="async" width="150" height="150" src="https://wouterspaan.nl/wp-content/uploads/2020/06/perspectief-medewerker-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="7bea152" data-elementor-lightbox-title="privacy" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTQ5LCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC9wcml2YWN5LTEtc2NhbGVkLmpwZyIsInNsaWRlc2hvdyI6IjdiZWExNTIifQ%3D%3D" href='https://wouterspaan.nl/wp-content/uploads/2020/06/privacy-1-scaled.jpg'><img decoding="async" width="150" height="150" src="https://wouterspaan.nl/wp-content/uploads/2020/06/privacy-1-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="7bea152" data-elementor-lightbox-title="to do" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTUwLCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC90by1kby1zY2FsZWQuanBnIiwic2xpZGVzaG93IjoiN2JlYTE1MiJ9" href='https://wouterspaan.nl/wp-content/uploads/2020/06/to-do-scaled.jpg'><img decoding="async" width="150" height="150" src="https://wouterspaan.nl/wp-content/uploads/2020/06/to-do-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="7bea152" data-elementor-lightbox-title="werkplekken" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTUxLCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC93ZXJrcGxla2tlbi0xLXNjYWxlZC5qcGciLCJzbGlkZXNob3ciOiI3YmVhMTUyIn0%3D" href='https://wouterspaan.nl/wp-content/uploads/2020/06/werkplekken-1-scaled.jpg'><img decoding="async" width="150" height="150" src="https://wouterspaan.nl/wp-content/uploads/2020/06/werkplekken-1-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" /></a>
		</div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b04abce" data-id="b04abce" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-3c2c508 elementor-widget elementor-widget-heading" data-id="3c2c508" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Resultaten probestudie / wall analysis</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-9a38322 elementor-widget elementor-widget-text-editor" data-id="9a38322" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Na het verzamelen van de cultural probes en het houden van de debrief interviews zaten we met veel ruwe data wat gestructureerd moest worden. We hebben dit gedaan door een wall analysis uit te voeren met alle inzichten die we uit de cultural probes en debriefing interviews hebben gehaald.</p><p>Service design doing is een iteratief proces. We hebben twee keer de wall analysis uitgevoerd (geïtereerd) om een zo compleet mogelijk beeld te krijgen van waar we met de co-creatie verder op kunnen gaan. We hebben alle inzichten geclusterd onder verschillende categorieën, en hier nadat we klaar waren nog een iteratie overheen gedaan.</p><p><strong>Samenvatting resultaten probes</strong><br />Uit de cultural probes is gebleken dat de respondenten privacy erg belangrijk vinden. Ook vinden de respondenten het fijn om zelfstandig en rustig te kunnen werken. De respondenten gebruiken de bibliotheek ook om samen af te spreken om samen te werken en om samen te ontspannen. Buiten studeren en lezen gebruiken de respondenten de bibliotheek om in rust te kunnen bellen, mensen te ontmoeten en naar culturele evenementen, lezingen en het taalhuis te gaan.</p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-8552e09 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8552e09" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-56d034e" data-id="56d034e" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<section class="elementor-section elementor-inner-section elementor-element elementor-element-41bfed4 elementor-section-full_width elementor-section-height-min-height elementor-section-height-default" data-id="41bfed4" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-e974aed" data-id="e974aed" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-f3fc10b elementor-widget elementor-widget-heading" data-id="f3fc10b" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Co-creatie</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-cee9109 elementor-widget elementor-widget-text-editor" data-id="cee9109" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							Service design doing moet onderzocht worden in de realiteit. Hierbij gaat de co-creatie sessie helpen. De co-creatie zorgt ervoor dat wij als ontwerpers samen met de gebruikers ideeën bedenken voor een nieuw product of dienst voor de Bibliotheek. We gaan dus samen met de gebruikers ontwerpen. De co-creatie wordt een mix van drie dingen: Say, do, Make. We laten de deelnemers dus iets zeggen, doen/naspelen en maken. Op deze manier halen we de tacit en latente kennis boven water.						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-0b2f593 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0b2f593" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ad86854" data-id="ad86854" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-0fe7bd5 elementor-widget elementor-widget-heading" data-id="0fe7bd5" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Scope</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-3499b52 elementor-widget elementor-widget-text-editor" data-id="3499b52" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							De scope/het thema van onze co-creatie sessie wordt: werkomgeving
Dit is een thema wat sterk naar voren is gekomen bij de wall analyse en die we verder gaan uitdiepen.						</div>
				</div>
				<div class="elementor-element elementor-element-935705a elementor-widget elementor-widget-heading" data-id="935705a" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Focus</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-ff91ef5 elementor-widget elementor-widget-text-editor" data-id="ff91ef5" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							Het centrale doel van deze sessie is dat we aan het einde inzicht hebben in de werkplekken, afleidingen en ontspanningen in de bibliotheek. Ook culturele evenementen zijn naar voren gekomen in de wall analyse. We gaan verder onderzoeken hoe dergelijke ontspanningen en afleidingen (die niet negatief hoeven te zijn) van invloed zijn op de werkplekken.						</div>
				</div>
				<div class="elementor-element elementor-element-f1624f7 elementor-widget elementor-widget-heading" data-id="f1624f7" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">De participanten</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-d3566c9 elementor-widget elementor-widget-text-editor" data-id="d3566c9" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<ul><li>Demi Kelder, 16 jaar, studeert en maakt huiswerk in de bibliotheek.</li><li>Ib Awa, 18 jaar, gaat naar de bieb om boe- ken te lenen, huiswerk te maken, te bellen en om met mensen af te spreken.</li><li>Marijn Pietersma, 23 jaar, studeert in de bibliotheek van de universiteit</li><li>Cathelijne de Bruijn, 20 jaar, leent boeken bij de bibliotheek, maakt huiswerk of bereidt werk voor</li><li>Ahmet Fatih Usta, 22 jaar, studeert in de bibliotheek</li></ul>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0f35fe6" data-id="0f35fe6" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-b32fb53 elementor-widget elementor-widget-heading" data-id="b32fb53" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Planning co-creatie</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-224fa80 elementor-widget elementor-widget-toggle" data-id="224fa80" data-element_type="widget" data-widget_type="toggle.default">
				<div class="elementor-widget-container">
					<div class="elementor-toggle">
							<div class="elementor-toggle-item">
					<div id="elementor-tab-title-3591" class="elementor-tab-title" data-tab="1" role="button" aria-controls="elementor-tab-content-3591" aria-expanded="false">
												<span class="elementor-toggle-icon elementor-toggle-icon-left" aria-hidden="true">
															<span class="elementor-toggle-icon-closed"><i class="fas fa-caret-right"></i></span>
								<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-caret-up"></i></span>
													</span>
												<a class="elementor-toggle-title" tabindex="0">Introductie (5 minuten)</a>
					</div>

					<div id="elementor-tab-content-3591" class="elementor-tab-content elementor-clearfix" data-tab="1" role="region" aria-labelledby="elementor-tab-title-3591">De deelnemers worden welkom geheten en de planning wordt kort doorgelopen. We vertellen kort wat de co-creatie inhoudt en wat we daaruit willen halen. De facilitator vertelt dat er beeld- materiaal kan worden gemaakt van de co-creatie en dat dit kan bestaan uit foto- en filmopnamen.</div>
				</div>
							<div class="elementor-toggle-item">
					<div id="elementor-tab-title-3592" class="elementor-tab-title" data-tab="2" role="button" aria-controls="elementor-tab-content-3592" aria-expanded="false">
												<span class="elementor-toggle-icon elementor-toggle-icon-left" aria-hidden="true">
															<span class="elementor-toggle-icon-closed"><i class="fas fa-caret-right"></i></span>
								<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-caret-up"></i></span>
													</span>
												<a class="elementor-toggle-title" tabindex="0">Voorstelronde (10 minuten)</a>
					</div>

					<div id="elementor-tab-content-3592" class="elementor-tab-content elementor-clearfix" data-tab="2" role="region" aria-labelledby="elementor-tab-title-3592">We beginnen de co-creatie sessie met een kor- te voorstelronde waarin de respondenten zich aan elkaar kunnen voorstellen.</div>
				</div>
							<div class="elementor-toggle-item">
					<div id="elementor-tab-title-3593" class="elementor-tab-title" data-tab="3" role="button" aria-controls="elementor-tab-content-3593" aria-expanded="false">
												<span class="elementor-toggle-icon elementor-toggle-icon-left" aria-hidden="true">
															<span class="elementor-toggle-icon-closed"><i class="fas fa-caret-right"></i></span>
								<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-caret-up"></i></span>
													</span>
												<a class="elementor-toggle-title" tabindex="0">Opwarm opdracht / sensitizing (20 minuten)</a>
					</div>

					<div id="elementor-tab-content-3593" class="elementor-tab-content elementor-clearfix" data-tab="3" role="region" aria-labelledby="elementor-tab-title-3593">De opwarm activiteit is ervoor bedoeld om de deelnemers in de creatieve sfeer te krijgen. We richten ons nog niet op de eventuele kansen voor de bibliotheek maar zorgen ervoor dat het ijs wordt gebroken. Ook creëren we een creatieve sfeer waar er geen slechte ideeën zijn, en laten we zien dat de respondenten op één niveau zijn met ons als ontwerpers.
We laten de respondenten uitleggen wat te hebben ingevuld in de probe Dot dot dot. Hierbij kunnen de respondenten hun ervaringen delen en met elkaar bespreken.</div>
				</div>
							<div class="elementor-toggle-item">
					<div id="elementor-tab-title-3594" class="elementor-tab-title" data-tab="4" role="button" aria-controls="elementor-tab-content-3594" aria-expanded="false">
												<span class="elementor-toggle-icon elementor-toggle-icon-left" aria-hidden="true">
															<span class="elementor-toggle-icon-closed"><i class="fas fa-caret-right"></i></span>
								<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-caret-up"></i></span>
													</span>
												<a class="elementor-toggle-title" tabindex="0">Design game (60 minuten)</a>
					</div>

					<div id="elementor-tab-content-3594" class="elementor-tab-content elementor-clearfix" data-tab="4" role="region" aria-labelledby="elementor-tab-title-3594">Dan is het tijd voor het grote spel, oftewel de design game. Doormiddel van dit grote spel dwingen we de respondenten na te denken, te discussiëren en situaties na te spelen. Dit is een manier om op een speelse en creatieve manier over de leefwereld van de gebruiker te kunnen praten.
De design game die wij gaan spelen is gebaseerd op het spel Ganzenbord en heet Ganzenbieb. Aanvullend op het spel Ganzenbord hebben we kanskaartjes en discussiekaartjes gemaakt die het spel verreiken, en waardoor de respondenten de discussie met elkaar aangaan. Elk discussiekaartje heeft te maken met onze gestelde scope.</div>
				</div>
							<div class="elementor-toggle-item">
					<div id="elementor-tab-title-3595" class="elementor-tab-title" data-tab="5" role="button" aria-controls="elementor-tab-content-3595" aria-expanded="false">
												<span class="elementor-toggle-icon elementor-toggle-icon-left" aria-hidden="true">
															<span class="elementor-toggle-icon-closed"><i class="fas fa-caret-right"></i></span>
								<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-caret-up"></i></span>
													</span>
												<a class="elementor-toggle-title" tabindex="0">Pauze (15 minuten)</a>
					</div>

					<div id="elementor-tab-content-3595" class="elementor-tab-content elementor-clearfix" data-tab="5" role="region" aria-labelledby="elementor-tab-title-3595">Er moet ook uitgerust worden. Even een hapje eten en wat drinken, wat wij natuurlijk faciliteren. We moeten de respondenten goed verzorgen!</div>
				</div>
							<div class="elementor-toggle-item">
					<div id="elementor-tab-title-3596" class="elementor-tab-title" data-tab="6" role="button" aria-controls="elementor-tab-content-3596" aria-expanded="false">
												<span class="elementor-toggle-icon elementor-toggle-icon-left" aria-hidden="true">
															<span class="elementor-toggle-icon-closed"><i class="fas fa-caret-right"></i></span>
								<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-caret-up"></i></span>
													</span>
												<a class="elementor-toggle-title" tabindex="0">Ideation (60 minuten)</a>
					</div>

					<div id="elementor-tab-content-3596" class="elementor-tab-content elementor-clearfix" data-tab="6" role="region" aria-labelledby="elementor-tab-title-3596">Dan is het tijd voor de ideation fase. Hierin worden alle ideeën die tijdens de voorafgaande activiteiten naar boven zijn komen drijven concreet gemaakt. We beginnen met een brainstormsessie waar allemaal ideeën worden bedacht.
Vervolgens gaan de respondenten aan de slag met crazy eights (make) die ze daarna onderbouwen (say).
De laatste stap is het stemmen op de beste/ leukste/handigste ideeën die we verder kunnen gaan uitwerken. Door het stemmen en de onderbouwing daarbij (die wordt genotuleerd) hebben we goede pointers welke ideeën het belangrijkst zijn voor de respondenten.</div>
				</div>
							<div class="elementor-toggle-item">
					<div id="elementor-tab-title-3597" class="elementor-tab-title" data-tab="7" role="button" aria-controls="elementor-tab-content-3597" aria-expanded="false">
												<span class="elementor-toggle-icon elementor-toggle-icon-left" aria-hidden="true">
															<span class="elementor-toggle-icon-closed"><i class="fas fa-caret-right"></i></span>
								<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-caret-up"></i></span>
													</span>
												<a class="elementor-toggle-title" tabindex="0">Afsluiting en bedankt (5 minuten)</a>
					</div>

					<div id="elementor-tab-content-3597" class="elementor-tab-content elementor-clearfix" data-tab="7" role="region" aria-labelledby="elementor-tab-title-3597">Na deze intensieve co-creatie bedanken we de respondenten hartelijk voor hun deelname en sluiten we de sessie af.</div>
				</div>
								</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-45726d1 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="45726d1" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-55a4854" data-id="55a4854" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-84104b2 elementor-widget elementor-widget-heading" data-id="84104b2" data-element_type="widget" id="conceptstudie" data-settings="{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">02 Conceptstudie</h2>		</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-851ce0c elementor-section-full_width elementor-section-height-min-height elementor-section-height-default" data-id="851ce0c" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-c016866" data-id="c016866" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-0e878e9 elementor-widget elementor-widget-heading" data-id="0e878e9" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Invalshoek 1</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-c804540 elementor-widget elementor-widget-text-editor" data-id="c804540" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							Op basis van een actuele trend en gebruikersinzichten bedenk ik een concept. Hierbij kijk ik naar de mogelijkheden die het mobiele touchpoint met zich meebrengen met de camera en alle sensoren die de telefoon bevat.
						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-560d10b elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="560d10b" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5e09f00" data-id="5e09f00" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-0c4886d elementor-widget elementor-widget-image" data-id="0c4886d" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="800" height="557" src="https://wouterspaan.nl/wp-content/uploads/2020/06/consumer-trend-canvas-1024x713.jpg" class="attachment-large size-large wp-image-163" alt="consumer trend canvas walking barcodes" srcset="https://wouterspaan.nl/wp-content/uploads/2020/06/consumer-trend-canvas-1024x713.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/06/consumer-trend-canvas-300x209.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/06/consumer-trend-canvas-768x535.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/06/consumer-trend-canvas-1536x1070.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2020/06/consumer-trend-canvas.jpg 2000w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
				<div class="elementor-element elementor-element-2e1e7a2 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="2e1e7a2" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1bc7f48" data-id="1bc7f48" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-3b0ad04 elementor-widget elementor-widget-heading" data-id="3b0ad04" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Trend onderzoek walking barcodes</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-6c49c49 elementor-widget elementor-widget-text-editor" data-id="6c49c49" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p><strong>Trend</strong><br />Een trend is een ontwikkelingslijn, neiging en richting waarin iets neigt te bewegen en geeft weer hoe ontwikkeling zich beweegt.<br />Trends zijn er op drie niveaus: Macro, Meso en Micro. De trend die ik heb onderzocht is een Macro trend genaamd ‘Walking Barcodes’.</p><p><strong>Walking barcodes</strong><br />De trend Walking Barcodes staat uitgewerkt op <a href="https://trends.fjordnet.com/trends/walking- barcodes" target="_blank" rel="noopener">https://trends.fjordnet.com/trends/walking- barcodes</a> en snijdt het onderwerp aan dat onze lichamen onze handtekeningen worden die ons digitale en fysieke zelf samenvoegen doormiddel van gezichtsherkenning, lichaamstaal herkenning en andere fysieke kenmerken die ons kunnen identificeren en meten. Hierdoor kunnen diensten meer context aware worden dan ze al zijn door emoties te meten, persoonlijke content aan te bieden en snellere identificatie uit te voeren. Dit wordt nu al gedaan met bijvoorbeeld vingerafdruk- en gezichtsherkenning op telefoons in te zetten als verificatiemiddel waardoor de gebruiker zijn wachtwoord niet steeds hoeft in te voeren en er een meer seamless ervaring ontstaat.</p><p>Al deze diensten zijn alleen mogelijk met de juiste middelen die dat technisch mogelijk maken. 5G wordt daarom benoemd als een belangrijk middel die in de komende tijd uitgerold gaat worden. Met 5G is het mogelijk om sneller data uit te wisselen en hierdoor een seamless ervaring te creeeren.</p><p><strong>De Bibliotheek</strong><br />De onderdelen in de Bibliotheek waar veel mensen gebruik van maken zijn de werkplekken, computers en het lenen van boeken. De mensen die deze plekken gebruiken zijn gebruikers die een werkplek nodig hebben in de Bibliotheek, ondernemers die een plek nodig hebben om te vergaderen en projectgroepen die samen kunnen werken op een gedeelde werkplek.<br />Met deze informatie heb ik een aantal innovaties bedacht die de dienst van de Bibliotheek kunnen verreiken. Die innovaties zijn hiernaast in het ingevulde canvas te zien. Deze innovaties heb ik meegenomen in het bedenken van een concept op basis van de trend, en de gebruikersinzichten die ik heb verzameld bij de user study.</p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-ae6cf68 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="ae6cf68" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8eaa001" data-id="8eaa001" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-bc4afe0 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="bc4afe0" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-42ec25f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="42ec25f" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-77d26fa" data-id="77d26fa" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-680c497 elementor-widget elementor-widget-heading" data-id="680c497" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Context en concept</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-3756cf7 elementor-widget elementor-widget-text-editor" data-id="3756cf7" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							In dit concept richt ik me op de persoonlijke aanbeveling aan de bieb-ganger. Zodra de bieb-ganger de Bibliotheek binnen loopt weet de app dat door het gebruik van de gps-locatie van de gebruiker en wordt er gekeken naar hoe de gebruiker zich op dat moment voelt door zijn gezicht te scannen en wat de gebruiker moet doen door in zijn agenda te kijken. Verder wordt gekeken naar omgevingsgeluid en beschikbare werkplekken door gebruik te maken van de microfoon in de telefoon. Met al deze aspecten zorgt de app ervoor dat de gebruiker een zo prettig mogelijke bieb-werkervaring krijgt. De gebruiker krijgt de voor hem op dat moment beste werkplek voorgesteld op basis van zijn gemoedstoestand, beschikbare werkplekken, omgevingsgeluid en het werk dat de gebruiker gaat verzetten.
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-003340e" data-id="003340e" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-eafcd46 elementor-widget elementor-widget-image" data-id="eafcd46" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="800" height="600" src="https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1923-1024x768.jpg" class="attachment-large size-large wp-image-164" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1923-1024x768.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1923-300x225.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1923-768x576.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1923-1536x1152.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1923-2048x1536.jpg 2048w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-e57de6d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e57de6d" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-68052a6" data-id="68052a6" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-56d61d4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="56d61d4" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-a4c3c26 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a4c3c26" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9c5ea67" data-id="9c5ea67" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-1f3445d elementor-widget elementor-widget-heading" data-id="1f3445d" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Interactieflow</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-327c271 elementor-widget elementor-widget-image" data-id="327c271" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-trend-concept.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="user flow trend concept" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTczLCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC91c2VyLWZsb3ctdHJlbmQtY29uY2VwdC5qcGcifQ%3D%3D">
							<img decoding="async" width="800" height="307" src="https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-trend-concept-1024x393.jpg" class="attachment-large size-large wp-image-173" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-trend-concept-1024x393.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-trend-concept-300x115.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-trend-concept-768x295.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-trend-concept-1536x590.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-trend-concept.jpg 1836w" sizes="(max-width: 800px) 100vw, 800px" />								</a>
															</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-a78dc00 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a78dc00" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e536a5a" data-id="e536a5a" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-a43a103 elementor-align-center elementor-widget elementor-widget-button" data-id="a43a103" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a class="elementor-button elementor-button-link elementor-size-sm" href="https://cloud.protopie.io/p/94edeaff77">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon elementor-align-icon-right">
				<i aria-hidden="true" class="fas fa-external-link-alt"></i>			</span>
						<span class="elementor-button-text">Ga naar het prototype</span>
		</span>
					</a>
		</div>
				</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-388a44e elementor-section-full_width elementor-section-height-min-height elementor-section-height-default" data-id="388a44e" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4334442" data-id="4334442" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-3384509 elementor-widget elementor-widget-heading" data-id="3384509" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Invalshoek 2</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-e994213 elementor-widget elementor-widget-text-editor" data-id="e994213" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Bij dit concept heb ik gebruik gemaakt van seductive interactions en persuative technologies en probeer ik de gebruiker over te halen samen te werken met anderen aan ieder hun eigen werk.</p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-6477b8f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6477b8f" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-59cc391" data-id="59cc391" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-c4db51f elementor-widget elementor-widget-heading" data-id="c4db51f" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Context en concept</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-b54f485 elementor-widget elementor-widget-text-editor" data-id="b54f485" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							Een persoon is thuis aan het werk en probeert dit geconcentreerd te doen. Hij wordt echter afgeleid door zijn omgeving en kan hierdoor niet goed doorwerken. Dan krijgt hij een gepersonaliseerd bericht dat hij in de Bibliotheek kan werken samen met andere Bieb-gangers. De gebruiker gaat op de uitnodiging in en gaat samen met andere Bieb-gangers in de Bibliotheek aan het werk waardoor hij zijn werk af krijgt. De belangrijkste activiteit die ik hiermee ondersteun is het samenwerken met anderen zodat ze elkaar kunnen helpen, ondersteunen en motiveren.						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9cab79d" data-id="9cab79d" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-ab9f2b0 elementor-widget elementor-widget-image" data-id="ab9f2b0" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="800" height="600" src="https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1974-1024x768.jpeg" class="attachment-large size-large wp-image-189" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1974-1024x768.jpeg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1974-300x225.jpeg 300w, https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1974-768x576.jpeg 768w, https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1974-1536x1152.jpeg 1536w, https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1974-2048x1536.jpeg 2048w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-c63fbfe elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c63fbfe" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e5a6621" data-id="e5a6621" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-1579f06 elementor-widget elementor-widget-image" data-id="1579f06" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="800" height="600" src="https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1979-1024x768.jpeg" class="attachment-large size-large wp-image-190" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1979-1024x768.jpeg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1979-300x225.jpeg 300w, https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1979-768x576.jpeg 768w, https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1979-1536x1152.jpeg 1536w, https://wouterspaan.nl/wp-content/uploads/2020/06/IMG_1979-2048x1536.jpeg 2048w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-8f0ffe4" data-id="8f0ffe4" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-29f1a4c elementor-widget elementor-widget-heading" data-id="29f1a4c" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Concept storyboard</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-c791cac elementor-widget elementor-widget-text-editor" data-id="c791cac" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							De gebruiker probeert te werken maar heeft veel afleiding. Dan wordt hij uit- genodigd om samen te werken in de bieb. Hij vult in wat zijn taken zijn en gaat daarmee aan de slag. De andere mensen kunnen de taken ook zien zodat hij met social proof de druk voelt de taken af te ronden. Door een puntensysteem in te brengen waarmee gebruikers trofeeën verdienen en een bepaalde status krijgen zorg ik ervoor dat gebruikers hooked blijven en blijven investeren om de status niet kwijt te raken.						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d6c6d00 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d6c6d00" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8640a1f" data-id="8640a1f" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-229a86e elementor-widget elementor-widget-image" data-id="229a86e" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-concept-2.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="user flow concept 2" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTkyLCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC91c2VyLWZsb3ctY29uY2VwdC0yLmpwZyJ9">
							<img decoding="async" width="800" height="406" src="https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-concept-2-1024x520.jpg" class="attachment-large size-large wp-image-192" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-concept-2-1024x520.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-concept-2-300x152.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-concept-2-768x390.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-concept-2-1536x780.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-concept-2.jpg 1894w" sizes="(max-width: 800px) 100vw, 800px" />								</a>
															</div>
				</div>
				<div class="elementor-element elementor-element-58fbc2a elementor-align-center elementor-widget elementor-widget-button" data-id="58fbc2a" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a class="elementor-button elementor-button-link elementor-size-sm" href="https://cloud.protopie.io/p/72bc3ee8a7">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon elementor-align-icon-right">
				<i aria-hidden="true" class="fas fa-external-link-alt"></i>			</span>
						<span class="elementor-button-text">Ga naar het prototype</span>
		</span>
					</a>
		</div>
				</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-24b4bf8 elementor-section-full_width elementor-section-height-min-height elementor-section-height-default" data-id="24b4bf8" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-e88715d" data-id="e88715d" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-8c2fdc8 elementor-widget elementor-widget-heading" data-id="8c2fdc8" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Conceptstudie 3</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-9154cde elementor-widget elementor-widget-text-editor" data-id="9154cde" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Met social interaction design (SXD) en Mechanics Dynamics en Aesthetics (MDA) probeer ik gebruikers samen te brengen waardoor ze elkaar kunnen motiveren en daarmee zichzelf kunnen verbeteren.</p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-e3eb10d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e3eb10d" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f8c8a2f" data-id="f8c8a2f" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-f80aa7c elementor-widget elementor-widget-heading" data-id="f80aa7c" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Context en concept</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-8b453d1 elementor-widget elementor-widget-text-editor" data-id="8b453d1" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							Dit concept heeft vooral betrekking op de biebgangers die voor meerdere activiteiten naar de bibliotheek gaan en daar ook mensen kennen die dat ook doen.
Door het lezen van boeken, het leren en werken in de Bibliotheek en het bijwonen van culturele evenementen kan een gebruiker voor zichzelf bijhouden wat hij leest, leert en ziet en kan hij dit ook delen met anderen die hierop kunnen reageren, liken en hier ook inspiratie uit kunnen halen. De belangrijkste activiteit die ik hiermee wil ondersteunen is dat mensen kunnen bijhouden wat ze lezen, leren en doen in de bibliotheek waardoor ze elkaar kunnen inspireren en motiveren hetzelfde te gaan doen om zo een emergent behavour te starten waarin gebruikers kennis, inzichten en ervaringen met elkaar uitwisselen.						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-991f31d" data-id="991f31d" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-8935fb3 elementor-widget elementor-widget-image" data-id="8935fb3" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="800" height="583" src="https://wouterspaan.nl/wp-content/uploads/2020/06/concept-1024x746.jpg" class="attachment-large size-large wp-image-194" alt="concept schets" srcset="https://wouterspaan.nl/wp-content/uploads/2020/06/concept-1024x746.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/06/concept-300x218.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/06/concept-768x559.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/06/concept-1536x1118.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2020/06/concept-2048x1491.jpg 2048w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-0b2ddb1 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0b2ddb1" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7db6e0a" data-id="7db6e0a" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-da184d5 elementor-widget elementor-widget-image" data-id="da184d5" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-concept-3.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="user flow concept 3" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTkzLCJ1cmwiOiJodHRwczpcL1wvd291dGVyc3BhYW4ubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjBcLzA2XC91c2VyLWZsb3ctY29uY2VwdC0zLmpwZyJ9">
							<img decoding="async" width="800" height="410" src="https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-concept-3-1024x525.jpg" class="attachment-large size-large wp-image-193" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-concept-3-1024x525.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-concept-3-300x154.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-concept-3-768x393.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-concept-3-1536x787.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2020/06/user-flow-concept-3.jpg 1837w" sizes="(max-width: 800px) 100vw, 800px" />								</a>
															</div>
				</div>
				<div class="elementor-element elementor-element-475bc5c elementor-align-center elementor-widget elementor-widget-button" data-id="475bc5c" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a class="elementor-button elementor-button-link elementor-size-sm" href="https://cloud.protopie.io/p/bf46e79f36">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon elementor-align-icon-right">
				<i aria-hidden="true" class="fas fa-external-link-alt"></i>			</span>
						<span class="elementor-button-text">Ga naar het prototype</span>
		</span>
					</a>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f793723 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f793723" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7c64351" data-id="7c64351" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-5a1ba1df elementor-post-navigation-borders-yes elementor-widget elementor-widget-post-navigation" data-id="5a1ba1df" data-element_type="widget" data-widget_type="post-navigation.default">
				<div class="elementor-widget-container">
					<div class="elementor-post-navigation">
			<div class="elementor-post-navigation__prev elementor-post-navigation__link">
				<a href="https://wouterspaan.nl/case-studies/future-of-streams/" rel="prev"><span class="post-navigation__arrow-wrapper post-navigation__arrow-prev"><i class="fa fa-chevron-circle-left" aria-hidden="true"></i><span class="elementor-screen-only">Prev</span></span><span class="elementor-post-navigation__link__prev"><span class="post-navigation__prev--label">Vorige case study</span><span class="post-navigation__prev--title">Future of streams</span></span></a>			</div>
							<div class="elementor-post-navigation__separator-wrapper">
					<div class="elementor-post-navigation__separator"></div>
				</div>
						<div class="elementor-post-navigation__next elementor-post-navigation__link">
				<a href="https://wouterspaan.nl/case-studies/orflow-in-control/" rel="next"><span class="elementor-post-navigation__link__next"><span class="post-navigation__next--label">Volgende case study</span><span class="post-navigation__next--title">ORflow in control</span></span><span class="post-navigation__arrow-wrapper post-navigation__arrow-next"><i class="fa fa-chevron-circle-right" aria-hidden="true"></i><span class="elementor-screen-only">Next</span></span></a>			</div>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
							</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Future of streams</title>
		<link>https://wouterspaan.nl/case-studies/future-of-streams/</link>
		
		<dc:creator><![CDATA[wouter]]></dc:creator>
		<pubDate>Tue, 26 May 2020 13:15:17 +0000</pubDate>
				<category><![CDATA[case studies]]></category>
		<guid isPermaLink="false">https://wouterspaan.nl/?p=82</guid>

					<description><![CDATA[The future of streams. T-time is een platform dat ik met mijn projectgroep heb ontworpen waar gebruikers samen met vrienden gelijktijdig online films en series kunnen bekijken en muziek kunnen luisteren. In deze case-study vertel ik onze reis naar deze dienst en wat mijn bijdrage daarin is geweest. 01 Strategie In de casus ‘The future [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="82" class="elementor elementor-82" data-elementor-post-type="post">
									<section class="elementor-section elementor-top-section elementor-element elementor-element-24e6c59d elementor-section-height-min-height elementor-section-content-top elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="24e6c59d" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-616d12ef" data-id="616d12ef" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-27f6f4f2 elementor-widget elementor-widget-heading" data-id="27f6f4f2" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">The future of streams.</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-1351809b elementor-widget elementor-widget-text-editor" data-id="1351809b" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>T-time is een platform dat ik met mijn projectgroep heb ontworpen waar gebruikers samen met vrienden gelijktijdig online films en series kunnen bekijken en muziek kunnen luisteren. In deze case-study vertel ik onze reis naar deze dienst en wat mijn bijdrage daarin is geweest.</p>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-461ef8b0" data-id="461ef8b0" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-3036c83 elementor-widget elementor-widget-image" data-id="3036c83" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="800" height="459" src="https://wouterspaan.nl/wp-content/uploads/2020/03/Web-1920-–-10-bijgesneden-1024x587.jpg" class="attachment-large size-large wp-image-8" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2020/03/Web-1920-–-10-bijgesneden-1024x587.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/03/Web-1920-–-10-bijgesneden-300x172.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/03/Web-1920-–-10-bijgesneden-768x440.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/03/Web-1920-–-10-bijgesneden-1536x881.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2020/03/Web-1920-–-10-bijgesneden.jpg 1920w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d829851 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d829851" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0a8031e" data-id="0a8031e" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<section class="elementor-section elementor-inner-section elementor-element elementor-element-520bbc8 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="520bbc8" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-f7aec97" data-id="f7aec97" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-7c62afb elementor-widget elementor-widget-heading" data-id="7c62afb" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">01 Strategie</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-073dd28 elementor-widget elementor-widget-text-editor" data-id="073dd28" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>In de casus ‘The future of streams’ onderzocht ik hoe de toekomst eruit gaat zien met betrekking tot online streaming. Dit is een probleem/behoefte-oplossende dienst die tot stand is gekomen door het problem based design proces te doorlopen. </p>						</div>
				</div>
				<div class="elementor-element elementor-element-8ce46d6 elementor-icon-list--layout-inline elementor-align-left elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="8ce46d6" data-element_type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
					<ul class="elementor-icon-list-items elementor-inline-items">
							<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-heart"></i>						</span>
										<span class="elementor-icon-list-text">Emphatize</span>
									</li>
								<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-lightbulb"></i>						</span>
										<span class="elementor-icon-list-text">Define</span>
									</li>
								<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-sync-alt"></i>						</span>
										<span class="elementor-icon-list-text">Ideate</span>
									</li>
						</ul>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3c2eb5f" data-id="3c2eb5f" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-ddf0a62 elementor-widget elementor-widget-heading" data-id="ddf0a62" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">02 Ontwerp</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-81991b2 elementor-widget elementor-widget-text-editor" data-id="81991b2" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Vervolgens ben ik met die resultaten aan de slag gegaan om een systeem te ontwerpen dat die behoefte vervult/probleem oplost. Doormiddel van prototype, testen en itereren kwam ik er achter waar gebruikers vast liepen en wat de gebruikers fijn vonden om te gebruiken.</p>						</div>
				</div>
				<div class="elementor-element elementor-element-ad72fcb elementor-icon-list--layout-inline elementor-align-left elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="ad72fcb" data-element_type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
					<ul class="elementor-icon-list-items elementor-inline-items">
							<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-sync-alt"></i>						</span>
										<span class="elementor-icon-list-text">Ideate</span>
									</li>
								<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-atom"></i>						</span>
										<span class="elementor-icon-list-text">Prototype</span>
									</li>
								<li class="elementor-icon-list-item elementor-inline-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-diagnoses"></i>						</span>
										<span class="elementor-icon-list-text">Testing</span>
									</li>
						</ul>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-2be8f89 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2be8f89" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a0b2b45" data-id="a0b2b45" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-2688135 elementor-widget elementor-widget-heading" data-id="2688135" data-element_type="widget" data-settings="{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">01 Strategie</h2>		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-3301797 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3301797" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5113be7e" data-id="5113be7e" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<section class="elementor-section elementor-inner-section elementor-element elementor-element-4fc61753 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4fc61753" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-71dccfd0" data-id="71dccfd0" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-3696659a elementor-widget elementor-widget-heading" data-id="3696659a" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Context</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-8bbe0ff elementor-widget elementor-widget-text-editor" data-id="8bbe0ff" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div class="page" title="Page 3"><div class="layoutArea"><div class="column"><p>De wereld staat niet stil en er blijven nieuwe technieken ontstaan die grote invloed uitoefenen op het dagelijks leven. Zeker online gaat het snel. Dit zie je terug in hoe om wordt gegaan met televisie kijken. Tot voor een aantal jaar geleden waren online series en films alleen toegankelijk voor mensen die een specifieke film of serie huurden. </p></div></div></div>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-286d5b66" data-id="286d5b66" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-45291a1d elementor-widget elementor-widget-text-editor" data-id="45291a1d" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Inmiddels is het door de komst van streaminsdiensten zoals Netflix, Spotify en Youtube een stuk makkelijker geworden om video en muziek on-demand te kijken of luisteren. In de casus ‘The future of streams’ onderzoeken we hoe de toekomst eruit gaat zien met betrekking tot online streaming. In deze casestudy ga ik me vooral richten op welke invloed on-demand streaming heeft op live televisie en radio. </p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-20ea6d5a elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="20ea6d5a" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5e147483" data-id="5e147483" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<section class="elementor-section elementor-inner-section elementor-element elementor-element-1366014f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1366014f" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7a5d5608" data-id="7a5d5608" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-601917f8 elementor-widget elementor-widget-heading" data-id="601917f8" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Visie</h5>		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5d5f8625" data-id="5d5f8625" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-6c80a467 elementor-widget elementor-widget-text-editor" data-id="6c80a467" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>In de toekomst gaat on-demand televisiekijken en radio luisteren alleen nog maar meer kijkers en luisteraars trekken ten opzichte van de live televisie en radio. Er zijn nu al veel verschillende aanbieders zoals Spotify, Deezer en Apple Music voor muziek en Netflix, Youtube en Twitch voor video. Dit soort diensten worden nu al een stuk meer gebruikt dan de live televisie of radio en zullen een steeds grotere rol gaan spelen in het dagelijks leven van de gebruiker.</p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<div class="elementor-element elementor-element-60f7a57 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="60f7a57" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-2efd0874 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2efd0874" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-62a6543" data-id="62a6543" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<section class="elementor-section elementor-inner-section elementor-element elementor-element-704aff94 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="704aff94" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-31e222db" data-id="31e222db" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-5a0f2e52 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs" data-id="5a0f2e52" data-element_type="widget" data-widget_type="tabs.default">
				<div class="elementor-widget-container">
					<div class="elementor-tabs">
			<div class="elementor-tabs-wrapper" role="tablist" >
									<div id="elementor-tab-title-1511" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="true" data-tab="1" role="tab" tabindex="0" aria-controls="elementor-tab-content-1511" aria-expanded="false">COU 1</div>
									<div id="elementor-tab-title-1512" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="2" role="tab" tabindex="-1" aria-controls="elementor-tab-content-1512" aria-expanded="false">COU 2</div>
									<div id="elementor-tab-title-1513" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="3" role="tab" tabindex="-1" aria-controls="elementor-tab-content-1513" aria-expanded="false">COU 3</div>
							</div>
			<div class="elementor-tabs-content-wrapper" role="tablist" aria-orientation="vertical">
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="true" data-tab="1" role="tab" tabindex="0" aria-controls="elementor-tab-content-1511" aria-expanded="false">COU 1</div>
					<div id="elementor-tab-content-1511" class="elementor-tab-content elementor-clearfix" data-tab="1" role="tabpanel" aria-labelledby="elementor-tab-title-1511" tabindex="0" hidden="false">Lisa is een 23 jarige student die studeert aan de Hogeschool voor de kunsten in Utrecht. Elke dag moet ze een half uur reizen met de trein en dan nog een stuk lopen vanaf het station naar de campus. Onderweg in de trein houdt ze ervan om naar buiten te staren terwijl ze via Spotify muziek luistert op haar telefoon. Als het rustig is in de trein kijkt ze ook wel eens Youtube. Lisa deelt haar Spotify account met wat vriendinnen waardoor de kosten laag blijven.</div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="2" role="tab" tabindex="-1" aria-controls="elementor-tab-content-1512" aria-expanded="false">COU 2</div>
					<div id="elementor-tab-content-1512" class="elementor-tab-content elementor-clearfix" data-tab="2" role="tabpanel" aria-labelledby="elementor-tab-title-1512" tabindex="0" hidden="hidden"><p>Bram is 18 jaar oud en heeft een tussenjaar genomen om zich te kunnen richten op het vinden van een studie die bij hem past. Om de tijd te doden heeft Bram een eigen Youtube kanaal opgericht waarin hij spellen die hij speelt livestreamt. Dit Youtube kanaal is inmiddels groot genoeg geworden dat Bram er voldoende geld mee verdient om te kunnen wonen in zijn studentenkamer. Om beter te worden in het bereiken van zijn doelgroep kijkt Bram ook veel streams van andere Youtubers. Hier haalt hij veel inspiratie uit. Meestal maakt Bram ‘s middags een video en wanneer die klaar is kijkt hij zelf nog wat video’s van andere Youtubers.</p></div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="3" role="tab" tabindex="-1" aria-controls="elementor-tab-content-1513" aria-expanded="false">COU 3</div>
					<div id="elementor-tab-content-1513" class="elementor-tab-content elementor-clearfix" data-tab="3" role="tabpanel" aria-labelledby="elementor-tab-title-1513" tabindex="0" hidden="hidden"><p>Michiel is een echte bingewatcher. School gaat hem goed af dus hij houdt veel tijd over om Netflix te kijken. Het liefst ligt Michiel met zijn vriendin op bed als hij series aan het kijken is. Hij deelt dit account met haar. Ze hebben afgesproken dat Michiel het Netflix abonnement betaalt en zijn vriendin het Spotify abonnement. Op deze manier blijven de kosten voor beiden relatief laag. </p></div>
							</div>
		</div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3a966293" data-id="3a966293" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-5e9a5997 elementor-widget elementor-widget-heading" data-id="5e9a5997" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Circumstances of use (cou)</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-2369da93 elementor-widget elementor-widget-text-editor" data-id="2369da93" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div class="page" title="Page 7"><div class="layoutArea"><div class="column"><p>De circumstances of use zijn samengesteld door de volgende vragen te beantwoorden en dit in een lopend klein verhaaltje te verwerken:<br /><strong>Wie</strong> is de gebruiker?<br /><strong>Wat</strong> doet de gebruiker?<br /><strong>Wanneer</strong> doet de gebruiker dit?<br /><strong>Waar</strong> waar doet de gebruiker dit?<br /><strong>Waarom</strong> maakt de gebruiker bepaalde keuzes?</p><p>De antwoorden van bovenstaande vragen zijn gebaseerd op interviews die ik met mijn projectgroep heb gehouden bij de doelgroep. Door de interviews te houden wisten we een stuk beter wat de gemiddelde student doet in bepaalde situaties en konden we met behulp van de persona&#8217;s die we hebben gemaakt de circumstances of use samenstellen.</p></div></div></div>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<div class="elementor-element elementor-element-6ddfa6fd elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="6ddfa6fd" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-6dfa1d5 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="6dfa1d5" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-7100490b" data-id="7100490b" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-8afa15b elementor-widget elementor-widget-heading" data-id="8afa15b" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Core UX</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-3afc46e9 elementor-widget elementor-widget-text-editor" data-id="3afc46e9" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Momenteel moeten gebruikers gebruik maken veel verschillende platformen zoals Netflix, Spotify, Youtube en Twitch.<br />Elk platform heeft een eigen user interface welke gebruikers moeten leren kennen.</p><p>Één ‘platform’ met een eenduidige interface biedt hier een oplossing.</p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<div class="elementor-element elementor-element-25a1423 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="25a1423" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-bb86f64 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="bb86f64" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a7e4d5b" data-id="a7e4d5b" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-959448a elementor-widget elementor-widget-heading" data-id="959448a" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Design criteria</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-78536d4 elementor-widget elementor-widget-text-editor" data-id="78536d4" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div class="page" title="Page 8">
<div class="layoutArea">
<div class="column">
<div class="page" title="Page 9">
<div class="layoutArea">
<div class="column">
<p>
		
	
	
		</p><div class="page" title="Page 8">
			<div class="layoutArea">
				<div class="column">
					<p><span style="font-size: 10.000000pt; font-family: 'HelveticaNeue'; color: rgb(10.000000%, 10.000000%, 10.000000%)">De design criteria zijn een uitvloeisel van de core UX.
Hier wordt puntsgewijs beschreven wat het product
nodig heeft om te kunnen slagen.
</span></p>
				</div>
				<div class="column">
					<p><span style="font-size: 10.000000pt; font-family: 'HelveticaNeue'; color: rgb(10.000000%, 10.000000%, 10.000000%)">Voor de design criteria ben ik nagegaan welke
functionaliteiten de dienst nodig heeft om de voorkeur
te hebben bij de gebruiker. Hierbij heb ik vergeleken
met bestaande diensten en heb ik gekeken naar wat
deze dienst onderscheidt van de bestaande diensten.
Op basis daarvan heb ik bovenstaande designcriteria
opgesteld die minstens naar voren moeten komen om
het platform te laten slagen.
</span></p>
					<p><span style="font-size: 10.000000pt; font-family: 'HelveticaNeue'; color: rgb(10.000000%, 10.000000%, 10.000000%)">Ik heb proberen te voorkomen de ‘logische‘
designcriteria te benoemen die elk platform nodig
heeft. Dit zijn bijvoorbeeld punten zoals: “Het platform
moet intuitief zijn”. Dit is een criterium dat elke dienst
standaard moet hebben.&nbsp;</span></p>
				</div>
			</div>
		</div>
</div>
</div>
</div>
</div>
</div>
</div>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-96dd3ea" data-id="96dd3ea" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-b10ecd6 elementor-widget elementor-widget-text-editor" data-id="b10ecd6" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div class="page" title="Page 8"><div class="layoutArea"><div class="column"><div class="page" title="Page 9"><div class="layoutArea"><div class="column"><div class="page" title="Page 8"><div class="layoutArea"><div class="column"><p class="p1">Alle soorten muziek en video worden ondergebracht in een overkoepelend platform. </p><p class="p1">iedereen moet content kunnen plaatsen die anderen kunnen streamen. </p><p class="p1">de dienst moet betaalbaar zijn en er moeten meerdere pakketten beschikbaar komen voor mensen die bijvoorbeeld alleen muziek willen streamen. </p><p class="p1">de dienst moet op zoveel mogelijk apparaten beschikbaar zijn zodat het overal te gebruiken is. </p><p class="p1">de dienst moet een duidelijke scheiding laten zien tussen verschillende vormen van streaming. </p><p class="p1">de dienst moet muziek kunnen afspelen zonder afhankelijk te zijn van het videogedeelte. </p><p class="p1">de dienst moet video kunnen afspelen zonder afhankelijk te zijn van het muziekgedeelte. </p><p class="p1">de app moet makkelijker en overzichtelijker in gebruik zijn dan de concurrerende diensten. </p></div></div></div></div></div></div></div></div></div>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-38b5ba8 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="38b5ba8" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-633e3f4" data-id="633e3f4" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-8075635 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="8075635" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-9d5db60 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="9d5db60" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5d4304c" data-id="5d4304c" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-cad0dec elementor-tabs-view-vertical elementor-widget elementor-widget-tabs" data-id="cad0dec" data-element_type="widget" data-widget_type="tabs.default">
				<div class="elementor-widget-container">
					<div class="elementor-tabs">
			<div class="elementor-tabs-wrapper" role="tablist" >
									<div id="elementor-tab-title-2121" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="true" data-tab="1" role="tab" tabindex="0" aria-controls="elementor-tab-content-2121" aria-expanded="false">Happyness</div>
									<div id="elementor-tab-title-2122" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="2" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2122" aria-expanded="false">Encouragement</div>
									<div id="elementor-tab-title-2123" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="3" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2123" aria-expanded="false">Adoption</div>
									<div id="elementor-tab-title-2124" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="4" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2124" aria-expanded="false">Retention</div>
									<div id="elementor-tab-title-2125" class="elementor-tab-title elementor-tab-desktop-title" aria-selected="false" data-tab="5" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2125" aria-expanded="false">Task success</div>
							</div>
			<div class="elementor-tabs-content-wrapper" role="tablist" aria-orientation="vertical">
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="true" data-tab="1" role="tab" tabindex="0" aria-controls="elementor-tab-content-2121" aria-expanded="false">Happyness</div>
					<div id="elementor-tab-content-2121" class="elementor-tab-content elementor-clearfix" data-tab="1" role="tabpanel" aria-labelledby="elementor-tab-title-2121" tabindex="0" hidden="false"><div class="page" title="Page 9"><div class="layoutArea"><div class="column"><p class="p2">Mensen willen het platform graag gebruiken en verkiezen het platform boven de concurrent door het overzicht wat het platform biedt.</p><p class="p2"> </p></div></div></div></div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="2" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2122" aria-expanded="false">Encouragement</div>
					<div id="elementor-tab-content-2122" class="elementor-tab-content elementor-clearfix" data-tab="2" role="tabpanel" aria-labelledby="elementor-tab-title-2122" tabindex="0" hidden="hidden"><p class="p2">De hoeveelheid mensen die streamingsdiensten gebruikt gaat omhoog door het toegankelijker maken van alle verschillende streamingssoorten.</p><p class="p2"> </p></div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="3" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2123" aria-expanded="false">Adoption</div>
					<div id="elementor-tab-content-2123" class="elementor-tab-content elementor-clearfix" data-tab="3" role="tabpanel" aria-labelledby="elementor-tab-title-2123" tabindex="0" hidden="hidden"><p class="p2">De prijzen voor het totaalpakket zijn lager dan wat mensen nu in totaal betalen voor de alternatieven waardoor steeds meer mensen een abonnement zullen aanschaffen.</p><p class="p2"> </p></div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="4" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2124" aria-expanded="false">Retention</div>
					<div id="elementor-tab-content-2124" class="elementor-tab-content elementor-clearfix" data-tab="4" role="tabpanel" aria-labelledby="elementor-tab-title-2124" tabindex="0" hidden="hidden"><p class="p2">Door de lage prijzen en het hoge aanbod van content zullen mensen niet meer willen wisselen van platform zodra ze het gebruiken.</p><p class="p2"> </p></div>
									<div class="elementor-tab-title elementor-tab-mobile-title" aria-selected="false" data-tab="5" role="tab" tabindex="-1" aria-controls="elementor-tab-content-2125" aria-expanded="false">Task success</div>
					<div id="elementor-tab-content-2125" class="elementor-tab-content elementor-clearfix" data-tab="5" role="tabpanel" aria-labelledby="elementor-tab-title-2125" tabindex="0" hidden="hidden"><p>Er komt een soort ‘radio’ functie die automatisch video’s of muziek afspeelt om mensen met een voorkeur voor live televisie en radio ook een plek te bieden.</p></div>
							</div>
		</div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3e13b28" data-id="3e13b28" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-e38f8cc elementor-widget elementor-widget-heading" data-id="e38f8cc" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Success metrics</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-ba1088c elementor-widget elementor-widget-text-editor" data-id="ba1088c" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div class="page" title="Page 8">
<div class="layoutArea">
<div class="column">
<div class="page" title="Page 9">
<div class="layoutArea">
<div class="column">
<p>De succes metrics bevatten de meetcriteria die te beïnvloeden zijn door een goede user experience. Deze user experience is te meten met het acroniem HEART, wat staat voor Happiness, Engagement, Adoption, Retention en Task Success. Deze punten geven houvast voor het maken van veelzijdige, concrete en vooral gestructureerde succes metrics.</p>
</div>
</div>
</div>
</div>
</div>
</div>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-ca76f67 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="ca76f67" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1f73f76" data-id="1f73f76" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<section class="elementor-section elementor-inner-section elementor-element elementor-element-5944cf1 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="5944cf1" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-c02467c" data-id="c02467c" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-5ce50b8 elementor-widget elementor-widget-heading" data-id="5ce50b8" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Product strategy statement</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-914f9c1 elementor-widget elementor-widget-text-editor" data-id="914f9c1" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div class="page" title="Page 8"><div class="layoutArea"><div class="column"><div class="page" title="Page 10"><div class="layoutArea"><div class="column"><p>Om ervoor te zorgen dat <strong>on-demand televisie en radio meer kijkers en luisteraars zal trekken ten opzichte van live</strong><br /><strong>radio en televisie</strong>, zal ons product het probleem van <strong>te veel verschillende aanbieders</strong> van <strong>streamingsgebruikers</strong> oplossen door middel van <strong>het makkelijker maken om muziek en video te streamen én te delen door alles onder één platform onder te brengen.</strong></p><p><em>We weten dat ons product werkt wanneer we <strong>stijging zien in het aantal mensen dat streamingsdiensten gebruikt.</strong></em></p></div></div></div></div></div></div>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-fa9ccf0 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="fa9ccf0" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-fa85ff6" data-id="fa85ff6" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-087d552 elementor-widget elementor-widget-heading" data-id="087d552" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Concept sketch</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-0a6489f elementor-widget elementor-widget-text-editor" data-id="0a6489f" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div class="page" title="Page 8"><div class="layoutArea"><div class="column"><div class="page" title="Page 9"><div class="layoutArea"><div class="column"><p><span style="color: #1a1a1a; font-family: HelveticaNeue; font-size: 10pt;">In dit concept heb ik een overkoepelend platform bedacht waar alle diensten op kunnen worden aangesloten en waar de gebruiker maar één platform hoeft te leren kennen. De gebruiker hoeft niet meer allemaal verschillende accounts en platformen te gebruiken maar heeft aan één platform genoeg voor al zijn muziek en video’s. </span></p></div></div></div></div></div></div>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2f13838" data-id="2f13838" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-e0d8d5d elementor-widget elementor-widget-image" data-id="e0d8d5d" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="800" height="501" src="https://wouterspaan.nl/wp-content/uploads/2020/05/concept-sketch-1024x641.jpg" class="attachment-large size-large wp-image-95" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2020/05/concept-sketch-1024x641.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/05/concept-sketch-300x188.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/05/concept-sketch-768x480.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/05/concept-sketch-1536x961.jpg 1536w, https://wouterspaan.nl/wp-content/uploads/2020/05/concept-sketch.jpg 1744w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-0b2edf0 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0b2edf0" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-06fc300" data-id="06fc300" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-80d2c18 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="80d2c18" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-774b935 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="774b935" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-49525e8" data-id="49525e8" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-b8e2628 elementor-widget elementor-widget-image" data-id="b8e2628" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="800" height="265" src="https://wouterspaan.nl/wp-content/uploads/2020/05/mvp-1024x339.jpg" class="attachment-large size-large wp-image-96" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2020/05/mvp-1024x339.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/05/mvp-300x99.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/05/mvp-768x254.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/05/mvp.jpg 1468w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2834cb5" data-id="2834cb5" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-bdc40dc elementor-widget elementor-widget-heading" data-id="bdc40dc" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Minimal viable product (mvp)</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-b1a4384 elementor-widget elementor-widget-text-editor" data-id="b1a4384" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Naar aanleiding van mijn concept sketch heb ik een minimal viable product bedacht. Met behulp van de vraag “How might we..?” ben ik tot de volgende oplossing gekomen.</p><p>De grote hoeveelheid aanbieders van streamingsdiensten worden onder één platform ondergebracht waar muziek en video beide worden aangeboden. Doordat aanbieders zelf hun content kunnen plaatsen op het platform is het ook voor kleinere streamers aantrekkelijk om hun content op dat platform te plaatsen. Dit kan bijvoorbeeld door gebruik te maken van Twitch of Youtube.</p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-c80ddbe elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c80ddbe" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7c45394" data-id="7c45394" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-4bdfbdf elementor-widget elementor-widget-heading" data-id="4bdfbdf" data-element_type="widget" data-settings="{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">02 Ontwerp</h2>		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-3f38242 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3f38242" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5940902" data-id="5940902" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-9b48b43 elementor-widget elementor-widget-heading" data-id="9b48b43" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Structure - information architecture</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-8bce749 elementor-widget elementor-widget-text-editor" data-id="8bce749" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Om tot een duidelijke informatie architectuur te komen heb ik gebruik gemaakt van de methode ‘card sorting’. In card sorting worden een aantal stappen doorlopen om tot een zo goed mogelijk resultaat te komen.</p><p>Waar we mee beginnen is het bepalen van de cards die ik ga gebruiken in mijn card sorting. Daarvoor hebben we in een tweetal een storyboard uitgewerkt voor ons concept die beschreven staat in ons groepsstrategie document. In dit storyboard is een situatie geschetst waarin een gebruiker onze website zou kunnen gebruiken.</p>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-97eb3a8" data-id="97eb3a8" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-d86ba2e elementor-widget elementor-widget-image" data-id="d86ba2e" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="1946" height="1474" src="https://wouterspaan.nl/wp-content/uploads/2020/05/card-sorting.jpg" class="attachment-full size-full wp-image-108" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2020/05/card-sorting.jpg 1946w, https://wouterspaan.nl/wp-content/uploads/2020/05/card-sorting-300x227.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/05/card-sorting-1024x776.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/05/card-sorting-768x582.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/05/card-sorting-1536x1163.jpg 1536w" sizes="(max-width: 1946px) 100vw, 1946px" />															</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-ca4090f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="ca4090f" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-88f1177" data-id="88f1177" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-1ce714b elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="1ce714b" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-c8484dc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c8484dc" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b139902" data-id="b139902" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-d90657e elementor-widget elementor-widget-image" data-id="d90657e" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="2024" height="1030" src="https://wouterspaan.nl/wp-content/uploads/2020/05/structure-sitemap.jpg" class="attachment-full size-full wp-image-110" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2020/05/structure-sitemap.jpg 2024w, https://wouterspaan.nl/wp-content/uploads/2020/05/structure-sitemap-300x153.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/05/structure-sitemap-1024x521.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/05/structure-sitemap-768x391.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/05/structure-sitemap-1536x782.jpg 1536w" sizes="(max-width: 2024px) 100vw, 2024px" />															</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b04abce" data-id="b04abce" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-3c2c508 elementor-widget elementor-widget-heading" data-id="3c2c508" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Structure - sitemap</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-9a38322 elementor-widget elementor-widget-text-editor" data-id="9a38322" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							Naar aanleiding van de card sorting kon ik beginnen aan het samenstellen van pagina’s voor ons platform. De pagina’s worden zo opgebouwd dat de verschillende onderdelen die de gebruiker bij de card sorting heeft gegroepeerd in de structuur van de website terugkomen.
						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-8552e09 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8552e09" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-56d034e" data-id="56d034e" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-9044e88 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="9044e88" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-0b2f593 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0b2f593" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ad86854" data-id="ad86854" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-0fe7bd5 elementor-widget elementor-widget-heading" data-id="0fe7bd5" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Structure - taskflow</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-3499b52 elementor-widget elementor-widget-text-editor" data-id="3499b52" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>In de taskflow staat getekend en kort beschreven hoe alle gebruikers via de homepage, via de info over de aflevering naar de serie gaan om daar een scenario te kiezen. Dit is een specifieke taak met een startpunt die altijd hetzelfde is, namelijk de homepage.</p><p>In deze taskflow kan de gebruiker informatie bekijken over de aflevering van een serie of film</p>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0f35fe6" data-id="0f35fe6" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-52147ad elementor-widget elementor-widget-image" data-id="52147ad" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="1994" height="924" src="https://wouterspaan.nl/wp-content/uploads/2020/05/structure-taskflow.jpg" class="attachment-full size-full wp-image-111" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2020/05/structure-taskflow.jpg 1994w, https://wouterspaan.nl/wp-content/uploads/2020/05/structure-taskflow-300x139.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/05/structure-taskflow-1024x475.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/05/structure-taskflow-768x356.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/05/structure-taskflow-1536x712.jpg 1536w" sizes="(max-width: 1994px) 100vw, 1994px" />															</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-5f7adcc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5f7adcc" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f9547f0" data-id="f9547f0" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-e6a65cd elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="e6a65cd" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-026a51e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="026a51e" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6e8b152" data-id="6e8b152" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-ebf2305 elementor-widget elementor-widget-image" data-id="ebf2305" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="1920" height="1619" src="https://wouterspaan.nl/wp-content/uploads/2020/05/prototype-home.jpg" class="attachment-full size-full wp-image-112" alt="" srcset="https://wouterspaan.nl/wp-content/uploads/2020/05/prototype-home.jpg 1920w, https://wouterspaan.nl/wp-content/uploads/2020/05/prototype-home-300x253.jpg 300w, https://wouterspaan.nl/wp-content/uploads/2020/05/prototype-home-1024x863.jpg 1024w, https://wouterspaan.nl/wp-content/uploads/2020/05/prototype-home-768x648.jpg 768w, https://wouterspaan.nl/wp-content/uploads/2020/05/prototype-home-1536x1295.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" />															</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5b36a51" data-id="5b36a51" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-51fd5e1 elementor-widget elementor-widget-heading" data-id="51fd5e1" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h5 class="elementor-heading-title elementor-size-large">Skeleton - prototype</h5>		</div>
				</div>
				<div class="elementor-element elementor-element-ab38474 elementor-widget elementor-widget-text-editor" data-id="ab38474" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Het prototype dat ik naar aanleiding van de taskflow heb gemaakt is een low fidelity prototype. Fidelity wordt in verschillende dimensies gemeten: Breedte van de kenmerken die zijn uitgewerkt, de diepte van de functionaliteit, het grafische ontwerp en de manier van interactie.</p><p><strong>Low fidelity prototype</strong><br />De reden dat voor een klikbaar low fidelity prototype is gekozen, is dat wanneer uit de test blijkt dat een interactie door de gebruiker niet wordt begrepen en dus afwijkt van het mentale model van de gebruiker, het product niet al zo ver gevorderd is dat het zonde van de tijd is weer opnieuw te moeten beginnen. Een low fidelity prototype is hiervoor een uitkomst. Het is relatief weinig werk en er kan dus in een vroeg stadium feedback worden verwerkt of grote aanpassingen worden gedaan.</p><p><strong>Placeholders</strong><br />Het prototype moet een duidelijk beeld geven bij wat het eindresultaat zou zijn, daarom heb ik gewerkt met zoveel mogelijk ‘echte’ teksten. Lorem ipsum is een manier om elementen op te vullen met plaatsvervangende tekst, het geeft echter veel verwarring bij de testpersoon en geen duidelijk beeld wat het product precies inhoudt. In mijn prototype heb ik dus teksten geschreven die de gebruiker zou verwachten in een platform zoals dit. Hetzelfde geldt voor een aantal afbeeldingen die belangrijk zijn om het prototype te begrijpen.</p><p><strong>Grid</strong><br />Voor het prototype heb ik gebruik gemaakt van een 12-koloms grid. Dit is de web standaard en helpt om een consistente en logische schermlay-out te maken.</p>						</div>
				</div>
				<div class="elementor-element elementor-element-d7c92a2 elementor-align-left elementor-widget elementor-widget-button" data-id="d7c92a2" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a class="elementor-button elementor-button-link elementor-size-sm" href="https://xd.adobe.com/view/44fa2432-e7de-4437-512b-c4ccffa64243-32cb/?hints=off" target="_blank">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-text">Ga naar het prototype</span>
		</span>
					</a>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f793723 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f793723" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7c64351" data-id="7c64351" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-5a1ba1df elementor-post-navigation-borders-yes elementor-widget elementor-widget-post-navigation" data-id="5a1ba1df" data-element_type="widget" data-widget_type="post-navigation.default">
				<div class="elementor-widget-container">
					<div class="elementor-post-navigation">
			<div class="elementor-post-navigation__prev elementor-post-navigation__link">
							</div>
							<div class="elementor-post-navigation__separator-wrapper">
					<div class="elementor-post-navigation__separator"></div>
				</div>
						<div class="elementor-post-navigation__next elementor-post-navigation__link">
				<a href="https://wouterspaan.nl/case-studies/de-bieb-verandert/" rel="next"><span class="elementor-post-navigation__link__next"><span class="post-navigation__next--label">Volgende case study</span><span class="post-navigation__next--title">De bieb verandert</span></span><span class="post-navigation__arrow-wrapper post-navigation__arrow-next"><i class="fa fa-chevron-circle-right" aria-hidden="true"></i><span class="elementor-screen-only">Next</span></span></a>			</div>
		</div>
				</div>
				</div>
					</div>
		</div>
							</div>
		</section>
							</div>
		]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
