UX/UI Design Specialisatie: van onderzoek tot toegankelijkheid

Een korte geschiedenis van UX

In deze les deel ik de oorsprong van UX met je. We bespreken feng shui in 4000 voor Christus, Walt Disney en zijn verlangen om perfecte magische ervaringen te creëren, en Don Norman, de man die de term 'user experience' bedacht. Ik vertel je ook waar ik denk dat de industrie naartoe gaat.

Principes van toegankelijkheid en heuristiek

In deze les maak je kennis met de wereld van inclusief design en leer je hoe je je producten en diensten toegankelijker kunt maken. Ik leer je ook over andere best practices, ook wel heuristiek genoemd, voor het ontwerpen van gebruikersinterfaces.

Inleiding tot UX-proces

In deze les maak je kennis met het UX-ontwerpproces. Ik laat je kennismaken met de twee meest voorkomende representaties: het Double Diamond-model en design thinking. Het UX-ontwerpproces bestaat uit 5 hoofdstappen: Empathiseren, Definiëren, Ideeën bedenken, Prototypen maken en Testen.

Inleiding tot UX-onderzoek

In deze les leer ik je over de waarde van UX-onderzoek en wat er mis kan gaan als je het helemaal niet doet. Je leert ook het verschil tussen methoden die gebaseerd zijn op 'attitudinaal versus gedrag' en 'kwalitatief versus kwantitatief'.

Deskresearch, benchmark, interviews

In deze les richten we ons op de drie belangrijkste methoden die elke UX-ontwerper, onderzoeker of niet, zou moeten kennen: deskresearch, benchmarking en interviews. Je leert wanneer je deze methoden kunt gebruiken en wat de beste werkwijzen voor elk van deze methoden zijn.

Het probleem detecteren en definiëren

Een van de belangrijkste vaardigheden van een UX Designer is het vermogen om problemen te spotten. In deze les leer je hoe je je bevindingen kunt gebruiken en technieken zoals affinity mapping kunt gebruiken om het probleem dat je probeert op te lossen verder te definiëren.

Persona-creatie

Persona's zijn een veelgebruikte tool in UX. In deze les leer je waarom ze belangrijk zijn, wat de kenmerken van een goede persona zijn, hoe je er een creëert en wanneer ze in het UX-ontwerpproces worden gebruikt.

12m

Reis in kaart brengen

