Niek Taalman

UX/UI Designer

KLM | Emmersion - UX/UI Design

Emmersion

Aanleiding

De KLM afdeling Crew Safety & Security Training traint Cabin Crew voornamelijk op wettelijk gedreven aspecten zodat de crew, aan boord, zijn functie gekwalificeerd uit kan voeren. Vanwege het corona-virus is de afdeling geherorganiseerd en is er in korte tijd een online training ontwikkeld, zodat de Cabin Crew toch gekwalificeerd kon blijven. Deze online training is zo positief ontvangen door de gebruikers, dat Crew Safety & Security Training definitief is over gegaan naar een vorm waar zowel online- als praktijktraining wordt gebruikt/toegepast. Deze online training staat echter nog in de kinderschoenen en behoeft verbetering ten aanzien van de gebruikerservaring.

Gedurende dit project is gezocht naar een antwoord op de volgende onderzoeksvraag:

“Hoe kan een multimediale training bijdragen aan het gevoel van empowerment, zodanig dat de Cabin Crew middels scenario’s zich flexibeler kan inleven in de geschetste situaties, en de opgedane kennis beter kan toepassen in de realiteit?”

Door meerdere Design Research methoden toe te passen, is uiteindelijk een antwoord op deze hoofdvraag geformuleerd met een ontwerpoplossing.

Wat is Emmersion?

Emmersion is een interactieve en immersieve vorm van online training, bestemd voor de cabin attendants van KLM.

In de applicatie kan worden geoefend op verschillende medische noodsituaties. Deze scenario’s variëren van ongeveer 3 tot 15 minuten.

Elk scenario speelt zich af vanuit één perspectief, net als in het echt. Hierbij is het aan de cabin attendant om tijdens het scenario met de beschikbare kennis keuzes te maken. Deze keuzes hebben invloed op het vervolg van het verhaal. Foute keuzes worden op verschillende manieren teruggekoppeld naar de gebruiker. Het is belangrijk dat er in een noodsituatie snel wordt gehandeld, daarom vindt er bij de keuzemomenten tijdsdruk plaats. Bij een keuzemoment staat de tijd niet stil en er is maar een beperkte tijd om een keuze te maken. Bij een keuzemoment wordt het scherm na 5 seconden geleidelijk rood, om een gevoel van tijdsdruk te stimuleren. Na 10 seconden is het scherm volledig rood en moet de gebruiker opnieuw beginnen bij het keuzemoment.

Daarnaast vindt er op verschillende manieren interactie plaats tijdens het scenario, zodat er actief wordt stilgestaan bij handelingen.

Na het scenario krijgt de gebruiker een uitgebreide analyse te zien, met inzichten van de gemaakte keuzes. Zo kunnen ze zonder de aanwezigheid van tijdsdruk reflecteren waarom een keuze wel/niet goed was.

Elk scenario heeft drie verschillende moeilijkheidsgraden: Beginner, Intermediate en Expert. Deze moeilijkheidsgraden zijn toegevoegd ter bevordering van de toegankelijkheid. Door het voltooien van een scenario kan per moeilijkheidsgraad een (digitale) medaille worden verdiend.

Testresultaten

Het concept is erg positief ontvangen bij de cabin attendants en ontwikkelaars binnen KLM. Er is vastgesteld dat met deze nieuwe vorm van online training op een frisse en interactieve manier geoefend kan worden op noodsituaties. De doelgroep leert graag op een visuele manier, waarbij dit ontwerp zeker van waarde is.

De interactiemomenten zijn een waardevolle toevoeging, doordat er actief stilgestaan wordt bij handelingen tijdens het scenario. Hierdoor word je als gebruiker betrokken in het scenario in plaats van achterover te leunen en het vanzelf te doorlopen. Ook de flexibiliteit komt van pas, doordat de cabin attendants met deze applicatie op hun gemak kunnen oefenen buiten de fysieke trainingsdag die enkel eenmaal per jaar plaatsvindt. Op deze manier krijg je als cabin attendant gedurende het hele jaar een boost op het zelfvertrouwen na het goed doorlopen hebben van een scenario.

Meer info?

Voor meer informatie over dit project kan je hier terecht: https://avanscmd.nl/work/graduation-2022/emmersion

Hier heb je ook de mogelijkheid om de exploratie in te zien, waarbij het onderzoeksproces van dit project wordt toegelicht.

CygnusMC Hosting - UX/UI Design

CygnusMC Hosting

CygnusMC Hosting is gespecialiseerd in het aanbieden van servers voor games zoals Minecraft, Rust, Space Engineers en Eco. Een van de speerpunten van het bedrijf is om het bedrijf zo CO2- en E-Waste-neutraal mogelijk te maken.

