Hackaton

Voor dit project hebben wij samen met het team een mobiele app gemaakt voor nieuwe Windesheim-studenten die moeite hebben om de weg te vinden op de campus. De app is gemaakt tijdens een hackathon van twee weken.

Context

Nieuwe Windesheim studenten verdwalen letterlijk op de campus in Almere en Zwolle. Ze komen te laat in de les, omdat ze het lokaal niet kunnen vinden, ze kunnen (of durven) de weg niet aan hun studiegenoten vragen en de ervaren stress en onduidelijkheid over routes en (studie)drukte.

Overzicht van het project

Probleem

Gebruikers hebben moeite met navigeren op de campus van Windesheim door onduidelijke structuur, gebouwcodes en locaties. Vooral nieuwe en internationale studenten ervaren hierdoor onzekerheid, tijdverlies en stress. Bestaande oplossingen zijn vaak onduidelijk, niet visueel genoeg en houden onvoldoende rekening met verschillende gebruikers. Hierdoor kunnen gebruikers niet zelfstandig en efficiënt hun weg vinden, wat de behoefte benadrukt aan een duidelijke, snelle en toegankelijke navigatieoplossing.

Requirements

  • De gebruiker moet een lokaal, gebouw of andere campuslocatie kunnen zoeken via een zoekfunctie.
  • De app moet een route kunnen tonen van een gekozen starpunt naar een gekozen bestemming.
  • De gebruiker moet ook zonder live locatie een route kunnen starten door handmatig een startpunt te kiezen.
  • De gebruiker moet kunnen kiezen tussen een volledig routeoverzicht en stap-voor-stap navigatie.
Low fidelity ontwerp

Low-Fidelity

Om een duidelijk beeld te krijgen van hoe onze app eruit zou komen te zien, heeft ieder teamlid eerst een simpele eerste versie (low-fidelity) gemaakt. Deze versies gaven inzicht in de opbouw en functies van de app. Vervolgens hebben we de belangrijkste en beste schermen samengevoegd, zodat alles samen één geheel vormde en we tot een werkende app konden komen.

High-Fidelity

Uiteindelijk zijn we begonnen met het maken van een High-Fidelity ontwerp. We hadden toen een duidelijk beeld van hoe de app eruit moest komen te zien, dus zijn we gestart met het bouwen van een prototype. Mijn rol in deze fase was het maken van de pop-upschermen. Deze hadden te maken met zoeken, favorieten en filterfuncties. Daarnaast heb ik mijn teamgenoten geholpen bij het uitwerken van het kaartgedeelte van de app.

Mid fidelity ontwerp

Demo & design keuzes

Na onze mid-fidelity fase hebben we de schermen verder uitgewerkt tot een high-fidelity prototype. Hierbij hebben we niet alleen de visuele details verfijnd, maar ook extra aandacht besteed aan gebruiksvriendelijkheid en consistentie binnen de interface. Het kleurenschema is gebaseerd op de huisstijl van Windesheim en zorgt voor een frisse, professionele en herkenbare uitstraling.

Daarnaast hebben we gekozen voor het lettertype Roboto, omdat dit aansluit bij de typografie van Windesheim. In combinatie met consistente iconen en een overzichtelijke indeling zorgt dit ervoor dat de applicatie intuïtief te gebruiken is voor verschillende soorten gebruikers.

Reflectie

Tijdens dit project heb ik veel geleerd over werken onder druk en het omgaan met deadlines. De hackathon duurde twee weken en in die korte tijd moesten we veel bedenken, ontwerpen en opleveren. Daardoor heb ik geleerd om mijn tijd beter in te delen en sneller keuzes te maken. Ook heb ik geleerd hoe belangrijk het is om de doelgroep goed te begrijpen en die te gebruiken bij het maken van een app. Door na te denken over wat nieuwe studenten nodig hebben, konden we betere keuzes maken in het ontwerp. Daarnaast heb ik ervaren hoe het is om als team samen te werken onder druk. We moesten goed communiceren, taken verdelen en elkaar helpen om alles op tijd af te krijgen.