Hoi, ik ben Wouter
Interaction designer
Mijn naam is Wouter Spaan en ik ben interaction designer. Het leuke aan interaction designer zijn is het duiken in een wereld die ik nog niet ken en daar iets te kunnen betekenen. Verder vind ik het leuk om bruikbare en gebruiksvriendelijke oplossingen te bedenken waarin de eindgebruiker centraal staat. Praten met deze eindgebruiker is hierin onmisbaar.
In dit portfolio laat ik zien wat ik op het gebied van interactie ontwerp heb gedaan, welke technieken ik daar heb toegepast en wat ik daarvan heb geleerd.
Case-studies
Bartiméus - 1:10:100 proces - Interacties zonder schermen
Case study: De Rollidar
Ontwerp een interactie ontwerp voor een multimodale rollator voor blinden en slechtzienden.
Inter forward solutions - Meewerkstage - Maatwerk software groot touchscreen
Case study: ORflow in control
Hoe kunnen we bij de Sint Maartenskliniek in Nijmegen het invoeren van timestamps en checklijsten vanuit ORflow in het EPD (HiX) automatiseren?
De Bibliotheek - opportunity based design process - mobile-based
Case study: De Bibliotheek verandert
Hoe kunnen we de dienstverlening van de Bibliotheek verrijken waarin we de mogelijkheden meenemen die het mobiele touchpoint met zich meebrengt.
School project - problem based design process - web-based
Hoe gaat de toekomst eruit zien met betrekking tot online streaming.
Persoonlijke projecten
In mijn prive-leven doe ik aan vrijwilligerswerk. Bij deze hobby vind ik het leuk om bepaalde processen te vermakkelijken of te verbeteren. Vaak zijn het problemen waar ik zelf tegenaan loop waarvan ik het leuk vind deze te tackelen. Hieronder staan een paar voorbeelden van programma’s die ik heb ontworpen en ontwikkeld. Deze projecten heb ik getest door er zelf mee aan de slag te gaan en te zien hoe andere vrijwilligers ermee om gingen.
BRGR
Deze app heb ik gebouwd tijdens mijn minor Scripting for designers aan de han. Het is een web-app waar gebruikers samen een burger kunnen samenstellen. Hierbij heb ik samengewerkt met twee anderen.
De keuken heeft een overzicht met alle bestellingen en kan de status van de bestelling aanpassen naar ‘ready’ wanneer het eten klaar is. De gebruiker weet dan dat hij het eten kan ophalen.
Wanneer een gebruiker een burger heeft samengesteld en op checkout heeft geklikt om te betalen komt de bestelling direct bij de keuken binnen. Dit gaat aan de hand van Firebase Firestore waar data realtime kan worden geüpdatet.
De app is gemaakt in het javascript framework Vue.js 3. Hierdoor is het erg reactive en werkt het met components die herbruikbaar zijn.
Voor een volledig werkende frontend kun je de volgende link bezoeken: https://brgr-ce55d.web.app/ Voor de werking van het systeem van de keuken kun je een afspraak maken.
Tikbar
Deze app heb ik ontwikkeld voor de scoutingvereniging waar ik bij zit. In de app kunnen gebruikers zelf hun drankjes afstrepen. Voorheen gebeurde dat met een map waar geturft werd. Deze map raakten we echter vaak kwijt waardoor we niet meer konden bijhouden wie wat had gedronken.
Deze app heb ik eerst ontworpen in Adobe XD en vervolgens gebouwd met PHP,html, javascript, css en sql. Ik ben geen programmeur dus ik heb mezelf leren programmeren in bovenstaande talen. Html en CSS kende ik al wel dus dat was een mooie basis.
Uiteindelijk heb ik de app binnen de vereniging (18+) uitgerold en heb ik meegekeken met de anderen om te kijken of de app intuitief was. Op basis hiervan heb ik verbeteringen doorgevoerd en functies toegevoegd.
Het leukste aan dit project was dat ik direct het effect zag van deze app in het dagelijks gebruik. Elk weekend werd deze app opgestart om drankjes af te strepen en bij te houden wat iedereen moet betalen.
Speurtocht overzicht
Deze dashboard app heb ik ontworpen en ontwikkeld voor een groot spel die zich afspeelt in heel Gelderland. Dit is een activiteit die binnen scouting Gelderland elk jaar duizenden deelnemers trekt.
Het doel van het spel is loslopende ‘vossen’ te zoeken die rondlopen door hun eigen gebied. Er zit een tactisch element aan vast waarbij de vossen verschillende locaties af gaan om punten te halen. Bij deze kaart kunnen we als spelers invoeren waar de vossen als laatst zijn gespot om zo te kunnen voorspellen waar de vossen mogelijk heen gaan.
Dit dashboard geeft een weergave van de route die de vossen hebben afgelegd. Ook ontstaat een cirkel om de laatste bekende locatie die steeds groter wordt op basis van de gemiddelde loopsnelheid van mensen. Hierdoor kunnen we nog gerichter zoeken en de vossen spotten. Via de app Telegram (een berichten app) kunnen gebruikers zelf locaties invoegen die hier vervolgens automatisch op verschijnen. Dit kan ook door linksonder op de plus knop te drukken en de gegevens in te vullen.
Dit dashboard heb ik ontworpen in adobe XD en vervolgens gebouwd met HTML, css en javascript, Leaflet.js met mySQL als database.
Spaandesign
Naast mijn werk als interaction designer heb ik ook een onderneming waarmee ik voornamelijk websites maak voor bedrijven. Naast websites ontwerp ik ook logo’s en bouw ik custom leeromgevingen in WordPress.