top of page

Mobiele Website Kunstmuseum

Rollen:

UX-Designer/ UX-Researcher/ UI-Designer/ Interaction Designer

Afgerond:

Maart 2026

Over het project

Deze mobiele website was het eerste project als onderdeel van de Google UX-Designeropleiding. Ik doorliep deze opleiding van november 2025 tot april 2026.

Doelstelling

Het ontwikkelen van een mobiele website voor een openbaar kunstmuseum waarmee bezoekers snel en gemakkelijk informatie over tentoonstellingen en evenementen kunnen vinden, een bezoek kunnen plannen en online tickets kunnen boeken in hun voorkeurstaal.

Project in het Engels

Omdat Engels de voertaal van de Google UX-Designeropleiding en van mijn mede-studenten is, die onder andere het werk hebben beoordeeld, is standaardtaal van de website in het Engels. Ook onderdelen zoals persona's en het affinity diagram zijn om die reden in het Engels.

Weelderige groene bladeren

Persona's

Voor de ontwikkeling van dit project zijn persona's Sophie Janssen en Carlos Rodríguez tot stand gekomen.

Belangrijkste uitdagingen

Geef gebruikers de mogelijkheid om een andere taal te selecteren tijdens het ticketboekingproces.

Maak het eenvoudig om online tickets te kopen.

Welke stappen zijn er te nemen tijdens het boeken van een ticket en in welke volgorde?

Wat is de beste manier om de tentoonstellingen te presenteren?

Weelderige groene bladeren

Concurrentie onderzoek

Ik heb concurrentieonderzoek uitgevoerd op 4 websites van kunstmusea om uit te vinden hoe zij de belangrijkste uitdagingen hebben aangepakt.

Resultaten onderzoek

Abstracte witte golven

Taalkeuze

Gebruik een drop down keuzemenu voor de taalselectie tijdens het boeken van de tickets.

Abstracte witte golven

Tickets

Bied meerdere manieren (klikpaden) om tickets te kopen.

Snel en eenvoudig tickets selecteren.

Vraag alleen noodzakelijke informatie.

Verdeel het aankoopproces in behapbare stukken.

Abstracte witte golven

Exhibitions

Toon de tentoonstellingen op de homepage, direct onder de header.

Weelderige groene bladeren

Eerste concepten

Na de eerste ontwerpen op papier te hebben gezet, zijn de wireframes in Figma gemaakt.

Klik op de afbeeldingen om ze in groter formaat te bekijken:

Low Fidelity Prototype Versie 1

Het aantal pagina's is uitgebreid en er zijn interacties toegevoegd. Dit prototype maakt het mogleijk om tijdens het boekingsproces een taal te kiezen. Ik ben ambitieus begonnen met 8 talen om uit te kiezen.

Klik op onderstaande afbeeldingen om ze in groot formaat te bekijken.

Weelderige groene bladeren

Low Fidelity Prototype Versie 1.1

Omdat ik ontdekte dat pagina's beter op het telefoonscherm passen als er boven- en ondermarges worden toegevoegd, heb ik de ontwerpen daarop aangepast. Ook heb ik voor het ticketboekingsproces pagina's in het Spaans, Nederlands en Duits toegevoegd, zodat gebruikers die geen moedertaalspreker van het Engels zijn, de gebruikerservaring werkelijk kunnen uittesten.

Door het toevoegen van pagina's in elke taal wordt het aantal pagina's exponentieel vermeerderd, waardoor het project behoorlijk omvangrijk werd voor een eerste project. Daarom heb ik het aantal talen van acht teruggebracht tot vier.

Klik op onderstaande afbeeldingen om ze in groot formaat te bekijken:

Un-moderated usability study

Gebruikersonderzoek voor Lo-Fi Prototype V1.1

Het prototype is getest door middel van een un-moderated usability study. Bij een un-moderated usability study voert de gebruiker de opdrachten geheel zelfstandig uit; er niemand aanwezig om eventuele aanvullende vragen te beantwoorden.

Tijdens dit onderzoek werd aan ​8 deelnemers gevraagd zelfstandig taken uit te voeren in het low-fidelity prototype en vragen te beantwoorden over hun gebruikerservaring.

