Visueel interface design

Boekenzoeker

Design across borders mockup app

Voor het project Boekenzoeker heb ik een toegankelijke en speelse interface ontworpen die middelbare scholieren van 12 tot 15 jaar helpt om snel en eenvoudig boeken te vinden in de schoolbibliotheek via een iPad. De Gemeente Amsterdam wil het leesgedrag onder scholieren stimuleren en stelt daarom een vaste kiosk-opstelling beschikbaar in bibliotheken. Via deze interface kunnen scholieren op basis van voorkeuren boeken zoeken en een persoonlijke 'wishlist' samenstellen die zij kunnen mailen of printen.

In dit project stonden visuele interfaceprincipes en gebruiksvriendelijkheid centraal. Vanuit het doel en de doelgroep heb ik gewerkt met UX-tools zoals wireframes, user flows en om een duidelijk klikpad te creëren en overbodige drempels weg te nemen. Tegelijkertijd heb ik een UI ontworpen die aansluit bij zowel de huisstijl van de gemeente Amsterdam als bij de leefwereld van jongeren.

Design across borders field onderzoek Design across borders onderzoek wandel route

Zo maakte ik gebruik van de herkenbare rode kleur van de gemeente voor belangrijke acties, en combineerde die met zachte grijstinten op de achtergrond voor rust en contrast. Omdat de doelgroep jong is, ontwikkelde ik een speelse substijl met illustratieve elementen, afgeronde vlakken en een handgeschreven lettertype. Deze stijl sluit aan bij de leefwereld van leerlingen en vergroot de aantrekkelijkheid van de interface zonder dat het de functionaliteit in de weg zit.

Visuele hiërarchie en eenvoud in interactie waren leidend in het ontwerp. Op elke pagina is slechts een primaire actie beschikbaar, waardoor de gebruiker nooit wordt overweldigd en intuïtief door de stappen wordt geleid. Ik heb bewust gekozen voor progressive disclosure: alleen informatie tonen wanneer die relevant is, zodat de interface overzichtelijk blijft. Verschillende content types worden gescheiden door het gebruik van kleurvlakken en vormen, wat de scannbaarheid vergroot.

Ook micro-interacties spelen een rol: wanneer een boek aan de favorietenlijst wordt toegevoegd, verandert het gezichtje in de illustratie van sip naar blij. Deze subtiele visuele feedback zorgt voor een emotionele connectie met de interface en maakt het gebruik leuker. Daarnaast heeft elk boek een eigen visuele context met een bijpassende achtergrondkleur of afbeelding, zodat leerlingen sneller een keuze kunnen maken die bij hen past.

Design across borders voorstel aanpassing wegen



Met dit project laat ik zien hoe je een interface opbouwt die past bij een specifieke doelgroep, en hoe visueel ontwerp, interactie en gebruikerservaring samenkomen in een helder, speels en effectief ontwerp.