VIGNET
2GO

Download

TEAM FOMO

Wij zijn team FOMO!

Vier studenten van de minor Interface and User Experience Design.

Linsey

van Wetering

User research & Testing

Luc

van de Wal

Creative technologies

& Prototyping

Sanne Kurpershoek

Visual Design

Naomi Zijderveld

Interaction Design

ONTWERPVRAAG

"Hoe kunnen wij ervoor zorgen dat (beginnende) mountainbikers makkelijker aan het juiste vignet kunnen komen?"

ONDERZOEK

Product

Om inzichtelijk te krijgen wat het probleem is en waar de doelgroep tegenaan liep zijn we begonnen met deskresearch over het aanschaffen van een vignet en hebben we mountainbikers benaderd op social media. Deze mensen hebben we ook wat vragen toegestuurd om zo net wat meer te weten te komen. Uit onze eerste onderzoeksfase kwamen we er eigenlijk achter dat de aanschaf van een vignet voor de doelgroep niet zo'n probleem is als dat we in eerste instantie dachten. Wel vind de doelgroep dat de aanschaf alsnog een stuk eenvoudiger kan worden gemaakt. Om een beter beeld te krijgen hoe dit proces er aan toe gaat zijn we naar de Utrechtse Heuvelrug geweest om daar de mountainbikeroutes en de winkels waar een vignet te koop is te bekijken.

Bij fietsenwinkel de Pater in Leersum hebben we wat vragen mogen stellen aan eigenaar Theo. Hij vertelde ons dat men dagelijks een vignet aanschaffen en dat dit eigenlijk altijd goed gaat. Mensen weten waar ze het kunnen vinden en doen er vrijwel niet moeilijk over. Wel gaf hij aan dat sommige mountainbikers hun vignet wel eens verliezen, het is namelijk maar een klein stickertje. Wanneer ze dit verliezen moeten ze weer een nieuwe kopen, en dat is zonde.

Ook bleek uit ons fieldresearch dat mountainbikers soms niet weten dat een bepaalde route door verschillende gebieden gaat. In die verschillende gebieden heb je ook weer een ander vignet nodig. Dit is vaak verwarrend en onduidelijk voor mountainbikers.

CONCEPTEN

abstract-luxury-blur-dark-grey-black-gradient-used-as-background-studio-wall-display-your-

ROUTE APP

Een app die word gebaseerd op de routes, waar deze beginnen en eindigen, de moeilijkheidsgraden, hoe druk het is die dag. Maar daarnaast krijgt de gebruiker de mogelijkheid om online het juiste vignet te kopen, wanneer ze op de route klikken die ze willen fietsen. Ook kunnen ze via de app Maps aanzetten naar de dichtstbijzijnde winkel om een fysiek vignet te kopen.

INFORMATIE BORD

Een fysiek bord op locatie met informatie over het gebied en de routes en waar je via een QR kan 'inchecken'. Door het inchecken kan er een landelijk vignet komen, door het in te checken bij het bord wordt het geld naar het juiste gebied overgemaakt. Met de app die erbij zit is het bord te vinden en vind je hier gelijk het begin van de route die je wilt gaan rijden.

INFO PLATFORM

Een platform waarop beheerders van routes informatie over routes en vignetten kunnen delen met mountainbikers. Gebruikers kunnen zich hier op abonneren en krijgen hierdoor alle belangrijke updates mee. De gebruikers zelf kunnen ook tips delen en een soort 'community' opbouwen.

GEKOZEN CONCEPT

Na veel onderzoek en concept ideeën is hebben we gekozen om verder te gaan met het concept 'informatie bord'. Na een aantal brainstormsessies en testfases zijn we tot het definitieve concept gekomen: Vignet2GO

CONCEPTOMSCHRIJVING

VIGNET
2GO

Vignet2GO is een app waarin vignetten digitaal aan te schaffen zijn. Hierin kun je alle vignetten verzamelen en kan de QR-code van dit vignet getoond worden bij een controle. Deze app wordt versterkt door een fysiek bord bij het gebied en de bijhorende routes. Via het scannen van de QR-code op het bord heb je gelijk de juiste vignet voor dat gebied. Verder biedt het bord nog wat informatie over het gebied en een plattegrond.

ONTWERPRICHTLIJNEN

INFORMEREN

Het ontwerp moet (beginnende) mountainbikers informeren

TOT ACTIE AANZETTEN

Het ontwerp moet het gemakkelijker maken om een vignet aan te schaffen

EENVOUDIGHEID

Het ontwerp moet eenvoudig en

toegankelijk zijn

PRODUCTVIDEO

TESTRESULTATEN

Informatie bord

schetsen vignet borden_Tekengebied 1-01 (1).jpg

Na het kiezen van ons concept zijn we verder gaan brainstormen en testen om te zien hoe we het concept nog beter konden maken. Wat betreft het bord zijn we gaan kijken hoe dit bord er uit moest komen te zien en welke elementen erin voor moesten komen. Om dit te testen zijn er eerst 4 versies gemaakt van borden, deze zijn vervolgens getest en hebben we besloten om een combinatie te maken van bord 3 en 4. De respondenten vonden het visuele aspect van twee borden boven elkaar meer de aandacht trekken dan een losstaand bord. De informatie en elementen, zoals het plattegrond, van bord 4 zijn ook toegepast.

Nadat de verschillende borden waren getest hebben we gekeken wat voor vorm het dubbele bord moest hebben. Dit zou een driehoek, een cirkel of een rechthoek kunnen zijn. Om te testen wat het best aansprak hebben we door middel van een paper prototype verschillende combinaties gemaakt. Deze zijn vervolgens getest bij een aantal respondenten. Op basis van hun feedback hebben we de keuze gemaakt om de indeling met de QR-code linksonder en het plattegrond rechtsonder te kiezen. De voorkeur ging ook uit naar een rechthoekig bord omdat een driehoek en een cirkel te veel lijkt op een verkeersbord en misschien verschillende signalen kan afgeven

