Fix that UI

In dit project hebben we een opdracht gekregen van het bedrijf Hike One. Zij adviseren en coachen teams in het neerzetten van producten waar gebruikers blij van worden. Ze zijn een UX bedrijf. Dat was dus ook het opdracht die wij hebben gekregen. “Het regelen van een zorgverzekering kan ingewikkeld zijn door de vele aanvullende dekkingsopties die beschikbaar zijn en omdat het een aanzienlijke financiële verplichting met zich meebrengt. Bovendien is de doelgroep zeer divers, bestaande uit mensen van verschillende leeftijden, achtergronden en capaciteiten (waaronder mensen met een beperking). Voor deze opdracht ga je de aanmeldingsprocessen van drie zorgverzekeraars vergelijken en kies je er één om te verbeteren.”

Inzichten

We zijn met dit opdracht begonnen door naar de drie verzekerings websites (CZ, Zekur en Zilverenkruis) te kijken. We hebben de plus- en minpunten van elk website opgeschreven.

Bij CZ is er op de homepagina niet duidelijk te zien waar je de Premie kan berekenen. Het is een drukke pagina dus is het moeilijk te vinden. Op de desktop veranderd de prijs meteen aan de rechterkant wat fijn is. Op de telefoon scrolt de pagina vanzelf naar de winkelmand wat irritant is omdat je dan telkens terug moet scrollen. Als je op lees meer drukt komt er een nieuwe laag op de pagina, je wordt dus niet naar een totaal andere pagina gestuurd wat fijn is. Je kan de verschillende tandartsverzekeringen zien maar je kan het niet kiezen omdat die al in je aanvullende verzekering zit. Het is dus niet nodig om die daar toch te laten zien. Op de pagina waar je je gegevens invult kan je op de vraagtekens drukken om meer informatie te krijgen. Dit is fijner dan als het allemaal al op het scherm zou staan.

Als je Zekur op zoekt krijg je 'premie bereken' maar als je daar op drukt is dat voor woonverzekering. Op de home pagina staat ook premie berekenen maar dat is voor zzp'ers. Het is dus moeilijk om de zorgverzekering te vinden. Als je die eindelijk heb kunne vinden staat alles heel erg onnodig groot op het scherm. Op de telefoon is dit niet het geval, daar is wel alles in een drop down menu, maar weer heel veel informatie. Op de telefoon wordt er steeds naar boven gescrold en dan blijft de scherm soms haken. Als je een optie hebt gekozen is de prijs voor heel even te zien onderaan de scherm maar deze gaat na een tijdje weg. Nadat je alles hebt berekend kan je niet direct een verzekering aansluiten.

Bij Zilveren Kruis is de 'premie berekenen' knop makkelijk te vinden op de website zowel op de desktop als op de mobiel. Er staat heel veel informatie per keuze. Het zou fijner zijn als alleen de belangrijkste verschillen duidelijk stonden en de rest pas als je er op klikt. De winkelmand refresht telkens aan de rechterzijde op de laptop. Op de telefoon is de prijs onderaan de scherm te zien wat fijn is.

Hierarchie

Nadat ik op elk website heb gekeken naar de flow heb ik ook gekeken hoe de hierarchie is. Dit heb ik ook per website uitgeschreven en daarna een optimale hierarchie beschreven.

De gebruikerservaring bij CZ heeft enkele positieve en verbeterpunten. De hiërarchie bevindt zich onder de knop "Bekijk wat we voor jou doen," maar er gebeurt niets wanneer hierop wordt gedrukt, wat verwarrend kan zijn voor gebruikers. In de bovenste menubalk is er een sectie over de zorgverzekering, hoewel het berekenen van de premie eenvoudiger vindbaar zou moeten zijn. Het is handig dat de optie voor een collectieve verzekering direct wordt aangeboden.
Vervolgens wordt de informatie in aparte blokken weergegeven, waarbij de meest gekozen optie met een contrasterende kleur duidelijk wordt gemarkeerd. Dit is effectief voor de zichtbaarheid. De aanvullende opties zijn echter wat chaotisch gepresenteerd; het zou overzichtelijker zijn als alleen de prijs en naam getoond worden, aangezien er al een vergelijkknop aanwezig is.
In de winkelmand is alles overzichtelijk door het gebruik van verschillende kleuren, en het is meteen duidelijk hoe de gebruiker verder kan gaan, aangezien de knop hiervoor opvalt door de contrasterende kleur.