De website was toe aan een frisse, nieuwe uitstraling. Daarnaast was het belangrijk dat de gebruiker inzicht kreeg waar het bedrijf voor staat, en dat er vanuit de hoofdpagina een duidelijke flow is naar het aanbod van de hosting service.

Binnen dit project heb ik een nieuwe look ontworpen en de voornaamste pagina’s uitgewerkt, om ervoor te zorgen dat de gestelde doelen naar voren komen in het nieuwe ontwerp van de website.

DormFood - UX/UI Design

DormFood

DormFood was een individueel project tijdens de minor Meaningful Data Design. Hierbij moesten we data van voedsel middels een app design inzichtelijk maken binnen de context van MKB’s en voedsel. Hierbij heb ik het concept DormFood ontwikkelt. Het doel van DormFood is om voedselverspilling tegen te gaan. Dit doen we door overgebleven voedsel van restaurants aan studentenhuizen aan te bieden. Hierdoor hoeft het restaurant de overblijfselen niet weg te gooien en vermindert het ook de voedselverspilling binnen studentenhuizen.

Veel studenten koken namelijk alleen voor zichzelf, waardoor iedere student zijn/haar eigen overblijfselen heeft. Uit onderzoek blijkt dat 9,5% van gekocht voedsel per persoon wordt verspild. Stel je voor dat in een studentenhuis van 4 personen iedere student als avondmaal een klassiek AVG gerecht klaarmaakt (200 gram aardappels, 250 gram groente, 1 stuk vlees 100 gram = 550 gram in totaal). Hierbij wordt dan per persoon 9,5% verspild, dit komt uit op 52 gram per persoon. In totaal wordt dan 208 gram voedsel verspild op één avond. Door studenten aan te moedigen om samen te eten met de DormFood app, wordt voedselverspilling ook vanuit dit perspectief voorkomen.

ihomer | CTRL Save - UX/UI Design

CTRL Save

Tijdens mijn stage bij ihomer heb ik voornamelijk werkzaamheden verricht op het gebied van UX/UI Design. Hierbij heb ik een uitbreiding gemaakt op het bestaande project CTRL Save.

CTRL Save is een webapplicatie die de veiligheid binnen een bedrijf stimuleert door de werknemers binnen de organisatie meer te betrekken. Daarnaast geeft het werknemers de mogelijkheid om bedrijfsprocessen te bewerken. Mensen met expertise kunnen zo hun ervaring inzetten om deze processen zo
efficiënt mogelijk te laten verlopen.
Wanneer een bedrijf actief verbeteringen wil maken binnen de organisatie op het gebied van veiligheid en het betrekken van de medewerkers met de organisatie is CTRL Save een oplossing daarvoor.

Naast UX/UI werkzaamheden heb ik een gedeelte van de gemaakte designs geïmplementeerd door middel van Angular. Tenslotte heb ik een paar designs van CTRL Save omgezet naar het design system van een ander project, BlueBird.

Graphic Design - Datavisualisatie

Course of Cars

Course of Cars is een verdere uitwerking van een eerder project tijdens de minor Meaningful Data Design. Bij de eerste iteratie van het project had ik als eindresultaat een datavisualisatie met de verdeling van automerken binnen de wijk Boeimeer, Breda. Dit project heb ik uiteindelijk uitgebreid tot een gezelschapsspel, geschikt voor 3 – 8 spelers. Hierbij is het doel van het spel om uiteindelijk een auto te hebben met de beste eigenschappen. Deze eigenschappen zijn verdeeld over 3 thema’s, namelijk Duurzaamheid, Waarde en Leeftijd. Duurzaamheid staat voor welke brandstof de auto gebruikt met de daarbij behorende emissieklasse. De waarde van de auto is simpelweg de cataloguswaarde van de auto en de leeftijd staat voor het bouwjaar van de auto.

Om aan deze data te komen heb ik van Breda Noord en Breda Zuid beide 100 kentekens verzameld met de daarbij behorende eigenschappen. Hierbij was mijn doel om een verschil aan te tonen tussen het koopgedrag van auto’s in Breda Noord en Zuid. Bij de uiteindelijke versie van het spel is het de bedoeling dat ik van elke wijk in Breda data heb die verwerkt kan worden in het spel.

Wat ik met dit spel wil bereiken is allereerst om de gebruikers inzicht te geven in het koopgedrag van auto’s in Breda Noord en Zuid. Daarnaast kunnen jongere spelers meer leren over auto’s. In plaats van dat het alleen draait om de allersnelste auto zijn er hier verschillende speelstijlen om het spel te winnen. Zo kan de ene speler zich bijvoorbeeld meer richten op het behalen van de duurzaamste auto, terwijl sommige mensen met een passie voor auto’s graag sleutelen aan een wat oudere auto.

