UX/UI
FleetGO, redesign rittenregistratie app
Mijn rol: UX/UI Designer
Teamleden: Stakeholder | UX/UI Designer | Developer
UX/UI
FleetGO, redesign rittenregistratie app
Mijn rol: UX/UI Designer
Teamleden: Stakeholder | UX/UI Designer | Developer
UX/UI
Fleetgo, redesign
rittenregistratie app
Mijn rol: UX/UI Designer
Teamleden: Stakeholder | UX/UI Designer | Developer
Introduction
FleetGO wil de gebruikerservaring van hun rittenregistratie app(Android) verbeteren. In 2020 heeft de app een redesign ondergaan.
Na het lanceren van de nieuwe lay-out kreeg de app slechte reviews. Mijn taak was om te onderzoeken waarom de redesign laag scoorde en waar nodig verbeteringen maken.
Introduction
FleetGO wil de gebruikerservaring van hun rittenregistratie app(Android) verbeteren. In 2020 heeft de app een redesign ondergaan.
Na het lanceren van de nieuwe lay-out kreeg de app slechte reviews. Mijn taak was om te onderzoeken waarom de redesign laag scoorde en waar nodig verbeteringen maken.
Background
FleetGO is een bedrijf wat rittenregistraties voor bedrijven verzorgt. Dit doen ze doormiddel van een app en een tracking device die in een voertuig gebouwd wordt. Met de app kunnen gebruikers onder anderen ritten bijhouden en aanpassen.
Ik had ervoor gekozen om gebruik te maken van de onderstaande fasen omdat ik onderzoek ging doen naar een bestaand product. Waar liepen gebruikers tegenaan en hoe kon ik dit oplossen.
Background
FleetGO is een bedrijf wat rittenregistraties voor bedrijven verzorgt. Dit doen ze doormiddel van een app en een tracking device die in een voertuig gebouwd wordt. Met de app kunnen gebruikers onder anderen ritten bijhouden en aanpassen.
Ik had ervoor gekozen om gebruik te maken van de onderstaande fasen omdat ik onderzoek ging doen naar een bestaand product. Waar liepen gebruikers tegenaan en hoe kon ik dit oplossen.
Empathise
Conceptualise
Design
Testing
1. Empathise
Tijdens deze fase wilde ik erachter komen waarom de app laag scoorde na de redesign. Wat waren frustraties van de gebruikers en wat wilden de gebruikers?
Dit heb ik onderzocht door de volgende taken te doen:
Analyse van de app
Review onderzoek
Gesprek stakeholder
1. Empathise
Tijdens deze fase wilde ik erachter komen waarom de app laag scoorde na de redesign. Wat waren frustraties van de gebruikers en wat wilden de gebruikers?
Dit heb ik onderzocht door de volgende taken te doen:
Analyse van de app
Review onderzoek
Gesprek stakeholder
1a. Analyse van de app
Knoppen te klein
Functies die het niet doen
De lay-out komt opgepropt over
Sommige functies moeilijk vindbaar
1a. Analyse van de app
Knoppen te klein
Functies die het niet doen
De lay-out komt opgepropt over
Sommige functies moeilijk vindbaar
1b. Review onderzoek
De gebruikers vonden vooral dat de app slecht werkte. Functies deden het niet of waren niet te vinden en de oude lay-out vonden ze beter. De app crashte regelmatig en was traag.
1b. Review onderzoek
De gebruikers vonden vooral dat de app slecht werkte. Functies deden het niet of waren niet te vinden en de oude lay-out vonden ze beter. De app crashte regelmatig en was traag.
1c. Gesprek stakeholder
Tijdens het gesprek met de stakeholder kwam ik erachter dat het development team geen UX research had uitgevoerd. Ze hadden de app aangepast naar eigen inzicht. Met de bevindingen van de analyse van de app en review onderzoek kwam ik met een voorstel. Graag wilde ik een Usability Test uitvoeren om beter in kaart te brengen waar de pijn punten lagen. Helaas hadden ze hier geen tijd voor en wilden ze graag een nieuwe basis lay-out maken. Opzicht was hier niks mis mee omdat er genoeg elementen waren die in de basis niet goed waren (fix the obvious first). Wel heb ik voorgesteld om na het aanpassen van het design een Usability Test te doen.
1c. Gesprek stakeholder
Tijdens het gesprek met de stakeholder kwam ik erachter dat het development team geen UX research had uitgevoerd. Ze hadden de app aangepast naar eigen inzicht. Met de bevindingen van de analyse van de app en review onderzoek kwam ik met een voorstel. Graag wilde ik een Usability Test uitvoeren om beter in kaart te brengen waar de pijn punten lagen. Helaas hadden ze hier geen tijd voor en wilden ze graag een nieuwe basis lay-out maken. Opzicht was hier niks mis mee omdat er genoeg elementen waren die in de basis niet goed waren (fix the obvious first). Wel heb ik voorgesteld om na het aanpassen van het design een Usability Test te doen.
2. Conceptualise
De volgende stap was om met de verkregen inzichten een strategie te vormen. Er moest een nieuwe basis lay-out komen conform richtlijnen Android. Daarnaast moest ik rekening houden met de pijnpunten van de gebruikers.
Dit heb ik onderzocht door de volgende taken te doen:
Pijnpunten in kaart brengen
Secundair onderzoek voor de nieuwe lay-out
2. Conceptualise
De volgende stap was om met de verkregen inzichten een strategie te vormen. Er moest een nieuwe basis lay-out komen conform richtlijnen Android. Daarnaast moest ik rekening houden met de pijnpunten van de gebruikers.
Dit heb ik onderzocht door de volgende taken te doen:
Pijnpunten in kaart brengen
Secundair onderzoek voor de nieuwe lay-out
2a. Pijnpunten in kaart brengen
Functies die het niet doen.
Een aantal knoppen deden het niet wat voor gebruikers uiteraard frustrerend is.
Sommige functies niet vanzelfsprekend wat ze doen.
Van een aantal knoppen kon je slechts inschatten wat de functies waren. Hierdoor kan het voorkomen dat niet alle functionaliteiten benut worden van de app. Er is een grote kans op frustratie omdat gebruikers niet gemakkelijk bepaalde opties kunnen vinden.
2a. Pijnpunten in kaart
brengen
Functies die het niet doen.
Een aantal knoppen deden het niet wat voor gebruikers uiteraard frustrerend is.
Sommige functies niet vanzelfsprekend wat ze doen.
Van een aantal knoppen kon je slechts inschatten wat de functies waren. Hierdoor kan het voorkomen dat niet alle functionaliteiten benut worden van de app. Er is een grote kans op frustratie omdat gebruikers niet gemakkelijk bepaalde opties kunnen vinden.
2b. Secundair onderzoek nieuwe lay-out
Omdat de app gebruikt maakt van een kaart weergave leek het mij verstandig om de nieuwe kaart weergave op google maps te laten lijken omdat veel mensen bekend zijn met google maps.
2b. Secundair onderzoek nieuwe lay-out
Omdat de app gebruikt maakt van een kaart weergave leek het mij verstandig om de nieuwe kaart weergave op google maps te laten lijken omdat veel mensen bekend zijn met google maps.
2c. Nieuw concept
Mijn bevindingen heb ik gedeeld met de stakeholder. We hebben besloten om de nieuwe lay-out zoveel mogelijk op de oude lay-out te laten lijken maar dan "frisser" en waar nodig functionaliteit verbeteren/logischer maken. De volgende schermen wilden ze graag redesignen:
Start scherm
Ritten scherm
Ritten administratie
2c. Nieuw concept
Mijn bevindingen heb ik gedeeld met de stakeholder. We hebben besloten om de nieuwe lay-out zoveel mogelijk op de oude lay-out te laten lijken maar dan "frisser" en waar nodig functionaliteit verbeteren/logischer maken. De volgende schermen wilden ze graag redesignen:
Start scherm
Ritten scherm
Ritten administratie
3. Design
Met het concept in gedachten ben ik aan de slag gegaan met het nieuwe design.
3. Design
Met het concept in gedachten ben ik aan de slag gegaan met het nieuwe design.
3a. Start screen
Het start scherm heb ik "cleaner" gemaakt door minder informatie als default te weergeven. Ik heb onder andere de kaart filters rechts bovenin onder 1 knop geplaatst waardoor het niet veel ruimte in beslag neemt.
Er is gekozen om met een bottom navigation bar te werken omdat dit makkelijker te bedienen is met je duim.
3a. Start screen
Het start scherm heb ik "cleaner" gemaakt door minder informatie als default te weergeven. Ik heb onder andere de kaart filters rechts bovenin onder 1 knop geplaatst waardoor het niet veel ruimte in beslag neemt.
Er is gekozen om met een bottom navigation bar te werken omdat dit makkelijker te bedienen is met je duim.
3b. Ritten screen
Het Ritten scherm kwam heel druk en propperig over. Ik heb meer wit ruimte tussen alle elementen geplaatst en heb met meer contrast kleuren gewerkt. De opties bovenin het scherm heb ik op een minimalistische manier weergeven. De knoppen heb ik groter gemaakt zodat je ze beter kan indrukken.
3b. Ritten screen
Het Ritten scherm kwam heel druk en propperig over. Ik heb meer wit ruimte tussen alle elementen geplaatst en heb met meer contrast kleuren gewerkt. De opties bovenin het scherm heb ik op een minimalistische manier weergeven. De knoppen heb ik groter gemaakt zodat je ze beter kan indrukken.
3c. Ritten screen 2
Het grootste verschil met het oude design is dat ik het invul formulier in 1 kolom heb geplaatst in plaats van 2 kolommen. Hierdoor komt het rustiger en minder propperig over.
3c. Ritten screen 2
Het grootste verschil met het oude design is dat ik het invul formulier in 1 kolom heb geplaatst in plaats van 2 kolommen. Hierdoor komt het rustiger en minder propperig over.
Nieuwe lay-out presenteren
Nadat de nieuwe lay-out klaar was heb ik deze gepresenteerd aan de stakeholder en de developer. De nieuwe lay-out werd goed ontvangen en was voor de developer te verwerken.
Nieuwe lay-out presenteren
Nadat de nieuwe lay-out klaar was heb ik deze gepresenteerd aan de stakeholder en de developer. De nieuwe lay-out werd goed ontvangen en was voor de developer te verwerken.
4. Testing
De test fase moet nog gebeuren omdat de nieuwe lay-out nog niet helemaal verwerkt is. Nadat dit gebeurd is gaan er usability testen plaats vinden.
4. Testing
De test fase moet nog gebeuren omdat de nieuwe lay-out nog niet helemaal verwerkt is. Nadat dit gebeurd is gaan er usability testen plaats vinden.
Conclusion
Helaas is deze opdracht nog niet af. Er moeten nog usability testen plaats vinden en de bevindingen hiervan moeten verwerkt worden.
Tot nu toe is deze opdracht een leuke uitdaging omdat het gaat om een zeer specifieke app i.p.v. bijvoorbeeld een hotel booking app. Hierdoor heb ik niet veel vergelijkingsmateriaal en moet ik zelf veel uittesten met de design principles in gedachten.
Conclusion
Helaas is deze opdracht nog niet af. Er moeten nog usability testen plaats vinden en de bevindingen hiervan moeten verwerkt worden.
Tot nu toe is deze opdracht een leuke uitdaging omdat het gaat om een zeer specifieke app i.p.v. bijvoorbeeld een hotel booking app. Hierdoor heb ik niet veel vergelijkingsmateriaal en moet ik zelf veel uittesten met de design principles in gedachten.
Learning points
Tijdens deze UX/UI opdracht heb ik veel geleerd. Wat ik in theorie heb geleerd was op sommige vlakken in de praktijk anders. Op de opleiding werd geleerd dat je vaak als eerste begint met een usability test. FleetGO wilde dit niet doen omdat dit teveel tijd zou kosten. Hierdoor hebben we besloten om de voor de hand liggende elementen eerst aan te passen en in een later stadium een usability test te doen.
Learning points
Tijdens deze UX/UI opdracht heb ik veel geleerd. Wat ik in theorie heb geleerd was op sommige vlakken in de praktijk anders. Op de opleiding werd geleerd dat je vaak als eerste begint met een usability test. FleetGO wilde dit niet doen omdat dit teveel tijd zou kosten. Hierdoor hebben we besloten om de voor de hand liggende elementen eerst aan te passen en in een later stadium een usability test te doen.
© 2024 Rockvisor. All rights reserved.