De website van Zekur heeft enkele positieve punten, maar ook verbeterpunten voor een betere gebruikerservaring. Zo is er een duidelijke knop om de premie te berekenen, maar deze blijkt alleen voor zzp'ers bedoeld, wat niet meteen duidelijk is. Pas bovenin het menu, onder "Verzekeringen", kan de gebruiker "Zorg" selecteren en vervolgens "Premie" kiezen, waar je kunt kiezen tussen twee verzekeringen.
Er is ook veel witruimte op de pagina, wat de lay-out onnodig vult en de navigatie minder overzichtelijk maakt. Hoewel de rest van de informatie duidelijk gepresenteerd is, zou het helpen om het berekenen van de premie eenvoudiger vindbaar te maken en de witruimte te beperken. Dit zou de navigatie en algehele gebruikservaring verbeteren.

Op de website van Zilveren Kruis valt als eerste de knop "Check veranderingen" op, die gebruikers aanmoedigt om erop te klikken. Bij een kleine scrollbeweging verschijnt de knop voor het berekenen van de premie. Na het invullen van de geboortedatum verschijnen alle benodigde categorieën in overzichtelijke dropdownmenu's, wat het makkelijk maakt om de informatie stap voor stap in te vullen.
Een verbeterpunt is echter dat het scherm automatisch naar de volgende categorie scrolt zodra je een keuze hebt gemaakt. Dit snelle doorscrollen maakt het lastig om overzicht te houden op de categorie waarin je bezig bent, wat verwarrend kan zijn. Een iets langzamere en duidelijkere overgang zou dit kunnen verbeteren en de gebruikerservaring rustiger en overzichtelijker maken.

Voor een ideaal proces op de website moet de zorgpremie meteen duidelijk zichtbaar zijn op de homepagina, zodat gebruikers deze makkelijk kunnen berekenen. Er moet niet te veel tekst op de eerste pagina staan, zodat het overzichtelijk blijft en mensen snel kunnen vinden wat ze zoeken. Het zou ook handig zijn als je verschillende pakketten kunt vergelijken, zonder dat deze optie te veel opvalt. Illustraties kunnen helpen om de pagina aantrekkelijker te maken en dingen duidelijker uit te leggen. Tot slot moeten de knoppen om verder te gaan opvallen door duidelijke kleuren, zodat het voor gebruikers meteen duidelijk is hoe ze naar de volgende stap kunnen gaan.

Keuze

Na ons onderzoek naar de drie bedrijven is er voor gekozen om het aansluitproces van Zekur te verbeteren. Hoewel Zekur al op de juiste weg zit, zijn er zeker nog verbeterpunten. De illustraties dragen bij aan de duidelijkheid, maar de overbodige witruimte maakt het proces juist weer onduidelijk. Door de grote elementen op de pagina past er weinig op het scherm, wat het proces onoverzichtelijk maakt.

Zekur richt zich vooral op jongeren en mensen met een lage premie. Hierdoor is het aansluitproces eenvoudig, maar soms té eenvoudig, wat kan leiden tot beperkte informatie. Dit kan voor onduidelijkheden zorgen over de voorwaarden, wat een belangrijk verbeterpunt is.

Hoewel de prijsstructuur helder is, ontbreekt er soms verduidelijking over wat wel en niet gedekt wordt. Dit kan verbeterd worden door meer uitleg toe te voegen, zodat klanten bewuster kunnen kiezen.

De eenvoud die Zekur biedt, is een concurrentievoordeel, maar er kan meer differentiatie worden gecreëerd. Door gepersonaliseerde aanbevelingen te doen op basis van de ingevulde gegevens, kan het proces relevanter en gebruiksvriendelijker worden gemaakt.

Tot slot zijn er grote kansen voor digitale innovaties, zoals het gebruik van AI-ondersteuning, betere navigatie en een mobiele app. Deze verbeteringen zouden Zekur's positie in de markt versterken, vooral onder jongeren en technisch onderlegde klanten.