(gevaar of verboden).

Voor de laatste iteratie zijn we voornamelijk gaan kijken naar de kleuren en grafische vormen. Bij de vorige test kregen we de tip om het bovenste bord een opvallende kleur te geven, dit zou dan meer de aandacht trekken wanneer men voorbij fietst. Ook wilde we kijken wat een goede hoogte zou zijn voor het bord. De respondenten van deze test gaven aan dat de grafische vormen van bord 2 meer dimensie geeft aan het bord ook komt de QR-code er zo beter uit. Qua hoogte van het bord vonden ze de hoogte van bord 3 het best, dit is meer op ooghoogte en is dan voor iedereen goed te lezen. Voor de laatste uitwerking van het bord hebben we dus gekozen voor een combinatie van bord 2 en 3.

TESTRESULTATEN

App

Voor iteratie 1 zijn we begonnen met het testen van de flow van de app. We hebben de respondenten 3 'opdrachten' gegeven zodat ze de app konden doorlopen. Ze vonden dat de app duidelijk en eenvoudig te gebruiken was, wel miste ze nog een extra pagina waarin een betaalbevestiging te zien is. Verder zouden ze graag iets andere knoppen willen zien als een uitklapknop. Ook gaven ze aan dat het inloggen misschien makkelijker zou kunnen zijn als je kunt inloggen met je Google of Facebook account.

Voor de tweede iteratie hebben we de feedback van iteratie 1 toegevoegd. Deze versies hebben we opnieuw getest bij respondenten. De feedback die we hierbij kregen was dat we beter in plaats van een informatie knop, direct de informatie konden tonen. Voor de betalingsmogelijkheden konden we beter een dropdown menu maken zodat men zelf kan kiezen waarmee ze betalen. Ook gaven ze de tip dat de mountainbikers na aanschaf van een vignet nog een bevestigingsmail kunnen krijgen, zo weten ze dat de betaling is voltooid. Na de betaling is het handig om direct je gekochte vignet te zien, deze kun je dan meteen laten zien bij een controle.

Schermafbeelding 2023-01-11 om 12.46.06.png

Voor de laatste testfase hebben we gekeken of alle details van de app kloppen en of er nog verbetering kunnen zijn wat betreft de gebruiksvriendelijkheid. Tijdens deze test kregen we nog wat foutjes te zien in de flow. Zo was die nu nog ingesteld dat wanneer je inlogt je direct een vignet te zien krijgt, dit hebben we uiteraard aangepast. Verder konden er nog geen verschillende betalingsmogelijkheden gebruikt worden, de instellingen knop verwees terug naar inloggen en wanneer je op je home scherm op je vignet klikte werd deze niet uitvergroot. Al deze aanpassingen zijn vervolgens doorgevoerd naar ons definitieve eindproduct!

HIGH-FIDELITY PROTOTYPE

INFORMATIE BORD

VIGNET2GO APP

Voor het uitwerken van het bord hebben we het ontwerp uitgesneden met een 'lasercut'. Na het graveren en uitsnijden van het bord hebben we de kleuren van de huisstijl aangebracht door middel van verf.

De app is in details uitgewerkt in het programma Figma. Alle feedback van de iteraties is hierin verwerkt en is clickable gemaakt. De huisstijl van Vignet2Go is hierin specifiek doorgevoerd.

Klik hier voor het clickable prototype

ONDERBOUWING

LANDELIJK VIGNET

Voor het concept hebben we ervoor gekozen om geen landelijk vignet te creëren maar het vignet per gebied aan te houden. De reden hiervoor is namelijk dat de doelgroep aangaf liever alleen voor een vignet te willen betalen van het gebied waar ze ook daadwerkelijk gebruik van maken. Daarnaast is een landelijk vignet ook minder gunstig omdat er voor de verschillende gebieden ook verschillende beheerders zijn.

AANBEVELINGEN

ROUTES

In een later stadium, mocht hier behoefte naar zijn, zouden er routes toegevoegd kunnen worden aan de app. Deze routes worden dan getoond op basis van het vignet dat je hebt gekocht.

APPLE WALLET

Het gekochte vignet zou eventueel toegevoegd kunnen worden aan je Apple Wallet. Zo word het nog makkelijker om je vignet te laten controleren op je smartphone of smartwatch.

DARK MODUS

Er zijn twee huisstijlen gemaakt namelijk een lichte en een donkere versie. Vanwege testresultaten hebben we nu de lichte versie gekozen, ook omdat deze kleuren beter te zien zijn op het bord. De dark modus kan dus altijd als optie toegevoegd worden

DONATIE

In de app zou er nog een donatie pagina gemaakt kunnen worden. Hier kunnen mountainbikers nog een extra donatie doen voor het gebied

QR-CHECK

Voor de beheerders zou er nog een aparte app gemaakt kunnen worden waarin ze de vignet QR-code kunnen scannen en de gegeven hiervan kunnen inzien.

STYLEGUIDE

Het visual design is voornamelijk gebaseerd op natuurlijke en organische elementen. Door onderzoek in het bos van Leersum bleek al dat de kleur oranje vaak word gebruikt en dat dit een opvallende kleur is in de natuur. Vandaar dat we oranje als hoofdkleur in de knoppen en voor het opvallende bord hebben gebruikt. De organische groene vormen komen terug om een stukje natuur terug te brengen binnen het wat strakkere, simpele design.