Gebruiksvriendelijkheid

Navigatie

In de primaire navigatie worden uitklapmenu's gebruikt. Dit maakt de besturing lastig als je met je muis of trackpad een stukje te ver uitschiet ben je het hele menu kwijt. Overweeg om het submenu pas te tonen na een klik op het hoofdniveau, zodat het submenu niet zomaar verdwijnt. Ook dit kan weer uitdagingen met zich meebrengen. Of overweeg om een groot uitklapmenu te maken, waarbij alle categoriën in een keer uitklappen, zoals bijvoorbeeld gov.uk of ns.nl doen.

De active state in het hoofdniveau lijkt erg veel op de default state. De hover state van sub-items zijn gelijk aan de active state. Door een duidelijker onderscheid te maken zal de navigatie gebruiksvriendelijker worden. Overweeg bijvoorbeeld om de achtergrondkleur van de active state op hoofdniveau donkerder te maken, zodat duidelijker is waar de gebruiker zich bevindt.

Call to actions

De buttons vallen goed op. Op sommige plaatsen is de tekst (de call to action) vrij lang, zoals "Begin met een dynamisch energiecontract". Als uit de titel of USP-lijst kan blijken wat voor een contract het is, zou de button "Begin nu" kunnen communiceren. Dit is compact, actief en urgent.

Interactiepatronen

Slider

De slider op de pagina SDE Subsidiecheck (Zonnestroom Nederland) is niet echt gebruiksvriendelijk. Zeker gezien de brede range die gefaciliteerd wordt, is het lastig om het gewenste getal te bereiken. Een bedrijf zal immers een exact getal willen invullen, en waarschijnlijk alsnog het tekstveld gebruiken om deze waarde in te voeren. Is een exacte waarde nodig voor dit formulier? Anders zou er ook voor een selectiemenu gekozen kunnen worden met daarin gegroepeerde waardes. Bijvoorbeeld: Klein (50-199 m2), Gemiddeld (200-399 m2), Groter (400-999m2), Groot (1.000-9.999 m2), 10.000 m2 of groter.

Interactieve grafiek

De interactieve grafiek op de pagina "Dynamische zakelijke energie" is een fijn element en geeft helder inzicht in de prijzen. Bij het gebruik van dit element is er een korte laadtijd waardoor de pagina verspringt en er tijdelijk geen grafiek te zien is. Dit is eenvoudig op te lossen door het element een vaste hoogte te geven. Overweeg ook een soepelere overgang te maken tussen de verschillende views, door bijvoorbeeld een laad animatie te tonen.

Op mobiel wordt de grafiek mooi aangepast aan het type toestel. Doordat er op kleine schermen een datum selectie wordt getoond, blijft de grafiek prettig in gebruik.

Animatie

De animerende pijltjes en lijnen in het primaire menu zijn speels, en kunnen daardoor ook afleiden. Gebruik micro animaties om de gebruiker de goede kant op te sturen en om feedback te geven.

In de primaire buttons is de animatie van het pijltje veel subtieler en rustiger. Het bevestigt de bezoeker dat dit de juiste keuze is.

Formulieren

We zijn alleen op de Zonnestroom-pagina "Subsidiecheck SDE" een formulier tegengekomen. Hierbij viel het op dat er tijdens het invullen van het e-mailadres al een foutmelding verschijnt, wanneer deze nog niet volledig is. Dit kan als storend ervaren worden, al helemaal omdat deze velden niet verplicht zijn. Wellicht kunnen deze fouten in de volgende pagina ("Stap 2") afgehandeld worden.

Met betrekking tot de slider, zie het onderdeel "Interactiepatronen" hierboven.