Boekenzoeker
BESCHRIJVING
Dit is een gebruiksvriendelijke boekenzoeker applicatie die ik ontworpen en gemaakt heb voor de gemeente Amsterdam. De app is bedoeld voor middelbare scholieren van 12 tot en met 14 jaar. Met deze app kunnen ze door middel van gerichte vragen het perfecte boek vinden dat bij hen past. De vragen zijn zo opgesteld dat ze de voorkeuren en interesses van de leerlingen goed in kaart brengen. Op deze manier kunnen ze eenvoudig en snel ontdekken welke boeken aansluiten bij hun smaak en leesniveau.
TYPE
UX/UI design
OPDRACHTGEVER
CMD

PROCESS

Process overview

DOELGROEP & UX DOELEN

Stap 1

Allereerst heb ik mij gericht op het begrijpen van de doelgroep: wat kenmerkt een middelbare scholier? Om dit te achterhalen, heb ik relevante informatie opgezocht op internet en gecombineerd met mijn eigen inzichten. Op basis hiervan heb ik een persona opgesteld die de behoeften, doelen en frustraties van de gebruiker duidelijk in kaart brengt. De gekozen methodes in dit project zijn afgestemd op de doelen van de gebruiker en gericht op het wegnemen van hun frustraties. Daarnaast is het essentieel dat de applicatie aansluit bij de stijl van de gemeente Amsterdam, terwijl deze ook aantrekkelijk blijft voor de jongere doelgroep. De huidige stijl voelde echter te serieus en niet passend bij de doelgroep. Om dit op te lossen, heb ik de styleguide van de gemeente Amsterdam nauwkeurig geanalyseerd. Hieruit heb ik kleurrijke supplementkleuren geselecteerd die beter aansluiten bij de visuele voorkeuren van de scholieren. Deze kleurrijke aanpak zorgt ervoor dat de applicatie visueel stimulerend is, waardoor de aandacht van de gebruiker wordt getrokken én vastgehouden.

Vervolgens ben ik eerst gaan nadenken over de plaatsing van de verschillende elementen op de pagina. In deze fase heb ik nog geen wireframes gemaakt, maar ik ben begonnen met het plaatsen van de content op een leeg canvas. Hierbij heb ik bijvoorbeeld de vraag en de antwoorden onder elkaar gepositioneerd om een logische en overzichtelijke structuur te creëren.

FEEDBACK & ONTWERPVOORTGANG

Stap 2

Vervolgens heb ik wireframes gemaakt om de lay-out en structuur van het ontwerp duidelijk in kaart te brengen. In deze fase paste ik UX-principes toe, zoals one primary action per screen. Hierdoor heeft elk scherm één duidelijke actie, waardoor gebruikers beter begrijpen wat er van hen verwacht wordt en eenvoudiger door het proces kunnen navigeren. Op basis van feedback van docenten heb ik mijn hi-fi prototype verder verbeterd. De eerste versie werd als te simpel en minimalistisch ervaren, mede door het grote gebruik van witruimte waardoor het ontwerp een saaie uitstraling kreeg. Om dit te verbeteren heb ik gebruikgemaakt van de supplementkleuren van de gemeente Amsterdam. Door een zorgvuldige selectie en combinatie van deze kleuren toe te passen in het ontwerp, is het design visueel aantrekkelijker en levendiger geworden en sluit het beter aan bij de doelgroep..

FINAL DESIGN

Stap 3

Na feedback te hebben gekregen op de eerste iteratie van het hi-fi prototype, heb ik deze inzichten toegepast op alle schermen. Het resultaat? Een gebruiksvriendelijke applicatie met een heldere structuur: elk scherm bevat slechts één primaire actie, duidelijke hiërarchie en consistente elementen. Dit helpt de scholieren om gefocust te blijven en het proces snel en eenvoudig te doorlopen. Daarnaast heeft de applicatie een unieke uitstraling die aansluit bij de doelgroep. Door de primaire kleuren van de gemeente Amsterdam aan te passen naar meer kleurrijke supplementkleuren, blijft de applicatie trouw aan de styleguide, maar voegt het een speelsere en meer toegankelijke sfeer toe. Deze aanpassing zorgt ervoor dat de app niet alleen functioneel is, maar ook visueel aantrekkelijk voor middelbare scholieren van 12 tot 14 jaar.

Wat heb ik geleerd?

Wat ik geleerd heb, is om stapsgewijs naar je ontwerp toe te werken. Dat betekent dus niet meteen een hifi-prototype maken, maar gewoon bij het begin beginnen met lo-fi schetsen. Daarnaast heb ik veel design principles geleerd en toegepast om tot een eindontwerp te komen, zoals one primary action per screen, good defaults, keep users in control en consistency matters. Dit waren een paar van de vele principes waarmee ik heb gewerkt. Ook heb ik geleerd om voor een specifieke doelgroep te ontwerpen, en tegelijkertijd hier een substijl te ontwikkelen die niet te veel mag afwijken van de huisstijl van de opdrachtgever. Dit was zeker een uitdaging, maar het was ook een leuke uitdaging die me veel heeft bijgebracht.

Bekijk het volledige process