De header is vrijwel hetzelfde gebleven. Alleen de zoekbalk is nu geïmplementeerd. Ook is het menu aangepast.

Zoekbalk

Voor de zoekbalk zijn er een paar tusseniteraties geweest waarbij de daadwerkelijke zoekknop vormgegeven is zoals alle andere secundaire knoppen. Dit brengt consistentie naar de website. Toch ben ik persoonlijk bang dat dit door het lage verschil in contrastratio verwarring zal brengen bij de gebruiker. Ik denk persoonlijk dat de knop of de zoekbalk minder snel herkent zal worden wanneer deze vormgegeven wordt zoals de secundaire knop.

Om erachter te komen of mijn aannames kloppen wil ik de zoekbalk ook gaan ondervragen net zoals ik gedaan heb bij de vormgeving van knoppen elke test.

Untitled

Figuur 1: Zoekbalk - Tusseniteratie 1

Untitled

Figuur 2: Zoekbalk - Tusseniteratie 2

Uiteindelijke versie

Untitled

Figuur 3: Zoekbalk - Huidige versie

Wanneer de gebruiker met haar of zijn muis in de zoekbalk komt verschijnt er, als dat ingesteld is, een kartelrand. Daarnaast verschijnt er een lijn waarop getypt kan worden en verschuift het label omhoog zodat deze niet verborgen wordt.

Vervolgens als de gebruiker iets heeft ingetypt kan er op de zoekknop gedrukt worden. Dit geeft vervolgens de resultaten in een uitgeklapt venster.

Untitled

Figuur 4: Zoekbalk - Hovereffect

Untitled

Figuur 5: Zoekbalk - Zoekterm ingevuld

Vervolgens als de gebruiker iets heeft ingetypt kan er op de zoekknop gedrukt worden. Dit geeft vervolgens de resultaten in een uitgeklapt venster.

Untitled

Figuur 6: Zoekbalk - Resultaten

Menu

Het menu was nog niet helemaal duidelijk voor elke ouder. De pagina’s werden snel gevonden, maar de hulpknoppen waren nog te verstopt. Dit had te maken met het feit dat deze functies geen betreffende icoon hadden. Deze zijn daarom nu toegevoegd.

Daarnaast zijn de menuitems nu ook onderstreept om duidelijkheid te geven dat dit links zijn en hierop geklikt kan worden. Uit de testen met de ouderen en vanuit de design pattern search bleek dat ouderen dit duidelijker vinden.

Ook zijn de mogelijke klikbare elementen veranderd. De ‘lid worden en voordelen’-pagina is veranderd naar ‘voordelen’. Dit omdat ouderen niet te veel willen zoeken en direct iets willen doen. Er is daarom een extra menuitem toegevoegd met de tekst ‘lid of vrijwilliger worden’. De lange tekst zorgt ervoor dat dit opvalt wanneer de gebruiker hiernaar zoekt. Wanneer hierop geklikt wordt verschijnt er direct een venster waar ze een bericht kunnen opstellen naar de contactpersoon. Daarnaast is er nu 1 tussenscherm voor het nieuws. Uit de testresultaten bleek dat nieuws en nieuwsbrieven vaak door elkaar gehaald worden. Daarom is hier nu een extra stap aan toegevoegd. Er is nu 1 pagina waar ze op kunnen klikken om het nieuws te bekijken. Vervolgens kunnen ze kiezen of ze de nieuwsbrieven willen lezen of het actueel nieuws.

Untitled

Figuur 7: Menu HiFi 3.0

Navigation.png

Figuur 8: Menu HiFi 4.0