Gebruikerstesten - Service blueprint - Filmen - Interview - Product video - Ontwerpend onderzoeken - Toegankelijkheid - Brainstormen - Gebruikerstesten - Service blueprint - Filmen - Interview - Product video - Ontwerpend onderzoeken - Toegankelijkheid - Brainstormen - Gebruikerstesten - Service blueprint - Filmen - Interview - Product video - Ontwerpend onderzoeken - Toegankelijkheid - Brainstormen -
Toegankelijk leren lezen - Nieuwsbegrip
sep 2023 - jan 2024, HAN
Toegankelijkheid
Design
Context
Ik heb samen met vier medestudenten gewerkt aan het herontwerpen van de website Nieuwsbegrip. Nieuwsbegrip is een digitale leeromgeving voor basisschoolleerlingen van groep 5 t/m 8. Deze wordt ingezet om leerlingen te helpen bij begrijpend lezen. Tijdens het herontwerpen van de website heb ik gelet op toegankelijkheid met focus op visuele beperking en taalachterstand, maar ook op gebruiksvriendelijkheid en een doel- en doelgroepgericht ontwerp. In januari 2024 heb ik samen met dit project meegedaan aan Open Up Your Talent. Dit is een evenement waarbij ICT en CMD studenten van de HAN werk laten zien waar ze trots op zijn. Hier zijn drie prijzen te winnen. Ik heb met dit project daar twee van gewonnen! De hoofdprijs voor toegankelijkheid en aanmoedigende prijs voor design!
Ontwerpvraag
Hoe kunnen wij ervoor zorgen dat de website van Nieuwsbegrip toegankelijker wordt in het gebruik van de navigatie, duidelijker en aantrekkelijker door middel van een inclusief ontwerp voor basisschoolleerlingen uit groep 5 t/m groep 8?
*Met inclusief ontwerp wordt hier bedoeld met focus op visuele beperkingen en/of een taalachterstand.
Onderzoek
Tijdens de onderzoeksfase heb ik, samen met mijn projectgroep, verschillende onderzoeken uitgevoerd. Door middel van benchmark creations, contextual inquiries (gebruikerstesten) en onderzoek naar visuele en digitale toegankelijkheid konden wij gemakkelijk de ideation fases in. We hebben veel geleerd over de werking van de toen-huidige website, welke verbeterpunten hieruit meegenomen moesten worden en wat moest blijven.
Navigatie verbeteren- Hulpfunctie toevoegen/verbeteren bij opdrachten
- Taalniveau van de website verlagen
- Website aantrekkelijk & overzichtelijk voor de doelgroep herontwerpen
- Leerlingen met een taalachterstand en visuele beperkingen extra ondersteunen
Requirements list
Het ontwerp
We hebben veel geëxperimenteerd met vormgeving en functionaliteiten, waarbij we rekening hebben gehouden met de opgebouwde requirements. Zo wordt in het ontwerp gebruik gemaakt van vrolijke kleuren en mascottes die vallen binnen de huisstijl, zodat de website aantrekkelijk is voor kinderen. Door de B1 taalgebruik, het gebruik van uitleggende iconen en ontwerptheorie als gestalt is het ontwerp makkelijk te gebruiken en overzien. Ook hebben wij de navigatie verbeterd, wat een groot struikelpunt was voor veel leerlingen, waardoor de website makkelijk is in gebruik. Het eindontwerp is nogmaals getest, waarbij vooral een positief beeld ontstond en een klein aantal verbeterpunten is meegegeven aan de opdrachtgever.
Toegankelijkheid
Ook heb ik onderzoek gedaan naar toegankelijkheid in websites. Het eindontwerp is getest met de WCAG-richtlijnen en voldoet aan alle richtlijnen die van toepassing zijn! Om verder rekening te houden met toegankelijkheid hebben we onderzocht naar wat de doelgroep nodig heeft. Zo moesten er onder anderen duidelijke iconen bij de tekst komen om deze goed te begrijpen en was er behoefte aan verschillende tekstgroottes en een leeslineaal.
-
WCAG-richtlijnen
-
Visuele ondersteuning
Zorg voor ouderen - I.Z.E
sep 2024 - jan 2025, HAN
Context
Tijdens de hoofdfase van mijn opleiding CMD heb ik de opdracht gekregen om in samenwerking met One Planet Research Center en Vilente een product te ontwikkelen waar data uit het Slimme Toilet gecommuniceerd wordt naar ouderen in de thuis- en verpleeghuiszorg. Het Slimme Toilet is een WC-bril waar gezondheidsmetingen mee worden afgelegd. Tijdens een bezoek aan het toilet worden de hartslag, ademhaling, gewicht, temperatuur en bloeddruk gemeten. Samen met vier andere studenten heb ik een Loop ontwerpproces doorlopen om een product te ontwerpen dat de data communiceert op een begrijpelijke en rustgevende manier.
Ontwerpvraag
Hoe kunnen wij gezondheidsmetingen van het slimme toilet communiceren naar hulpbehoevenden in de thuiszorg op een manier waarbij zij geïnteresseerd raken in hun gezondheid, waardoor zij op eigen initiatief leren begrijpen?
Communicatie
Door het gebruik van het Loop ontwerpproces was communicatie met stakeholders extra belangrijk. Hierom heb ik elke twee weken een meeting gepland met de opdrachtgevers van het project, waarbij ontwerpkeuzes, onderzoeksresultaten en vervolgstappen werden besproken. Ik heb de rol als contactpersoon op mij genomen binnen de projectgroep en deze heb ik verantwoordelijk uitgevoerd.
- De privacy van de hulpbehoevenden bewaren
- Toegankelijk zijn voor verschillende profielen onder de hulpbehoevenden
- Belangrijke veranderingen/metingen moeten worden uitgelicht
- De hulpbehoevende geruststellen tijdens het krijgen van de gezondheidsmetingen
Requirements list
Iteratie 1
Om een product te kunnen ontwikkelen waar ouderen echt wat aan hebben, ben ik langs gegaan bij verschillende Vilente (ouderenzorg) locaties. Hier heb ik verpleegkundigen gesproken over hun ervaring met ouderen, hun verwachtingen & behoeften. Daarnaast heb ik samen met 7 ouderen een creatieve oefening uitgevoerd waarbij zij konden visualiseren welke informatie op welke manier wel/niet zichtbaar moet zijn. Vanuit deze eerste onderzoeken heb ik samen met mijn projectgroep een eerste product ontworpen. Dit product hebben we gevisualiseerd in de hiernaast staande video. Dit prototype is nog niet het eindresultaat, want dit was nog maar het begin..
I.Z.E
Vanuit gesprekken met ouderen zijn wij te weten gekomen dat zij geen behoeften hebben aan harde data en niet constant herinnert willen worden aan hun situatie. Hierom ben ik samen met mijn projectgroep opnieuw een creatieve sessie in gegaan, waar het concept I.Z.E uit kwam. I.Z.E. staat voor interactieve zorg ervaring. Het is een product dat in de woonkamer van ouderen komt te staan. Door middel van ambient media en calm technology wordt er aan de gebruiker laten weten dat er nieuwe informatie beschikbaar is. Door de zachte manier van communiceren valt deze niet op, tot het nodig is, maar blijft het ook binnen handbereik. De gezondheidsmetingen worden door middel van herkenbare bewegingen en kleuren uitgebeeld. Samen met een verpleegkundige is de harde data te bekijken, zodat ook deze beschikbaar is wanneer nodig.
International aftermovie - Up University
Oktober 2023, B302
Context
Als medewerker bij B302 heb ik samen met vier collega’s een video gemaakt voor Up University. Up University is een organisatie met verschillende internationale scholen die samenwerken om studeren in het buitenland toegankelijker te maken. Zij kwamen voor twee dagen bij elkaar en ik mocht daar samen met drie collega’s een aftermovie van maken. Hierbij heb ik meegewerkt bij het uitvoeren van de voorbereidingen en het filmen van beide dagen.
Het proces
Het proces begon met een intakegesprek met de organisatoren van Up University om erachter te komen wat voor video zij graag wilden. Op basis daarvan is een concept opgezet en gepresenteerd. Na goedkeuring hebben we een storyboard gemaakt met gear- en shotlist om voorbereid de filmdagen in te kunnen. Door ziekte van één van mijn collega’s hebben twee andere collega’s in moeten vallen en werd de filmploeg wat groter, maar dankzij het duidelijke concept en de shotlist was het makkelijk voor mijn collega’s om in te vallen en verliepen de filmdagen goed. De video is geëdit door mijn collega, Thijs Geijskes.
Behind The Scenes
Tijdens het filmen van de aftermovie hebben we ook een aantal behind the scenes shots gefilmd. Dit hebben we gedaan om op het social media kanaal van B302 te delen en zo meer te laten zien van wat wij doen. Deze video heb ik geëdit. Hierbij ben ik twee iteraties ingegaan waarbij ik nog wat details heb verbeterd.
Incompany @ Reducations
feb - maart 2025, Redrum
Context
Tijdens mijn stage bij Redpact heb ik onder anderen de website van Reducations geupdate. Hierbij heb ik ook de pagina “Incompany” herontworpen. Reducations leidt (jong)volwassenen op door middel van creatieve deeltijd opleidingen en masterclasses. Ook kan je als bedrijf ervoor kiezen om een opleiding of programma te volgen, hiervoor is de pagina “Incompany” ontwikkeld. Voor het herontwerpen heb ik onderzoek gedaan naar de werking van aanmeldingen binnen Reducations en het perspectief van studenten tijdens dit proces. Bij het herontwerpen heb ik gebruik gemaakt van de huisstijl ontwikkeld door Cut the Code.
Ontwerpvraag
Hoe kan Reducations door middel van een incompany pagina op hun website werkgevers aanmoedigen om hun werknemers verder op te leiden bij Reducations?
- Passend bij de huisstijl
- Sterke call to action(s)
- Werkgevers én werknemers aanmoedigen tot aanmelding
- Laagdrempelige contactmomenten highlighten
Requirements list
Onderzoek
Eerst heb ik een service blueprint uitgevoerd met de customer experience specialist van Reducations om beter inzicht te krijgen over de werking en het aanmeldproces van Reducations. Om achter de behoeften van de doelgroep te komen ben ik begonnen met desk research waarbij ik de voordelen voor werkgevers en werknemers heb onderzocht. Daarna ben ik met huidige studenten in gesprek gegaan over hun aanmeldingsproces waarbij ik achterliggende wensen en behoeften heb achterhaald. Zo kwam ik er onder anderen achter dat er behoefte is aan een duidelijk stappenplan van het aanmeldproces, om de drempel tot aanmelden te verlagen.
Concept testing
Aan de hand van het onderzoek heb ik drie versies van de webpagina ontworpen. Deze versies heb ik door middel van concept testing bij de doelgroep gelegd. Zij gaven aan wat wel en niet aansprak en waarom. Op basis van hun keuzes en onderbouwingen heb ik de versies samengevoegd met wat verbeterpunten tot één ontwerp. Dit ontwerp heb ik gecommuniceerd naar mijn stagebegeleider waar nog wat feedback uit terug kwam, deze is verwerkt en toen was het tijd om het eindontwerp in Webflow uit te werken. Nadat mijn stagebegeleider het nieuwe aanbod had verwerkt stond de webpagina al snel online.
Interviews en aftermovies - MADS
november 2024, B302
Context
Eén van de projecten die ik heb gelopen bij B302 was een aftermovie met interviews voor de hackaton van de master MADS. Deze heb ik samen uitgevoerd met mijn collega Chimène Elfferich. MADS staat voor de master of applied data science, waarbij zij jaarlijks een hackaton uitvoeren met de studenten uit Nederland en Duitsland. Dit jaar was het thema hartslag, wat wij in ons concept voor de video hebben verwerkt. Tijdens dit project heb ik meegedraaid tijdens het gehele proces van concept tot edit.
Het proces
Voor de aftermovie van MADS kregen Chimène en ik een tijdschema wanneer wij het beste konden filmen met extra informatie over de dag. Op basis van deze informatie hebben wij een concept voorbereid en voorgelegd. Hierbij wilden wij focus leggen op het onderwerp van dit jaar; hartslag. Ook hebben we interviews afgelegd die gedeeltelijk in deze video werden gebruikt, maar ook een aantal vragen voor toekomstige video’s. Na het filmen heb ik de basis van de edit gemaakt, terwijl Chimène de animaties heeft uitgewerkt en de laatste versie heeft verbeterd aan de hand van feedback.
Ieder leven doet ertoe - EcoVrede
feb - jun 2024, HAN
Context
Tijdens mijn studie is mij gevraagd om een fysieke installatie te ontwerpen die helpt bij bekendheid en vertrouwen opwekken in EcoVrede. EcoVrede is een liefdadigheidsinitiatief dat hulpbehoevenden uit Arnhem-Presikhaaf ondersteuning biedt door middel van veel verschillende activiteiten. Dit gaat van juridisch advies naar gratis broodmomenten en een gratis kringloop. Ik heb samen met een groep van 4 medestudenten een concept opgezet waarbij contact opnemen met EcoVrede vanuit de doelgroep toegankelijker wordt gemaakt en er meer bekendheid ontstaat over wat EcoVrede kan bieden.
Ontwerpvraag
“Hoe kan EcoVrede vertrouwen opwekken bij hulpbehoevenden* in Arnhem-Presikhaaf om de drempel tot de contactmogelijkheden vanuit hulpbehoevenden te verlagen?”
*Met hulpbehoevende wordt hier bedoelt: o.a. financieel minder welgestelde bewoners, die wel en niet bekend zijn met EcoVrede. Andere hulpbehoevenden zijn laaggeletterden of mensen met een taalbarrière, waarbij zij bijvoorbeeld hulp ontvangen bij brieven van overheidsinstanties.
Onderzoek
Om beter te begrijpen voor wie ik moest ontwerpen, ben ik samen met mijn projectgroep met verschillende disciplines in gesprek gegaan. Disciplines waarmee ik onder andere contact heb gehad waren de stichters van EcoVrede, vrijwilligers en een aantal hulpbehoevenden. Ik heb samen met hen interviews afgelegd en co-creaties en gebruikerstesten uitgevoerd. Daarnaast hebben we ook onderzoek gedaan naar storytelling om een extra gelaagdheid in het concept te brengen. Tijdens het onderzoeken en ontwerpen werd het duidelijk dat het ontzettend belangrijk is voor de doelgroep om EcoVrede te leren vertrouwen. Daarom moest het ontwerp naast bekendheid creëren, ook een eerste stap tot vertrouwen brengen.
Het concept
Tijdens het ontwerpproces ben ik, samen met mijn projectgroep, door verschillende concepten gegaan tijdens drie iteraties. We zijn begonnen bij een publieke installatie waar voorbijgangers een spel op kon spelen om erachter te komen wat EcoVrede biedt. Aan de hand van onderzoek en de behoefte om vertrouwen op te wekken zijn we geëindigd bij een ontmoetingsplek. Op deze ontmoetingsplek kan de doelgroep in gesprek gaan met een vrijwilliger, posters tegen komen met activiteiten en een digitaal boek vinden waar meer te leren is over EcoVrede. Door middel van een app, die gevonden kan worden door middel van QR codes op visite kaartjes en de posters, kan er een afspraak worden gemaakt met EcoVrede om de gebruiker te helpen.
Animaties
Bij het uitwerken van het uiteindelijke concept was ik onder andere verantwoordelijk voor de animaties binnen de ontwerpen. Ik heb gekozen om animaties toe te voegen om de taalbarrière vanuit de doelgroep te verkleinen en het ontwerp aantrekkelijker te maken. Bij het maken van de animaties heb ik rekening gehouden met de huisstijl van het prototype, maar ook heb ik het ontwerp realistisch en vertrouwelijk gemaakt door de opdrachtgever herkenbaar in beeld te brengen en een realistisch proces in kaart te brengen. Samen met een medestudent heb ik assets gemaakt in Adobe Illustrator, die ik individueel heb geanimeerd met Adobe After effects.
Filmen & winnen - Open Up Your Talent
januari 2024, B302
Context
Tijdens het evenement Open Up Your Talent heb ik in samenwerking met B302 een aftermovie gefilmd en gefotografeerd. Dit is een evenement waar ICT en Communication and Multimediadesign studenten hun projecten van het afgelopen halfjaar kunnen delen, ze kunnen netwerken en er zijn prijzen te winnen. Het wordt georganiseerd door de HAN en zij kwamen met de vraag voor een “coole” aftermovie. Ik ben betrokken geweest tijdens het hele proces tot de edit die door mijn collega is gemaakt.
Het proces
Tijdens de pre-productie is er een storyboard en shortlist gemaakt. Bij het ontwikkelen van het concept hebben we onder andere besloten om een 360graden camera te gebruiken om meer te laten zien van de sfeer van het evenement. Ook hebben we besloten titelanimaties toe te voegen en het een vlotte video te maken. Tijdens het evenement heb ik gefilmd en gefotografeerd. Hierbij was ik verantwoordelijk voor de 360graden shots en de foto’s van de winnaars en de borrel. Dit bleek wat ingewikkelder toen ik zelf won, maar is daarnaast soepel verlopen. Ook heb ik kunnen helpen bij het schieten van de video’s tijdens de presentaties van de projecten.