Zodra je een persona (of persona's) hebt, is het raadzaam om een journey map te maken. In deze les leer je de belangrijkste onderdelen van een persona, de verschillende typen die er zijn en waarom je ze zou moeten gebruiken.

In deze les leert u verschillende ideatietechnieken, zoals brainstormen, bodystorming en mindmapping, om er een paar te noemen. Deze technieken helpen u mogelijke oplossingen te bedenken voor de problemen die u tijdens uw gebruikersonderzoek hebt ontdekt.

Ideatietechnieken

Informatie-architectuur

Bij het maken van een app of website is een heldere, goed ontworpen gebruikersinterface essentieel. In deze les leert u over informatiearchitectuur en hoe u uw content effectief kunt organiseren.

Waarde van prototypen

Nadat je een aantal ideeën hebt bedacht, is het tijd om ze concreet te maken. In deze les leer je over het wat, waarom en wanneer van prototyping.

Typen prototypen en hulpmiddelen voor prototypen

In deze les leer je over de verschillende soorten prototypes die er bestaan. Ik zal ook een aantal tools delen die je kunt gebruiken om dergelijke prototypes te maken.

Gebruikerstests

Nadat je prototype klaar is, is het tijd voor anderen om het uit te proberen. In deze les leer je hoe je je voorbereidt op en effectieve gebruikerstesten uitvoert. Ik deel ook een aantal best practices voor het documenteren en prioriteren van je bevindingen.

Werken met ontwikkelaars

Zelfs als je geen ontwikkelaar wilt worden, zul je nauw met hen moeten samenwerken. In deze les leer je hoe je zorgt voor een soepele overdracht van ontwerp naar ontwikkeling.

Presenteren aan belanghebbenden/klanten

In deze les leer je hoe je UX kunt meten en hoe je je bevindingen op creatieve manieren kunt presenteren aan stakeholders/klanten. Ik deel ook een aantal tips om UX Design binnen het bedrijf te promoten.

10m

Casestudy's

In deze les leert u hoe u een casestudy maakt, zodat u uw UX-ontwerpproces van begin tot eind kunt documenteren.

Je werk laten zien

In deze les leer je over verschillende platforms waarop je je werk kunt presenteren en hoe je een portfolio maakt. Bij het bespreken van het maken van een portfolio bespreken we ook de voor- en nadelen van specifieke formaten.

UX-sollicitatiegesprekken

In deze les deel ik een aantal tips voor sollicitatiegesprekken voor UX-functies en de soorten ontwerpopdrachten die je tegen kunt komen.

Module 3

Ontdek hoe je zinvolle digitale ervaringen creëert met Patricia Reiners, die haar expertise inbrengt door te werken met Google en Adobe. Hier legt ze de essentiële rol van UX-onderzoek uit en laat ze je zien hoe je een gepersonaliseerd onderzoeksplan opstelt. Je krijgt tools om de behoeften van gebruikers beter te begrijpen en oplossingen te ontwerpen die écht impact hebben.

13 lessen (1u 47m)

Wat is UX-onderzoek?

In deze les leren we wat UX-onderzoek is en wanneer je het kunt integreren.

Wat zijn de meest voorkomende methoden?

Door de juiste methode voor uw vragen te kiezen, kunt u de juiste inzichten verkrijgen. In deze les bespreken we het verschil tussen evaluatief en generatief onderzoek en wanneer u welke methode het beste kunt gebruiken.

Kwantitatief gebruikersonderzoek

Kwantitatief gebruikersonderzoek draait om de kwantiteit. Je hebt een grote hoeveelheid data nodig om echte inzichten te krijgen. Die inzichten beantwoorden de vraag "wat". Het laat zien welke apparaten gebruikers gebruiken, maar niet waarom ze een specifiek apparaat gebruiken. In deze les zullen we verschillende kwantitatieve methoden doornemen

Kwalitatief gebruikersonderzoek

Kwalitatief gebruikersonderzoek draait om kwaliteit. Met deze methoden kom je erachter waarom je iets doet. In deze les bespreken we verschillende kwalitatieve methoden.

Uw onderzoek plannen

Door een onderzoeksplan te maken, structureert u uw denken rondom de onderzoeksactiviteit.

Het onderzoeksplan schrijven

In deze les gaan we een onderzoeksplan schrijven voor een onderzoeksproject. We doorlopen alles stap voor stap.

Hoe de deelnemers te kiezen?

Het kiezen van deelnemers is belangrijk, welke methoden je ook kiest. In deze les laten we zien hoe je dat doet.

Een discussiegids schrijven

Bij het uitvoeren van veldonderzoek, contextuele onderzoeken, één-op-één-interviews of andere soorten interviews hebt u een discussiegids nodig. In deze les gaan we vragen bedenken om deze vragen op een goede manier te formuleren.

Hoe de sessie voor te bereiden?

Je doel tijdens het interview is om zoveel mogelijk te leren over hoe je gebruikers denken en zich gedragen. In deze les leren we hoe we vragen moeten formuleren en welke materialen we nodig hebben voor ons interview.

Hoe ziet een kwalitatieve sessie eruit?

In deze les bespreken we de structuur van een interview: de intro, het hoofdonderdeel (de vragen) en de outro.

Visualiseer uw kwalitatief gebruikersonderzoek

In deze les gaan we de inzichten samenvatten en visueel weergeven, zodat u ze kunt presenteren aan uw stakeholders en teamleden.

Gebruikersreiskaart en persona's 1

In deze les leren we hoe u artefacten kunt maken die u met al uw teamleden en belanghebbenden kunt delen: persona's en gebruikersreiskaarten.

Gebruikersreiskaart en persona's 2

We sluiten deze les af met gebruikersreiskaarten en persona's.

13m

Module 4

Ontdek hoe visueel design een tool voor storytelling kan worden, met Pablo Stanley als gids. In deze module deelt hij de belangrijkste principes achter sterke composities en hoe je Figma kunt gebruiken om je ideeën tot leven te brengen. Of je nu net begint met design of je vaardigheden wilt aanscherpen, je vindt praktische inzichten om je creatieve werk naar een hoger niveau te tillen. Klaar om erin te duiken?

18 lessen (2u 35m)

Compositie en visuele ontwerpprincipes

Laten we nu de elementen analyseren die een goede compositie vormen.

Gestaltprincipes gebruikt in ontwerp

We gaan bekijken hoe de Gestaltprincipes van invloed zijn op de manier waarop wij visuele informatie interpreteren.

Visuele Hiërarchie

Bepalen welke onderdelen van een compositie relevanter zijn dan andere, is essentieel om de aandacht van de kijker te richten. Hier zullen we zien hoe we een hiërarchie in ons ontwerp kunnen creëren.

Affordances in UI

In deze les bespreek ik de term 'affordances' en hoe je deze in onze interfaces kunt implementeren.

Inleiding tot visuele elementen en de briefing begrijpen

Een creatieve briefing is een overkoepelend document dat de belangrijkste voordelen van een campagne of product identificeert. Het vertelt het verhaal en legt uit waarom het cruciaal is voor het publiek, en dient als leidraad bij het creëren van iets.

Basiscompositie in Figma

In deze les doen we wat oefeningen in Figma, waarbij we leren hoe we bepaalde functies kunnen gebruiken om toe te passen wat we hebben geleerd. Weten hoe je deze tools gebruikt en deze vaardigheden toepast, helpt je om je ontwerpvaardigheden in Figma naar een hoger niveau te tillen.

Typografie is een van de krachtigste elementen in een ontwerp. Het verheft de inhoud en weerspiegelt de toon en behoeften van een project. Typografie heeft niet alleen een esthetisch, maar ook een functioneel en technisch doel.

Typografie

Een kleurenpalet maken

Kleuren hebben betekenis. Ze communiceren een toon en emotie, en dat maakt ze tot een krachtig ontwerpinstrument. Maar je hebt praktisch oneindig veel mogelijkheden om mee te werken – als je kleuren gaat combineren om een palet te vormen, zijn je mogelijkheden eindeloos. Dus, waar begin je überhaupt? In deze les leren we je meer over het combineren van kleuren.

Afbeeldingen en pictogrammen

Met beeldmateriaal kun je meer doen met minder. Ze zeggen wel eens: een beeld zegt meer dan duizend woorden. Daarom zijn beeldmateriaal en graphics krachtige visuele tools die kunnen helpen een boodschap over te brengen en de visuele identiteit van een product te bepalen. Je kunt foto's, illustraties en pictogrammen gebruiken. Laten we leren wanneer je welke moet gebruiken.

In deze les openen we Figma en testen we verschillende visuele stijlen. We kijken hoe we ze kunnen uitproberen en waarom ze werken. Een voor een.

Visuele stijlen

19m

Een draadframe schetsen

Door een wireframe te schetsen, kunnen we al vroeg in ons ontwerpproces snel bruikbaarheidsproblemen identificeren. Het nodigt verschillende stakeholders ook uit om hun input en ideeën te geven. En het geeft ons een voorproefje van hoe het uiteindelijke project eruit kan zien.

Uw visuele stijlgids definiëren

Voordat we onze schetsen in hoge kwaliteit vastleggen, definiëren we eerst de stijl van enkele essentiële elementen. Met dit basissysteem kunnen we onze lay-out en composities sneller in de high-fidelity mockup samenstellen.

Uw visuele stijlgids definiëren

In dit tweede deel van de les concentreren we ons op de stijl van de illustraties die u in uw project zult gebruiken.

Een high-fidelity mock-up bouwen

Laten we nu onze stijlgids en het schetswireframe gebruiken om een zeer betrouwbare versie van onze pagina op Figma samen te stellen.

15m

Een high-fidelity mock-up bouwen 2

Hier ga ik verder met het vormgeven en finaliseren van mijn high-fidelity mock-up, waarbij ik de levendige en dynamische uitstraling ervan altijd behoud.

Knoppen interacties

We leren hoe we eenvoudige componentinteracties kunnen toevoegen om onze knoppen of andere componenten te laten animeren met verschillende triggers.

Linken naar pagina's en modaliteiten

Het is essentieel om links te creëren tussen verschillende pagina's en andere stadia van ons prototype, zodat het natuurlijker aanvoelt. In deze les leren we hoe we naar een nieuwe pagina kunnen linken en een modaal venster kunnen openen.

Uw prototype delen

Nu we alles bij elkaar hebben, kunnen we het met de wereld delen!

Module 5

Duik met Chiara Aliotta als gids in de kracht van storytelling als tool voor het creëren van emotionele, gebruikersgerichte ontwerpen. Ontdek hoe verhalende elementen – zoals doelgroep, doel en personage – meeslepende digitale ervaringen kunnen creëren. Je leert hoe je UX-briefings omzet in boeiende verhalen die verbinden, boeien en een blijvende indruk achterlaten.

11 lessen (2u 22m)

Storytelling voor UX- en UI-ontwerp

Zoals bij elke reis is het volgens mij essentieel om te begrijpen waar je naartoe gaat. In deze les laat ik je kennismaken met de cursus, hoe deze is opgebouwd en wat we samen gaan leren. Ik zal ook ingaan op het verschil tussen user experience design (UX) en user interface design (UI).

Elementen van verhalen vertellen: publiek, doel, personages en context

De eerste elementen om een verhaal te definiëren, zijn nog voordat je begint met schrijven: je publiek, motivatie/doel, context en het besef dat een verhaal ritme nodig heeft.

17m

Elementen van storytelling: de structuur

Van Aristoteles tot nu is de structuur van een verhaal nauwelijks veranderd. Laten we ontdekken hoe storytelling tot stand komt en hoe je dezelfde principes kunt toepassen op UX-design.

De kracht van verhalen vertellen: emoties

Emoties spelen een grote rol in ons gedrag. Goede verhalen roepen emoties op en kunnen hun publiek aanspreken. In deze les ontdek je hoe je de kracht van storytelling kunt beheersen door emoties te gebruiken om je doelen te bereiken.

De elementen van het verhaal vinden 1

Als ik uitga van een fictief merk, gebruik ik acts, sequenties en scènes om de ervaring in kaart te brengen. Ook ga ik dieper in op de manier waarop UX-ontwerp traditionele verhalen kan vertellen.

13m

De elementen van het verhaal vinden 2

In dit tweede deel van de les ga ik verder met het uitleggen hoe je de elementen van het verhaal in kaart kunt brengen.

13m

Visuele inspiratie om de verbeelding te prikkelen

In deze les leert u hoe u visuele inspiratie uit verschillende bronnen kunt halen, voordat u doorgaat naar de laatste stap van de opdracht: het maken van een wireframe voor de landingspagina.

Het verhaal en het wireframe bouwen 1

Tot nu toe heb ik acts, sequenties en scènes gebruikt om de gebruikersreis in kaart te brengen. Het raster dat ik met behulp van post heb gemaakt, zal de blauwdruk vormen en me helpen ervoor te zorgen dat het digitale product dat ik ontwerp de juiste gebruikerservaring biedt.

Het verhaal en het wireframe bouwen 2

Ter afronding van deze unit leert u hoe u zich kunt verdiepen in het verhaal door de shots te bestuderen en het wireframe te ontwerpen.

15m

Ondersteuning van het verhaal: wireframe versus high-fidelity mock-up

In deze les presenteer ik de high-fidelity mock-up, geïnspireerd op het wireframe dat in de vorige module is ontworpen. De deconstructiefase is essentieel omdat deze ons helpt te begrijpen of we consistent zijn met ons verhaal (ook bekend als consistent met het wireframe en de keuzes die zijn gemaakt bij het analyseren van de briefing).

Het publiek betrekken bij het verhaal

Storytelling is een krachtig instrument dat verstandig moet worden ingezet. Daarom leer je hoe je het kunt inzetten om je publiek te motiveren, overtuigen en inspireren.

Module 6

Stap in de wereld van inclusief design met Margot Gabel en ontdek hoe toegankelijkheid digitale ervaringen voor iedereen kan transformeren. Margot deelt praktische manieren om je website gebruiksvriendelijker te maken – van kleurcontrast tot alternatieve tekst. Je ontdekt hoe inclusief design niet alleen de gelijkheid bevordert, maar ook de SEO en de algehele bruikbaarheid verbetert.

14 lessen (1u 53m)

Inleiding tot digitale toegankelijkheid

Allereerst leert u over toegankelijkheidsnormen en de voordelen daarvan.

De voordelen van digitale toegankelijkheid

Nu zal ik uitleggen waarom het zo belangrijk is om bij het ontwerpen rekening te houden met digitale toegankelijkheid.

Toegankelijkheid in het echte leven

Tijd om te onderzoeken hoe je surfsituaties kunt nabootsen waarin digitale toegankelijkheid cruciaal is. Het zal je helpen je ermee te identificeren en te begrijpen waarom het belangrijk is.

Kleuren en contrast

Eerst leer je over de 'beroemde' contrastverhouding en hoe je die toepast op tekst en beeld. Daarna leer ik je hoe je een kleurencombinatie kiest.

Lettertypen en hiërarchie

Nu gaan we kijken naar typografische keuzes en hoe deze toegankelijk kunnen zijn. Je leert ook hoe je een combinatie kiest.

Alternatieve tekst en microkopie

In deze les leer ik je een belangrijk aspect van digitale toegankelijkheid en hoe dit jouw ontwerpen kan beïnvloeden.

Staten

Ik wil u graag uitleggen hoe gebruikers toetsenbord-/spraak-/aanraakinvoer op verschillende manieren kunnen gebruiken en hoe u hiermee om moet gaan als het gaat om ontwerp- en UX-keuzes.

Animaties en multimediabediening

Laten we eens kijken naar verschillende manieren om de controle terug te geven en verantwoorde keuzes te maken bij het maken van animaties.

Wireframing voor toegankelijkheid

In deze les leert u hoe u een low-fidelity ontwerp van uw project maakt en hoe u in deze belangrijke stap alvast het geleerde toepast.

10m

Een eenvoudig en toegankelijk ontwerpsysteem

Ik laat je zien hoe je de basiselementen instelt: een kleurenpalet, een basislettertypeschaal, het maken van knoppen en tekstvelden en nadenken over hun verschillende toestanden.

17m

Ontwerpen

Tot slot laat ik je zien hoe je je ontwerpen opbouwt met alle elementen die ik eerder heb besproken. Daarna leer je hoe je het designsysteem gebruikt.