Het design van het bordspel heb ik in Adobe Illustrator gemaakt. Deze heb ik binnen Tabletop Simulator omgezet naar assets wat resulteerde in een speelbare demo.

Graphic Design - Logo Design

Neem een kijkje op mijn Instagram voor de redenering achter de designs en nog meer toffe designs! @Sniekyy

Asynced - Game Design

Asynced

Asynced was een schoolproject in groepsverband in het tweede leerjaar van CMD. Bij dit project hebben we een game gemaakt via de Unity engine en gemodelleerd door middel van Cinema 4D. Het is een story game, waarbij het toekomstbeeld van Tokyo in 2070 is geschetst met de nadruk op duurzaamheid, weerbaarheid en leefbaarheid.

Mijn rol binnen dit groepsproject was Game Mechanics Designer. Gedurende de 8 weken voor dit project heb ik verschillende stappen verricht. Aanvankelijk heb ik voornamelijk onderzoek gedaan. Bij dit onderzoek heb ik gekeken naar hoe andere games zijn ontworpen op het gebied van beschikbare interactie, level design en UI design.

Door middel van flowcharts heb ik een overzicht gemaakt van de volgorde waarin de gebruiker op een gewenste manier interacteert. Verder heb ik onderzocht hoe je een speler kan leiden zonder directe directies. Echter moest de game ook speelbaar zijn voor mensen die weinig tot geen ervaring met games hadden, waardoor we er uiteindelijk voor hebben gekozen toch doelstellingen toe te voegen. Dit zorgde ervoor dat het voor de gebruiker duidelijk werd wat er gedaan moest worden zonder dat de game pace eraan leed.

Ten slotte heb ik een deel van de UI gedesigned. Dit betreft het tutorialscherm, de crosshair en de doelstellingen.

4 EYES - Experience Design

4 EYES

4 Eyes was een schoolopdracht in groepsverband in het tweede leerjaar van CMD. Deze oefening is bedoeld voor groepen van 4-8 personen. Hierbij is het essentieel dat de deelnemers door middel van communicatie samenwerken.

Elke deelnemer krijgt een VR-bril met een smartphone erin. Deze brillen zijn met elkaar verbonden en streamen hun camerabeelden naar een software. De deelnemers zien aanvankelijk de camerabeelden van hun eigen VR-bril. Door een combinatie van applicaties worden de beelden onderling verwisseld. Hierdoor krijgen de deelnemers het perspectief van een ander voor hun ogen.

De deelnemers moeten een tapijt omdraaien terwijl ze erop staan. Tijdens deze taak mogen de deelnemers niet van het tapijt af. Om deze opdracht te kunnen voltooien is het belangrijk dat er goed gecommuniceerd wordt over elkaars locatie en acties. Zo zal de ene deelnemer het beeld van een ander zo duidelijk mogelijk voor zijn teamgenoot moeten framen. Hierdoor wordt het mogelijk om te zien hoe het tapijt omgedraaid kan worden.

Het doel van deze installatie is ervoor zorgen dat mensen zich bewust worden van hun eigen handelingen. Doordat men in de installatie het zicht krijgt van een ander, zijn zij nu afhankelijk van elkaar, zowel verbaal als fysiek. Zonder elkaar te ondersteunen tijdens deze ervaring zal men het einddoel niet halen.

Wie ben ik?

Mijn naam is Niek, ik ben 24 jaar en ik ben een UX/UI Designer afgestudeerd aan de hbo opleiding Communication and Multimedia Design (CMD) bij Avans in Breda. Ik kan mijzelf omschrijven als een creatieve techneut. Mijn passie is om creatief bezig te zijn met technologie om uit te komen op een mensgerichte oplossing. Doordat CMD een breed aanbod aan opdrachten heeft, beschik ik over meerdere vaardigheden.

Mijn passie ligt bij het maken van innovatieve designs met UX/UI Design. Dit doe ik door de andere vaardigheden die ik bij CMD heb geleerd te combineren met mijn UX/UI Design vaardigheden. Tijdens mijn stage heb ik voornamelijk werkzaamheden verricht op het gebied van UX/UI Design. Vervolgens heb ik de minor Meaningful Data Design gevolgd, waarbij ik datavisualisaties heb gemaakt binnen verschillende contexten. Tenslotte heb ik een afstudeerproject bij KLM uitgevoerd, waarbij ik via Design Research ben uitgekomen op een UX/UI Design eindontwerp.

Contact opnemen?

Wilt u contact met mij opnemen? Dat kan!

Normaal gezien reageer ik binnen 24 uur op uw bericht.