De opdracht is om ontwerpen te maken voor een app die op de iPad in een
schoolbibliotheek komt te staan. De app moet de leerlingen helpen met het vinden van
een geschikt boek en een wensenlijst kunnen bijhouden. De leerlingen moeten bepaalde
criteria kunnen selecteren, waardoor voor de leerling relevante boeken worden
getoond. De lijst met boeken moet gesorteerd kunnen worden, en de criteria moeten
gereset kunnen worden. Boeken kunnen op een wensenlijst gezet worden die geprint of
gemaild kan worden. Inloggen is niet vereist.
De doelgroep is onderbouwleerlingen van de middelbare school, in de
leeftijdscategorie van ongeveer 12 tot 15 jaar oud.
De opdrachtgever is De Gemeente Amsterdam. Er wordt verwacht dat ik deels in de
huisstijl van De Gemeente Amsterdam ontwerp en tegelijkertijd een eigen draai geef
die aansluit op de doelgroep.
De iPad komt in een schoolbibliotheek te staan en wordt horizontaal vastgezet op een
standaard.
De Boekenzoeker is een concept voor een app die op een iPad in een schoolbibliotheek staat. De app moet de leerlingen helpen met het snel en gemakkelijk vinden van een geschikt boek en een wensenlijst kunnen bijhouden.
De opdracht
Het proces
De content had ik al ontvangen. Ik heb de gegeven content in een sitemap geplaatst, zodat
de flow al een beetje duidelijker zou worden.
Wat betreft visueel onderzoek, heb ik gekeken naar de huisstijl van de Gemeente
Amsterdam. Om er een eigen draai aan te geven die aansluit bij de doelgroep, heb ik ook
gekeken naar andere veelgebruikte apps en sites door de doelgroep.
Uiteindelijk heb ik 4 verschillende schermiteraties ontworpen. Eerst een lo-fi ontwerp,
waarin wel al de content is verwerkt. Daarna 2 verschillende lo-fi wireframe-ontwerpen.
Als laatste heb ik de vormgeving bepaald en weergegeven in een stijlpagina. Vervolgens
heb ik de stijl toegepast op de wireframes
Details
- Opdracht voor het vak 'Visual Interface Design' voor de studie CMD
- Individuele opdracht
- Duur van de opdracht: 6 weken
- Gebruikte tools: Adobe XD, Adobe Illustrator, Miro
Resultaten
Scherm iteraties
Ontwerp probeersels
Stijlpagina
Hi-fi screenflow
