Informatie Architectuur: Foodtruck Booking
Voor FoodtruckBooking.com heb ik een iOS app ontworpen waarmee foodtruck eigenaren en opdrachtgevers direct met elkaar in contact kunnen komen. De app biedt gebruikers de mogelijkheid om profielpagina's en agenda's te beheren. Mijn uitdaging lag in het ontwerpen van een gebruiksvriendelijke interface die rekening houdt met verschillende gebruikersgroepen en diverse user goals.
Individueel
FoodtruckBooking.com is een Nederlands platform dat foodtruck eigenaren en opdrachtgevers met elkaar in contact brengt zonder tussenkomst van derden. Foodtrucks krijgen de kans om een profielpagina en agenda te maken en te beheren. Het is ook een platform waar opdrachtgevers kunnen zoeken naar foodtrucks voor een event. De opdracht is om een iOS app te ontwerpen voor het vinden en aanbieden van foodtrucks.
De uitdagingen van deze case is dat er verschillende gebruikersgroepen zijn waar de app rekening mee moet houden. Ook zijn er veel user goals die netjes moeten worden gestructureerd om ervoor te zorgen dat iedereen tevreden is en om ervoor te zorgen dat de app gebruiksvriendelijk blijft.
User goals:
Ik heb een overzicht opgesteld van de doelen die de twee verschillende gebruikersgroepen hebben.
Waarop filteren/sorteren:
Door het grote aanbod aan verschillende Foodtrucks, is het van belang dat de gebruiker goed kan filteren en sorteren op de perfecte foodtruck die past bij wat de opdrachtgever zoekt. Ik heb in kaart gebracht waarop je als gebruiker op kunt filteren en sorteren.
Overzichtsdiagram eigenaar:
Het Overzichtsdiagram laat zien hoe de verschillende pagina's in de app zijn gestructureerd en wat de onderlinge verbinding is.
Overzichtsdiagram opdrachtgever:
Dit overzichtsdiagram laat zien hoe de pagina's onderling zijn gestructureerd voor de mensen die een Foodtruck willen huren. De opdrachtgevers hebben uiteraard niet compleet dezelfde wensen als de eigenaren van een foodtruck. Daarom zijn pagina's als agenda, mijn foodtruck en de stappen voor het aanmelden van een foodtruck niet aanwezig in deze overzichtsdiagram.
Schetsen interface:
LoFi-ontwerp:
HiFi-ontwerp:
Na de schetsen en het LoFi-ontwerp heb ik een HiFi-versie gemaakt die ik vervolgens heb uitgewerkt tot ontwerpdocument.
Beschikbaarheid Foodtruck invullen: eigenaar Foodtruck
Op de onderstaande schermen kan een eigenaar van een Foodtruck de beschikbaarheid van die foodtruck instellen. Aan de zijkant (grijs) staat wat er gebeurt wanneer je op een onderdeel op het scherm drukt en wat voor gestures je kunt gebruiken.
Toekomstige boekingen: eigenaar Foodtruck
Dit scherm toont welke boekingen een foodtruck heeft gehad. Wanneer er op een boeking wordt gedrukt, wordt er meer informatie over die boeking gegeven, zoals de contactpersoon, notities en ondertekende contracten. Wanneer er meerdere boekingen zijn is het mogelijk om deze te filteren op bijvoorbeeld: afstand, frequentie van aantal keer dat de boeking plaatsvind, type vergoeding en afstand.
Aanvragen boekingen en afspraken vastleggen: eigenaar Foodtruck
Dit scherm toont alle openstaande aanvragen van boekingen voor de eigenaar van de foodtruck, geeft een detailscherm als je er op drukt en laat de eigenaar gemaakte afspraken vastleggen in model-overeenkomsten.
Homepage zoeken naar Foodtrucks: opdrachtgever
Vanaf de homepagina kunnen de opdrachtgevers al basis filters instellen om vervolgens te zoeken naar een foodtruck die aan deze eisen zal voldoen.
Beschikbare filters voor het zoeken naar Foodtrucks: opdrachtgever
Overzicht aan filters die een opdrachtgever kan instellen om te filteren op een foodtruck die aan alle eisen voldoet. Een uitdaging bij deze pagina was om alle beschikbare filters op een overzichtelijke en logisch gestructureerde manier neer te zetten, zodat gebruikers weten waar ze de juiste filter kunnen vinden.
Gevonden foodtrucks op basis van filter: opdrachtgever
Een overzicht aan gevonden foodtrucks en details over een geselecteerde foodtruck. Vanuit de detail pagina is het met één druk mogelijk om de foodtruck te boeken.