Presenteren

Tijdens deze sprint heb ik ook een presentatie gegeven aan onze klant. Ik heb het werk van iedereen doorgenomen, vragen gesteld en deze informatie daarna verwerkt in een presentatie. Voor de opmaak van de dia's heb ik de huisstijl van Hike One gebruikt. De klant vond het leuk om dit terug te zien en was erg tevreden met onze presentatie. Als feedback kregen we dat de “vergelijking” eigenlijk geen echte vergelijking was, maar meer een opsomming van wat ons opviel bij het eerste bezoek aan elke website. Dit klopte, en ik besefte dat ik de titel beter niet “vergelijking” had kunnen noemen. Maar hierdoor kreeg ik een idee.

Bij mijn andere opleiding gebruikte ik de Kesselring-methode, die helpt bij het stellen van prioriteiten. De Kesselring-methode werkt door verschillende onderdelen of aspecten punten te geven. Zo kun je makkelijker bepalen welk aspect het belangrijkste is en waar je je eerst op moet richten. Eerst bepaal je een aantal aandachtspunten, zoals gebruiksgemak, visuele aantrekkelijkheid, of navigatiestructuur, en dan geef je elk onderdeel een score op deze punten. Door de scores naast elkaar te leggen, wordt snel duidelijk welke onderdelen of opties het meest waardevol zijn en welke minder belangrijk. Op een soortgelijke manier had ik ook de websites kunnen vergelijken, door prioriteiten te stellen en elk onderdeel te beoordelen.

Verder kregen we van Marco de feedback dat we heel goed hebben uitgelegd waarom we voor Zekur hebben gekozen. In het begin dacht hij dat we voor Zilveren Kruis zouden gaan, maar door onze uitleg was hij overtuigd dat we de juiste keuze hebben gemaakt. Dit was de eerste keer dat ik dit semester presenteerde, en ik was daarom best zenuwachtig. Het hielp dat het een online presentatie was, maar ik voel me nu zelfverzekerder om ook fysiek te presenteren voor de hele klas en de klant.

Prototype

Na de onderzoeksfase, die we aan de klant hebben gepresenteerd, zijn we gestart met het prototype. Als groep hebben we in Figma een prototype gemaakt van de nieuwe flow. We hebben hierbij de homepage aangepast, het aansluitingsproces veranderd, en zelfs een extra stap toegevoegd om het proces mogelijk te versnellen. Gebruikers krijgen drie vragen te zien, en op basis van hun antwoorden wordt er een passend pakket samengesteld. Ze kunnen dit pakket nog aanpassen of zelfs een volledig nieuw pakket samenstellen. Eén van de vragen betreft de leeftijd. Gebruikers ouder dan 40 krijgen een andere pagina-indeling te zien, met simpelere stappen en een iets groter lettertype. Tijdens de eindpresentatie kregen we de feedback dat sommige elementen van de ouderenpagina ook voor de jongerenpagina nuttig zouden zijn. Verder was het volgens de klant niet echt nodig om een groter lettertype voor 40-plussers te hebben, misschien pas voor gebruikers ouder dan 80.

We hebben de taken verdeeld, en ik heb er voor gekozen om de homepage te maken. Als je 'Zekur' intypt in een zoekmachine en op de bovenste link klikt, kom je op de ZZP-pagina terecht, terwijl de zorgverzekeringpagina moeilijk te vinden is. Ik heb dit zo aangepast dat de gebruiker direct op de zorgverzekeringpagina landt. Onder de hoofdsectie heb ik een sectie met knoppen voor verschillende verzekeringen toegevoegd. Daarbij heb ik illustraties geplaatst om het geheel duidelijker en opvallender te maken. Ook heb ik een illustratie bij de knop "bereken je premie" toegevoegd, omdat er uit ons onderzoek bleek dat minder tekst en meer visuele elementen de duidelijkheid zouden verbeteren