Onderzoeksvragen:

Abstracte witte golven

Ticketaankoop

Hoeveel mensen voltooien het ticketboekingsproces?

Hoe ervaren mensen het dat ze bij aankoop van een ticket een andere taal dan Engels kunnen kiezen?

Hoe gemakkelijk of moeilijk wat het om de ticketaankoop af te ronden?

Abstracte witte golven

Exhibitions

Kunnen gebruikers informatie over een tentoonstelling vinden?

Resultaten Gebruikersonderzoek

De feedback van de deelnemers werd verzameld in een spreadsheet en overgezet op digitale post-its. Vervolgens werden de briefjes gegroepeerd om thema's te identificeren met behulp van een affinitydiagram.

Abstracte witte golven

Thema 1: Ticketaankoop

Resultaten

Alle acht deelnemers hebben het ticketboekingsproces succesvol afgerond.

De helft van de deelnemers ervaarde wat verwarring rondom de bevestigingspagina.

Drie van de acht deelnemers gaven commentaar op de volgorde van het aankoopproces.

Twee van de acht deelnemers ondervonden problemen bij het terugkeren naar de homepage nadat ze de bevestigingspagina hadden bereikt.

Quote deelnemer:

"Ik was er niet zeker van of ik de "betaling" wel echt had gedaan, totdat ik de optie zag om de tickets te downloaden."

Abstracte witte golven

Thema 2: Taalselectie

Resultaten

Vijf van de acht deelnemers gaven aan dat ze de mogelijkheid om een taal te kiezen bij het boeken van tickets nuttig zouden vinden. 

Let op: Niet alle deenemers spraken naast Engels ook een andere taal.​

Twee van de acht deelnemers gaven aan dat ze de voorkeurstaal liever al vanaf het begin zouden kiezen.

Quote deelnemer:

"Ik zou de taalfunctionaliteit waarschijnlijk graag willen toepassen op de beschrijvingen van de tentoonstellingen voordat ik een kaartje koop."

Abstracte witte golven

Thema 3: Exhibitions

Resultaten

Alle acht deelnemers konden de informatie over een tentoonstelling vinden.

Alle acht deelnemers gebruikten de "terug"-knop om terug te keren naar de homepage.

Quote deelnemer:

"Het was heel eenvoudig, want afgezien van het icoontje staat er ook een tekstlabel bij."

Inzichten naar aanleiding van het onderzoek

Abstracte witte golven
Abstracte witte golven

 Bevestigings-pagina onduidelijk

Gebruikers hebben betere aanwijzingen nodig om duidelijk te maken dat ze de ticketaankoop succesvol is afgerond.

Abstracte witte golven

Volgorde van ticketaankoop

Gebruikers hebben meer begeleiding nodig tijdens het aankoopproces van tickets.

Abstracte witte golven

Terugkeren naar de homepage

Gebruikers hebben een alternatieve manier nodig om na het kopen van een ticket terug te keren naar de homepage.

Low Fidelity Prototype Versie 2

Op basis van de inzichten uit het gebruikersonderzoek voor de low-fidelity prototypeversie 1.1 zijn er wijzigingen aangebracht in versie 2.

Klik op onderstaande afbeeldingen om ze in groot formaat te bekijken:

Aanpassingen op basis van feedback en aanvullende wijzigingen

Bevestigingspagina

Lo-Fi prototype van museum app door UX Designer

Taalkeuze en scroll to top

Lo-Fi prototype van museum app door UX Designer

Drukte indicator

Lo-Fi prototype van museum app door UX Designer
Weelderige groene bladeren

Gebruikersonderzoek voor Lo-Fi Prototype V2

Drie deelnemers werd gevraagd taken uit te voeren in het low-fidelity prototype en vragen te beantwoorden over hun gebruikerservaring.

Het prototype is getest in een un-moderated usability study.

Inzichten onderzoek

Abstracte witte golven

Knoppen

Er wordt een "Buy tickets"-knop gemist in de beschrijvingen van de tentoonstellingen.

