Afstudeerproject UX-design

Voor mijn afstudeerproject ben ik aan de slag gegaan met UX/UI-design voor een document generator.
Ik heb mijn afstuderen uiteindelijk afgerond met een mooie 7!

Ik heb mijn afstudeeropdracht gedaan bij Conclusion Confidential, een bedrijf gespecialiseerd in slimme softwareoplossingen. De opdracht was om een nieuw ontwerp te maken voor de document generator, zodat de gebuiksvriendelijkheid verbeterd zou worden.
 
De ontwerpvraag waar ik mee aan de slag ben gegaan tijdens mijn afstudeerproject is als volgt:

Hoe kan de UX/UI van de document generator worden verbeterd, zodat de applicatie intuïtief bediend kan worden door interne medewerkers van Conclusion Confidential?
 

Om deze ontwerpvraag te beantwoorden is deze opgedeeld in de volgende deelvragen:
1. Wie behoren tot de doelgroep van de applicatie, die de templates moeten kunnen maken?
2. Hoe ziet het huidige proces van het maken van een template eruit en welke uitdagingen en frustraties komen gebruikers hierin tegen?
3. Wat is er nodig om medewerkers zelfstandig de applicatie te laten bedienen?
4. Wat zijn best practices op het gebied van intuïtieve software, waarmee gebruikers zelf templates of componenten kunnen bewerken?
 

Doelgroep

Het proces is gestart met doelgroeponderzoek en mij verder verdiepen in de applicatie. De resultaten van de afgenomen interviews heb ik verwerkt in de onderstaande persona’s en experience maps.

Persona’s

Persona Livia

Livia

Leeftijd: 25
Functie: functioneel beheerder
Team: CVS
Document generator: Livia gaat de document generator gebruiken om templates voor brieven voor klanten in te maken
Pijnpunten: hoge werkdruk, gevoelig voor stress, geen technische achtergrond

Livia wil graag snel templates voor brieven voor klanten kunnen maken in de document generator. Hierdoor zou ze sneller kunnen werken en houdt ze meer tijd over voor andere taken. Ze is niet technisch onderlegt en kan niet goed omgaan met ingewikkelde applicaties. Voor haar is het belangrijk dat dingen lekker simpel en overzichtelijk zijn.

“Ik ben niet heel technisch onderlegt, mijn vrienden noemen me dan ook vaak de ‘digibeet’ of ‘boomer’ van de vriendengroep.”

Persona Nathan

Nathan

Leeftijd: 40
Functie: document beheerder
Team: Handhaving
Document generator: Nathan gaat de document generator gebruiken om templates voor proces verbalen op te maken voor onder andere de Koninklijke Marechaussee.
Pijnpunten: hoge werkdruk, er is maar beperkte tijd om alle proces verbalen op te maken


Nathan moet grote aantallen proces verbalen binnen een bepaalde tijd gaan maken, hiervoor is het belangrijk dat het proces zo snel mogelijk kan verlopen. Hij houdt niet van chaos en vindt het fijn als dingen geordend, opgeruimd en rustig zijn. Nathan kan niet goed tegen tijdsdruk, dus hij vindt het fijn als hij lekker snel door kan werken.

“Stress en chaos daar ga ik niet zo lekker op, ik functioneer veel beter met orde en rust.”

Experience maps

Concept

Aan de hand van de uitkomsten van het onderzoek en de co-creatie sessies heb ik wireframes gemaakt, guiding principles opgesteld en verschillende concepten hieraan gekoppeld.
 
De guiding principles zijn:
Feedback: Je krijgt directe feedback op je acties
Veilig: Betrouwbaar en eenduidig data registreren
Eenvoud: Een ingewikkelde flow, zo duidelijk mogelijk vorm gegeven
Optimaal: Een rustig, clean en geordend scherm, waarbij de ruimte optimaal benut wordt
 
 
Ik heb 3 concepten ontwikkeld passend bij deze guiding principles. TransparentTrail, QuickQuest en FrontFocus. Het concept waar ik uiteindelijk mee verder ben gegaan is FrontFocus. Bij dit concept ligt de focus op de voorkant van het document, waardoor het scherm rustig en overzichtelijk is.
 
FrontFocus staat voor de focus op de voorkant van het document. De gebruiker ziet alleen de voorkant van het document en kan hierin componenten toevoegen. De informatie wordt toegevoegd via het instellingen veld aan de rechterkant. Dit concept heeft dus een rustiger, overzichtelijker scherm, omdat er minder informatie zichtbaar is.

Prototype

Vervolgens ben ik aan de slag gegaan met de wireframes omzetten naar een Figma prototype. Deze heb ik tussendoor telkens getest en geïtereerd, waardoor ik uiteindelijk 4 usability tests heb gedaan met 7 gebruikers en 5 iteraties heb gedaan in het prototype.