Een ander probleem was de vertaling. Je kunt de hele pagina via Google laten vertalen, maar zodra je naar de volgende pagina gaat, is alles weer in het Nederlands, en moet je telkens opnieuw via de instellingen vertalen. Hiervoor heb ik een knop in de navigatiebalk gemaakt. Wanneer hierop wordt geklikt, blijft de gebruiker op de Engelse versie van de pagina. We hebben alles zowel in het Nederlands als in het Engels ontworpen, voor zowel de desktop- als mobiele versie.

Nadat ik mijn eigen taak had afgerond, heb ik mijn groepsgenoten geholpen. Eén van mijn collega's wist nog niet precies hoe het persoonlijke pakket moest worden opgebouwd. Ik heb voor haar soort van wireframes op papier getekend en het proces nogmaals uitgelegd. Twee andere collega; s, die het hoofdgedeelte van het proces hadden uitgewerkt, hadden nog niet alle eisen verwerkt. Ik heb hen feedback gegeven over wat ze konden aanpassen en toevoegen, wat ze vervolgens snel hebben opgepakt.

Twee dagen voor de presentatie hebben we afgesproken om alles samen door te lopen, te verbeteren en samen te voegen. Toen zag ik dat de persoonlijke pagina in een totaal ander formaat was gemaakt. Dit heb ik samen met mijn groepsgenoot aangepast naar het juiste formaat, waarbij ik haar heb uitgelegd hoe ze dit eenvoudig kon doen en wat ze volgende keer kan doen om dit te voorkomen. Later bleek dat ook de pagina voor ouderen niet helemaal klopte, dus hebben we daar ook enkele aanpassingen gedaan. Ook dit heb ik samen met mijn collega aangepast. Tijdens deze aanpassingen merkte ik dat de knoppen niet pasten bij de rest van onze pagina's, dus heb ik deze allemaal gelijkgetrokken

reflectie

Toen we deze opdracht kregen, wist ik niet precies wat ik ervan moest vinden. Ik vond het leuk omdat het een UI/UX-opdracht was, aangezien ik dat als richting wil kiezen. Maar de opdracht zelf vond ik een beetje saai. Ik heb mijn taken altijd tijdig en goed geleverd. Hoe verder we in het project zaten, ontstonden er steeds meer problemen binnen de groep. Er waren vaak discussies over wie zou presenteren en in welke taal. Ik vond deze discussies onnodig en heb me er zoveel mogelijk buiten gehouden.

Zoals ik hierboven al heb uitgelegd, heb ik mijn teamgenoten veel geholpen met het verbeteren van de prototypes. In het begin vond ik dit niet erg, maar telkens wanneer ik dacht klaar te zijn, kwam er weer iets nieuws bij. Dat begon ik minder leuk te vinden, vooral omdat ik mijn eigen taken al had afgerond. Toch bleef ik mijn collega's helpen, omdat dit een groepsproject is en de klant ons uiteindelijk als een geheel ziet en niet als individuen. Toen het me te veel werd en het tijd was om weg te gaan, heb ik mijn groep wel laten weten dat ik verwacht dat alles de volgende dag af zou zijn.

Wat we de volgende keer anders zouden kunnen doen, is alles nog eerder bespreken en regelmatig tussentijds evalueren. Danylo heeft de ouderenpagina gemaakt, maar omdat we deze pas hebben besproken nadat alles af was, kon er niet veel meer worden aangepast. Hierdoor kregen we negatieve feedback. Dit hadden we kunnen voorkomen als we elkaar eerder feedback hadden gegeven.

Net zoals bij het brandingproject hadden we ook richtlijnen moeten opstellen, zodat iedereen tijdens het ontwerpen op dezelfde lijn zat. Nu hadden sommige teamleden oranje knoppen gemaakt, terwijl anderen grijze knoppen gebruikten. Dit zorgde voor een gebrek aan samenhang, wat natuurlijk niet acceptabel is.

Uiteindelijk vond ik dit project wel heel leuk, omdat ik graag ontwerp en verbeter. Toen we hoorden dat we in het volgende project alles moesten coderen, werd ik wel een beetje bang. Ik twijfelde of het me zou lukken om te coderen, maar ik heb hierdoor mijn ontwerpen niet eenvoudiger gemaakt. Ik ben trots op het geleverde product, maar er is altijd ruimte voor verbetering. Daarom hebben we deze verbeteringen ook doorgevoerd in het volgende project.