Een desktop-platform dat tech-conferenties op één plek samenbrengt, waardoor gebruikers door evenementen kunnen bladeren, programma's en sprekers kunnen bekijken en tickets kunnen kopen, zonder de site te verlaten.
Desktop website
Google UX Design Cursus, Portfolio opdracht
Quick overview
01. over het project
A. Het probleem
Tech-enthousiastelingen en professionals verspillen tijd aan het zoeken naar relevante conferenties, omdat de informatie over evenementen, programma’s en sprekers verspreid staat over veel verschillende websites.
B. De oplossing
Confly is een desktop-platform dat tech-conferenties op één plek samenbrengt, waardoor gebruikers door evenementen kunnen bladeren, programma's en sprekers kunnen bekijken en tickets kunnen kopen, en dat alles zonder de site te verlaten.
C. Het design van de belangrijkste schermen
Full case study
00. Voordat we beginnen
Dit project is voortgekomen uit de Google UX Design-cursus op Coursera, waarbij het ontwerpen van een website voor tech-conferenties een van de voorgestelde opdrachten was. Omdat de projectopdracht vooraf vaststond, is er geen voorafgaand gebruikersonderzoek uitgevoerd. De pijnpunten en persona’s in deze casestudy zijn daarom gebaseerd op aannames (proto-persona’s) in plaats van op gevalideerd onderzoek. Beide rondes van bruikbaarheidstests zijn echter met echte deelnemers uitgevoerd, waardoor de ontwerpiteraties gebaseerd waren op daadwerkelijke feedback van gebruikers.
01. Overzicht
Dit project is een desktopwebsite die is ontworpen om tech-enthousiastelingen en professionals te helpen conferenties in hun vakgebied te ontdekken en bij te wonen. Gebruikers kunnen op één plek door evenementen bladeren en deze filteren, gedetailleerde informatie over programma's en sprekers bekijken en tickets kopen. Het platform heeft als doel de tijd en moeite te verminderen die gepaard gaan met het zoeken op meerdere evenementenwebsites, waardoor het eenvoudiger wordt om de juiste conferentie te vinden en te boeken.
02. Probleemstelling
A. Het probleem
Tech-enthousiastelingen en professionals hebben vaak moeite om relevante conferenties op één plek te vinden. Informatie over evenementen, programma's en sprekers is verspreid over diverse websites, waardoor het ontdekken en vergelijken van conferenties tijdrovend en frustrerend is.
B. Het doel
Het doel van dit project is het creëren van een gecentraliseerd digitaal platform waarmee gebruikers eenvoudig technologieconferenties kunnen vinden, verkennen en boeken, wat leidt tot een snellere en efficiëntere manier om evenementen te ontdekken die aansluiten bij hun interesses.
03. Painpoints & user personas
01. Bestaande platforms leiden gebruikers door naar individuele conferentiewebsites
Hoewel er platforms bestaan die technische conferenties vermelden, leiden ze gebruikers consequent door naar de eigen website van elke conferentie. Dit dwingt gebruikers om het platform te verlaten elke keer dat ze meer willen weten, waardoor de browse-ervaring wordt verstoord en het onmogelijk wordt om op één plek te blijven.
02. Het vergelijken van conferenties is lastig vanwege de inconsistente informatiestructuren
Omdat elk congres een eigen website heeft met een eigen lay-out, wordt informatie over sprekers, roosters en prijzen anders of soms helemaal niet gepresenteerd. Dit maakt het tijdrovend en frustrerend om conferenties naast elkaar te vergelijken.
03. Het is niet mogelijk om interessante conferenties op te slaan via omleidingen
Omdat gebruikers voortdurend worden doorgestuurd naar externe websites, is er geen uniforme manier om conferenties die ze opnieuw willen bezoeken, op te slaan of te bookmarken. Voor het bijhouden van interessante gebeurtenissen zijn handmatige oplossingen nodig, zoals notitie-apps of browserbladwijzers.
04. Voor het kopen van kaartjes voor meerdere conferenties zijn afzonderlijke transacties nodig
Omdat elke conferentie zijn eigen ticketverkoop afhandelt, moeten gebruikers die meerdere evenementen willen bijwonen aparte registratie- en betalingsstromen op verschillende websites doorlopen, waardoor het onmogelijk wordt om in één transactie tickets voor meerdere conferenties te kopen.
Sarah Chen
Leeftijd: 31
Opleiding: Bachelor in Grafisch Ontwerp
Woonplaats: Londen, Verenigd Koninkrijk (oorspronkelijk uit Hongkong)
Gezinssituatie: Woont samen met haar partner, geen kinderen
Beroep: Senior UX/UI-ontwerper bij een middelgroot productbureau
"Ik wil me blijven ontwikkelen in mijn vakgebied, maar het vinden van de juiste conferenties om bij te wonen voelt als een baan op zich."
A. Doelen
Blijf op de hoogte van de laatste trends op het gebied van design en technologie door elk jaar relevante conferenties bij te wonen
Zoek conferenties uit die een sterk programma met sprekers en workshops bieden, en niet alleen maar keynotes
Plan en boek het bijwonen van conferenties efficiënt, zodat dit niet te veel van de werkdag in beslag neemt
B. Frustraties
Besteedt te veel tijd aan het wisselen tussen websites om conferenties te vinden die aansluiten bij haar interesses en agenda
De presentatie van informatie op conferentiewebsites is inconsistent; informatie over sprekers en sessies is vaak onvolledig of lastig te vinden
Heeft 'early bird'-tarieven gemist doordat ze het overzicht verloor van de conferenties die ze wilde bijwonen
C. Verhaal
Sarah is gepassioneerd over haar vak en beschouwt conferenties als een belangrijk onderdeel van haar professionele ontwikkeling. Ze streeft ernaar om jaarlijks twee of drie evenementen bij te wonen, waarbij ze grote internationale conferenties afwisselt met kleinere, lokale bijeenkomsten. Het vinden van de juiste evenementen kost echter meer tijd dan verwacht. Ze begint haar zoektocht op een platform of in een overzichtslijst, maar eindigt al snel met talloze geopende tabbladen op verschillende websites. Omdat elke site de informatie op een andere manier presenteert, is het lastig om de opties te vergelijken en het overzicht te behouden van de evenementen die ze overweegt.
Marcus Okafor
Leeftijd: 44
Opleiding: Master in Informatica
Woonplaats: Berlijn, Duitsland (oorspronkelijk uit Nigeria)
Gezin: Getrouwd, drie kinderen
Beroep: Engineering Manager bij een groot softwarebedrijf
"Ik wil dat mijn team scherp en bij de tijd blijft. Conferenties zijn daarvoor een van de beste manieren, maar de organisatie ervan is altijd een hele klus."
A. Doelen
Relevante technologieconferenties vinden die hij en zijn team gedurende het jaar kunnen bijwonen
Op basis van sprekers en inhoud snel beoordelen of een conferentie de investering van tijd en budget waard is
Het proces stroomlijnen voor het boeken van tickets voor meerdere teamleden voor diverse evenementen
B. Frustraties
Het vergelijken van conferenties op verschillende websites is tijdrovend, omdat de informatie niet op een consistente manier wordt gepresenteerd.
Voor het kopen van tickets voor meerdere conferenties moeten afzonderlijke betaalprocessen op verschillende platforms worden doorlopen; dit is inefficiënt bij het boeken voor een team.
Er is geen betrouwbare manier om interessante conferenties op te slaan en met het team te delen voordat een definitieve beslissing wordt genomen.
C. Verhaal
Marcus wil zijn engineeringteam op de hoogte houden van de laatste technologische ontwikkelingen. Hij ziet conferenties als waardevolle kansen voor professionele ontwikkeling en kennisdeling. Het vinden van relevante evenementen, het vergelijken van sprekers en inhoud, en het regelen van tickets voor meerdere teamleden kost echter veel tijd. Hij heeft een efficiëntere manier nodig om conferenties te vinden, op te slaan, te vergelijken en met zijn team te delen.
04. How might we
01. Hoe zouden we…
gebruikers in staat kunnen stellen om door tech-conferenties te bladeren en deze te vergelijken zonder het platform te hoeven verlaten?
Gebaseerd op pijnpunt 01: Bestaande platforms leiden gebruikers door naar de websites van individuele conferenties
02. Hoe zouden we…
conferentie-informatie op een consistente en volledige manier kunnen presenteren, zodat gebruikers eenvoudig kunnen beoordelen of een evenement de moeite waard is?
Gebaseerd op pijnpunt 02: Het vergelijken van conferenties is lastig door inconsistente informatiestructuren
03. Hoe zouden we…
gebruikers de mogelijkheid kunnen bieden om interessante conferenties op te slaan en te ordenen, zodat ze nooit het overzicht over een evenement verliezen?
Gebaseerd op pijnpunt 03: Het opslaan van interessante conferenties is niet mogelijk bij doorverwijzingen naar andere websites
04. Hoe zouden we…
gebruikers in staat kunnen stellen om tickets voor meerdere conferenties in één enkele, gestroomlijnde transactie aan te schaffen?
Gebaseerd op pijnpunt 04: Voor het kopen van tickets voor meerdere conferenties zijn aparte transacties nodig
05. User story & user journey
“Als ontwerper die bij wil blijven in haar vakgebied, wil ik tech-conferenties op één plek kunnen bekijken en vergelijken, zodat ik snel evenementen kan vinden en boeken die aansluiten bij mijn interesses, zonder urenlang meerdere websites te moeten doorzoeken.”
“Als engineering manager die verantwoordelijk is voor de ontwikkeling van mijn team, wil ik op één plek conferenties kunnen bekijken en tickets daarvoor kunnen boeken; zo kan ik de deelname van mijn team efficiënt regelen zonder via verschillende platforms te hoeven werken.”
06. Papieren wireframes
A. Methode
Voor elk scherm schetste ik vijf varianten en combineerde ik de sterkste elementen tot één wireframe. Hieronder staan twee voorbeelden van deze werkwijze: voor de homepage en voor de pagina met het programma en de sprekers.
B1. Homepagina
B2. Programma & sprekers pagina
07. Low-fidelity prototype
A. Methode
De papieren wireframes werden met behulp van Figma omgezet in digitale wireframes. Hieronder zijn vier voorbeelden van de eerste iteratie van het low-fidelity-prototype te zien.
B1. Homepage
B2. Programma & Sprekers pagina
B3. Tickets pagina
B4. Winkelmandje pagina
08. Lo-fi usability study & verbeteringen
A. Low-fidelity bruikbaarheidsonderzoek
Methode: Ongemodereerd bruikbaarheidsonderzoek (enquête)
Deelnemers: 9
Sessieduur: 5-15 minuten
Onderzoeksvragen:
Wat kunnen we leren van de gebruikersroute (user flow), oftewel de stappen die gebruikers doorlopen om een conferentie te vinden en een ticket te kopen?
Zijn er onderdelen van de gebruikersroute waar gebruikers vastlopen?
Zijn er extra functies die gebruikers graag op de website zouden zien?
Vinden gebruikers de website eenvoudig of juist lastig in het gebruik?
B. Taken
Negen deelnemers namen deel aan een ongemodereerd bruikbaarheidsonderzoek waarin ze drie kerntaken moesten uitvoeren: conferenties bekijken en informatie over het programma en de sprekers raadplegen, tickets aan de winkelwagen toevoegen en naar de winkelwagen navigeren, en het afrekenproces voltooien. Alle drie de taken werden door de meerderheid van de deelnemers positief beoordeeld. Het bekijken van conferenties en het toevoegen van tickets aan de winkelwagen werden door 100% van de deelnemers als eenvoudig of zeer eenvoudig beoordeeld. Het afrekenproces kreeg iets wisselender resultaten: 88% van de deelnemers beoordeelde het als eenvoudig of zeer eenvoudig en één deelnemer beoordeelde het als neutraal. Eén deelnemer die bij alle taken moeite ondervond, is buiten de kwantitatieve resultaten gelaten, omdat de problemen werden veroorzaakt door onbekendheid met Figma en niet door het ontwerp zelf.
C. Affinity diagram
De observaties uit de opgenomen sessies werden in een affiniteitsdiagram geordend om patronen bij de deelnemers te identificeren.
D. Concrete inzichten & verbeteringen
Inzicht 01: De detailpagina van de conferentie mist visuele hiërarchie in de 'hero'-sectie
Gebruikers merkten op dat de naam, datum, locatie en beschrijving van de conferentie zonder duidelijke hiërarchie worden weergegeven. Hierdoor is het lastig om de belangrijkste informatie bovenaan de pagina snel te scannen.
Actie: Gebruikers hebben behoefte aan een duidelijke visuele hiërarchie op de detailpagina, waarbij de naam van de conferentie prominent aanwezig is en ondersteunende details eronder gestructureerd zijn.
Inzicht 02: De tijdlijn van het programma mist visuele balans, waardoor er te veel lege ruimte overblijft
Meerdere deelnemers gaven aan dat de tijdlijn van het programma te groot en 'leeg' aanvoelt, met veel lege ruimte aan de rechterkant. Dit geeft de pagina een onafgewerkte uitstraling en vermindert de leesbaarheid.
Actie: Gebruikers hebben behoefte aan een compactere en visueel meer gebalanceerde tijdlijn, bijvoorbeeld door de witruimte te verminderen of door informatie over sprekers direct in de tijdlijn te verwerken.
Verbeteringen
De informatie in de 'hero'-sectie is opnieuw ingedeeld om een duidelijkere visuele hiërarchie te creëren. Er zijn twee knoppen toegevoegd, "Programma" en "Sprekers", waarmee gebruikers snel naar de bijbehorende secties kunnen navigeren; dit maakt ook duidelijker dat het om afzonderlijke onderdelen van de pagina gaat.
Daarnaast is er een vaste navigatiebalk voor de dagen geïntroduceerd om het wisselen tussen programmadagen te vergemakkelijken. De tijdlijn is verfijnd door de afstand tussen presentaties te verkleinen en foto's van sprekers aan elke sessie toe te voegen; dit verbetert de leesbaarheid en maakt het schema makkelijker te scannen. Deze aanpassingen zorgen er bovendien voor dat er minder lege ruimte overblijft.
Inzicht 03: Belangrijke knoppen zijn niet zichtbaar zonder te scrollen
Meerdere deelnemers zagen niet direct de knop 'In winkelwagen' op de ticketpagina, en de knoppen 'Volgende' en 'Terug naar home' op de afrekenpagina's, omdat deze buiten het zichtbare schermgebied vielen.
Actie: Alle primaire 'call-to-action'-knoppen moeten zichtbaar zijn zonder te scrollen; dit kan worden bereikt door ze te verplaatsen of de lay-out compacter te maken.
Verbeteringen
In het oorspronkelijke ontwerp waren sommige knoppen alleen direct zichtbaar wanneer de website in een schermvullend desktopvenster werd bekeken. De meeste gebruikers browsen echter niet in de schermvullende modus. Om dit op te lossen, is de lay-out van de betreffende pagina's verticaal aangepast, zodat deze knoppen zichtbaar blijven, ook als het browservenster niet gemaximaliseerd is.
09. High-Fidelity prototype
Op basis van de inzichten uit het lo-fi bruikbaarheidsonderzoek werden de ontwerpen verfijnd tot een high-fidelity prototype. Er werden kleur, typografie en echte conferentieafbeeldingen toegevoegd om een realistische weergave van het eindproduct te creëren.
A. Designsystem
Om consistentie te waarborgen en het ontwerpproces te versnellen, is er een designsysteem opgezet als basis voor het high-fidelity prototype. Dit systeem omvat onder meer typografie, kleuren en knoppen, zodat elk scherm dezelfde visuele taal volgt.
De onderstaande high-fidelity mock-ups tonen de belangrijkste gebruikersroute, van de homepage tot de succesvolle afronding van het afrekenproces. Elk scherm weerspiegelt de ontwerpkeuzes en verbeteringen die zijn doorgevoerd na het low-fidelity gebruikersonderzoek. Niet alle pagina's worden volledig weergegeven, omdat ze te lang zijn.
B1. Homepagina
B2.1. Programma & Sprekers pagina
B2.2. Programma & Sprekers pagina
B3. Tickets pagina
B4. Winkelmandje pagina
B5. Order succes pagina
10. hi-fi usability study & improvements
A. High-fidelity gebruikersonderzoek
Methode: Ongemodereerd bruikbaarheidsonderzoek (enquête)
Deelnemers: 7
Duur van de sessie: 5-15 minuten
Onderzoeksvragen:
Wat kunnen we leren van de gebruikersroute (user flow), oftewel de stappen die gebruikers doorlopen om een conferentie te vinden en een ticket te kopen?
Zijn er onderdelen van de gebruikersroute waar gebruikers vastlopen?
Zijn er extra functies die gebruikers graag op de website zouden zien?
Vinden gebruikers de website eenvoudig of juist lastig in gebruik?
B. Taken
Zeven deelnemers namen deel aan een ongemodereerd bruikbaarheidsonderzoek waarin ze vier kerntaken moesten uitvoeren: conferenties bekijken en favorieten opslaan, informatie over het programma en de sprekers bekijken, tickets aan de winkelwagen toevoegen en het volledige betaalproces doorlopen. Het onderzoek mat het gebruiksgemak bij negen specifieke interacties binnen deze taken.
Het bekijken en opslaan van conferenties scoorde goed: de informatie op de conferentiekaarten werd door 100% van de deelnemers als eenvoudig of zeer eenvoudig beoordeeld, en de knop voor favorieten werd door 86% van de deelnemers positief gewaardeerd. Ook de informatie over het programma en de sprekers werd goed ontvangen; de sprekerskaarten werden door 100% van de deelnemers als eenvoudig of zeer eenvoudig beoordeeld en de programmatijdlijn werd door 86% van de deelnemers positief gewaardeerd.
Bij het proces van ticketaankoop was meer variatie te zien. Het toevoegen van tickets aan de winkelwagen werd door 71% van de deelnemers als eenvoudig of zeer eenvoudig beoordeeld, terwijl één deelnemer dit als zeer lastig ervoer. Het navigeren naar de winkelwagen werd door 71% van de deelnemers positief beoordeeld, en door twee deelnemers als neutraal. Het kiezen van een betaalmethode werd door 71% van de deelnemers als eenvoudig of zeer eenvoudig beoordeeld, terwijl één deelnemer dit als lastig ervoer.
Het betaalproces zelf presteerde over het algemeen goed. Het controleren en bevestigen van de bestelling werd door 100% van de deelnemers als eenvoudig of zeer eenvoudig beoordeeld, en het navigeren tussen de stappen van het betaalproces werd door 100% van de deelnemers positief gewaardeerd.
C. Affinity diagram
D. Concrete inzichten & verbeteringen
Inzicht 01: Gebruikers krijgen geen duidelijke feedback wanneer tickets aan de winkelwagen worden toegevoegd
Meerdere deelnemers wisten niet zeker of hun tickets succesvol aan de winkelwagen waren toegevoegd, omdat het winkelwagenpictogram na de actie geen visuele verandering vertoonde. Dit zorgde voor onzekerheid en zorgde ervoor dat sommige gebruikers meerdere keren probeerden tickets toe te voegen.
Actie: Gebruikers hebben een duidelijke visuele bevestiging nodig wanneer tickets aan de winkelwagen worden toegevoegd, zoals een badge of teller op het winkelwagenpictogram, of een pop-up die aangeeft dat ze door kunnen gaan met browsen of doorgaan met afrekenen.
Verbeteringen
Om het voor gebruikers duidelijker te maken dat tickets met succes aan de winkelwagen zijn toegevoegd, zijn er twee visuele feedbackmechanismen geïntroduceerd. Eerst verschijnt er een pop-up vanaf de zijkant van het scherm om de gebruiker te informeren dat tickets aan zijn winkelwagentje zijn toegevoegd. Ten tweede verandert de knop 'Ticket(s) aan winkelwagen toevoegen' tijdelijk van paars in wit en wordt het label gedurende enkele seconden na het klikken bijgewerkt naar 'Ticket(s) toegevoegd aan winkelwagen'. Samen zorgen deze twee veranderingen ervoor dat gebruikers een duidelijke en onmiddellijke bevestiging krijgen dat hun actie succesvol was.
Inzicht 02: De lettergroottes op de conferentiekaarten zijn te klein om gemakkelijk te kunnen lezen
Deelnemers merkten op dat de tekst op de conferentiekaarten, inclusief de conferentiebeschrijving en details, te klein is om gemakkelijk te lezen.
Actie: Gebruikers hebben grotere, beter leesbare lettergroottes op de conferentiekaarten nodig om de leesbaarheid te garanderen.
Verbeteringen
De conferentiekaarten zijn opnieuw ontworpen om de leesbaarheid en visuele consistentie te verbeteren. Het beeld van de conferentie is vergroot en de lettergroottes voor de beschrijving en details van de conferentie zijn vergroot, zodat de informatie in één oogopslag beter leesbaar is.
Als onderdeel van dit herontwerp is de stijl van de kaartrand op de hele website bijgewerkt, waarbij de dikkere witte rand is vervangen door een dunnere grijze rand. Deze wijziging werd consequent toegepast op alle kaartelementen, inclusief de luidsprekerkaarten en de winkelwagenitemkaarten, wat resulteerde in een schonere en meer samenhangende visuele stijl.
Inzicht 03: Lettertypes op de programmatijdlijn zijn te klein om prettig te kunnen lezen
Diverse deelnemers gaven aan dat de tekst op de programmatijdlijn – waaronder sessiebeschrijvingen, titels van sprekers en bedrijfsnamen – te klein is om comfortabel te kunnen lezen. Dit geldt met name wanneer de website in een kleiner browservenster of met een lager zoomniveau wordt bekeken.
Actie: Gebruikers hebben grotere, beter leesbare lettertypes nodig op de programmatijdlijn om de leesbaarheid op verschillende schermformaten en in diverse browserconfiguraties te waarborgen.
Inzicht 04: De programmatijdlijn mist structuur voor meerdaagse evenementen
Deelnemers merkten op dat de dagnavigatie op de tijdlijn niet 'sticky' (vaststaand) is; hierdoor verliest men tijdens het scrollen gemakkelijk het overzicht van welke dag er wordt bekeken. Daarnaast wordt alleen de starttijd van elke sessie getoond, waardoor gebruikers geen duidelijk beeld hebben van de duur van de sessies.
Actie: Gebruikers hebben behoefte aan een vaststaande dagnavigatie op de tijdlijn en een duidelijke weergave van zowel de start- als eindtijd per sessie.
Verbeteringen
De lettergroottes op de programmatijdlijn zijn vergroot om de leesbaarheid en visuele hiërarchie te verbeteren. De grootte van de hoofdtekst is verhoogd van 12px naar 16px en die van de koppen van 16px naar 22px. Dit maakt de tekst niet alleen beter leesbaar, maar zorgt ook voor een betere hiërarchie. Het verschil in lettergrootte bedraagt nu 6px in plaats van 4px, waardoor het onderscheid tussen tekststijlen duidelijker is. Daarnaast zijn de profielfoto's van sprekers op de tijdlijn vergroot voor meer duidelijkheid.
Het implementeren van een volledig functionerend, vaststaand dagnavigatiemenu bleek te complex. Deze functie kan echter wel worden opgenomen als aanbeveling voor ontwikkelaars om in een toekomstige versie te implementeren. Verder zijn de sessietijden aangepast, zodat zowel de start- als eindtijd wordt weergegeven in plaats van alleen de starttijd.
Inzicht 05: De interactie bij het kiezen van een betaalmethode is onduidelijk en staat meerdere selecties toe
Meerdere deelnemers merkten op dat bij het selecteren van een nieuwe betaalmethode de vorige niet werd afgeselecteerd, waardoor het mogelijk was om meerdere betaalmethoden tegelijkertijd geselecteerd te hebben. Dit zorgde voor verwarring over welke methode daadwerkelijk voor de transactie zou worden gebruikt.
Actie: Gebruikers hebben een duidelijke selectie van betaalmethoden nodig waarbij de opties elkaar uitsluiten; het kiezen van de ene optie moet automatisch de eerder geselecteerde methode afselecteren.
Verbeteringen
De selectie van betaalmethoden is aangepast zodat er nog maar één optie tegelijk kan worden geselecteerd. Voorheen konden meerdere betaalmethoden tegelijkertijd worden geselecteerd, wat leidde tot verwarring over welke methode voor de transactie zou worden gebruikt. Dit is opgelost door de component opnieuw op te bouwen met varianten die elkaar uitsluiten, zodat het selecteren van een nieuwe betaalmethode automatisch de vorige afselecteert.
11. Geleerde lessen
A. Wat ging er goed?
Als ik terugkijk op dit project, ben ik trots op wat ik heb kunnen realiseren. Het doorlopen van het volledige ontwerpproces en zien hoe alles samenkwam tot een samenhangend eindresultaat, voelde als een belangrijke prestatie.
Ik ben vooral trots op de bruikbaarheidstests. Met negen deelnemers aan het 'lo-fi'-onderzoek en zeven aan het 'hi-fi'-onderzoek overtroffen beide rondes het vaak aanbevolen minimum van vijf deelnemers. Dit leverde diverse feedback op die me duidelijke verbeterpunten bood. De inzichten uit beide onderzoeken vormden de directe basis voor het uiteindelijke ontwerp, waardoor het iteratieve proces zinvol en goed onderbouwd aanvoelde.
Dit was ook mijn eerste ontwerp met een 'dark theme' (donkere modus), wat specifieke uitdagingen met zich meebracht, zoals het kiezen van de juiste kleurcontrasten om de leesbaarheid op de hele website te waarborgen. Het was een waardevolle leerervaring die me dwong om zorgvuldiger na te denken over visuele ontwerpkeuzes dan ik voorheen deed.
B. Wat zou ik anders doen?
Er zijn een paar dingen die ik anders zou aanpakken als ik dit project opnieuw zou doen. Het belangrijkste punt is het ontbreken van echt gebruikersonderzoek aan het begin van het proces. Omdat dit project voortkwam uit een vooraf vastgestelde opdrachtomschrijving, lag het uitvoeren van voorafgaand gebruikersonderzoek niet direct voor de hand. In een professionele context zou ik echter altijd beginnen met het spreken van echte gebruikers voordat ik pijnpunten definieer of persona's opstel, in plaats van te vertrouwen op 'proto-persona's' (gebaseerd op aannames), zoals ik hier deed.
Ook zou ik meer tijd hebben besteed aan de informatiearchitectuur van de website voordat ik met wireframes aan de slag ging. Sommige structurele keuzes, zoals de plaatsing van navigatie-elementen en het betaalproces (checkout flow), moesten tijdens de bruikbaarheidstests worden aangepast; deze aanpassingen hadden eerder gesignaleerd kunnen worden met een grondigere planningsfase.
Tot slot waren sommige interacties in het prototype, zoals het selecteren van een betaalmethode, tijdens het testen niet volledig functioneel. Dit beïnvloedde de ervaring van sommige deelnemers. In een toekomstig project zou ik meer tijd investeren in het zo realistisch mogelijk maken van het prototype voordat ik bruikbaarheidstests uitvoer. Zo zorg ik ervoor dat de feedback van deelnemers betrekking heeft op het ontwerp zelf en niet op beperkingen van het prototype.
C. Vervolgstappen
Als dit project een vervolg zou krijgen, zou de belangrijkste volgende stap zijn om de aannames te valideren die momenteel ten grondslag liggen aan de persona's en pijnpunten. Dit zou inhouden dat er daadwerkelijke interviews worden afgenomen met tech-enthousiastelingen en professionals om te bevestigen of de geïdentificeerde pijnpunten een juiste weergave zijn van hun ervaringen, en dat de persona's worden verfijnd op basis van feitelijke gegevens in plaats van aannames.
Daarnaast zou het uitbreiden van het platform met een persoonlijk dashboard, waar gebruikers hun aankomende conferenties, opgeslagen favorieten en eerdere bestellingen kunnen beheren, een logische volgende stap zijn. Hiermee zou Confly niet slechts een platform voor het vinden en boeken van conferenties worden, maar een tool die gebruikers gedurende het hele conferentieseizoen blijven gebruiken.
Tot slot zou, wanneer de website daadwerkelijk ontwikkeld gaat worden, het ontwerpen voor andere schermformaten (zoals tablets en mobiele telefoons) een logische volgende stap zijn, om zo een consistente gebruikerservaring op alle apparaten te waarborgen.
D. Wil je het prototype zelf bekijken?
// Contact
Project in gedachten?
Een nieuwe website of een frisse blik op je huidige site? Laat het weten, dan kijken we samen naar de mogelijkheden.