Op sommige pagina's staat zowel een "Back"-knop als een "Previous"-knop.

Primaire en secundaire knoppen worden willekeurig gebruikt.

De "Scroll-to-top"-knop bedekt soms belangrijke informatie.

Abstracte witte golven

Afbeelding museum

De museumafbeelding bovenaan de pagina's in het ticketboekingproces neemt teveel ruimte in beslag.

Abstracte witte golven

Taalkeuze

Gebruikers vinden het onlogisch dat de taalkiezer alleen beschikbaar is tijdens het boeken van tickets en niet op andere pagina's.

High-Fidelity Prototype Versie 1

Voor het high-fidelity prototype zijn kleuren, afbeeldingen en typografie toegevoegd en alle feedback op het low-fidelity prototype is meegenomen. 

Lees hieronder over een aantal van de aangebrachte wijzigingen.

Aanpassingen naar aanleiding van feedback

Lo-Fi en Hi-Fi prototype van museum app door UX Designer
Lo-Fi en Hi-Fi prototype van museum app door UX Designer
Lo-Fi en Hi-Fi prototype van museum app door UX Designer
Lo-Fi en Hi-Fi prototype van museum app door UX Designer

Hieronder worden alle pagina's getoond. Klik op de afbeeldingen om ze in groot formaat te bekijken:

Weelderige groene bladeren

Gebruikersonderzoek voor Hi-Fi Prototype Versie 1

Het prototype is getest in een un-moderated usability study.

9 Deelnemers werd gevraagd taken uit te voeren in het Hi-Fi-prototype en vragen te beantwoorden over hun gebruikerservaring.

Resultaten

Abstracte witte golven

Navigatie

De header neemt veel ruimte in beslag op een gemiddeld telefoonscherm.

Een overbodige "Back"-knop op homepage.

De ticketknop in de header wordt niet door iedereen herkend als knop.

Scroll-to-top knop zit enerzijds soms in de weg óf is moeilijk te zien.

Abstracte witte golven

Leesbaarheid en contrast

Het gebruik van hoofdletters in de kopteksten komt schreeuwerig over.

De tekst over de tentoonstellingsfoto's is soms moeilijk leesbaar.

De kleuren van de drukte indicator in de kalender maken de cijfers moeilijk leesbaar.

Abstracte witte golven

Kleurgebruik en uniformiteit

De tekst en kleur in het taalkeuzemenu verschillen van de rest van de pagina's.

Het gebruik van knoppen en pictogrammen is inconsistent. Zowel open- als gesloten pictogrammen worden gebruikt.

High Fidelity Prototype Definitieve Versie

Alle feedback is meegenomen in de aanpassingen aan de definitieve versie.

Klik op onderstaande afbeeldingen om ze in groot formaat te bijkijken:

Aanpassingen naar aanleiding van feedback

Hi-Fi prototype van museum app door UX Designer
Hi-Fi prototype van museum app door UX Designer
Weelderige groene bladeren

Reflectie

Terugkijkend op mijn eerste UX-project valt direct op hoeveel impact een sterke gebruikersfocus heeft. Door vanaf de start diep in de behoeften van de doelgroep te duiken, had ik gedurende het hele ontwerpproces een helder kompas: elke ontwerpkeuze moest direct bijdragen aan een logische oplossing voor de gebruiker.

De gebruikerstesten waren daarin onmisbaar. Ze brachten niet alleen onverwachte blinde vlekken aan het licht, maar bewezen ook dat ogenschijnlijk kleine frustraties in de praktijk échte knelpunten zijn die opgelost moeten worden. Het bleek een waardevolle les: aannames zijn er om getoetst te worden, en feedback maakt het product áltijd sterker.

UX-design is een vakgebied waarin je nooit bent uitgeleerd; de ontwikkelingen en mogelijkheden om interacties nóg soepeler te maken volgen elkaar snel op. Hoewel een ontwerp in theorie altijd nóg beter kan, kijk ik met ontzettend veel trots terug op dit eerste project. Het heeft een mooie, stevige basis gelegd voor mijn verdere groei als designer.

© 2026 by Karin van Aerle. Powered and secured by Wix

bottom of page