Bovenaan de pagina is er altijd een header toegankelijk voor de gebruiker.

Header

Untitled

Figuur 1: Header

Bovenaan vind de gebruiker een header, die voor de ouder ‘bovenbalk’ genoemd wordt. Hier vinden ze een knop voor de hoofdpagina, een zoekbalk en een knop met een navigatiemenu. Onder de header is er nog een ‘geschiedenisbalk’ aanwezig waar ouderen mee terug kunnen navigeren naar voorgaande pagina’s vanaf de hoofdpagina.

Zoekbalk

Untitled

Figuur 2: Zoekbalk - empty state

Untitled

Figuur 3: Zoekbalk - hover state

Untitled

Figuur 4: Zoekbalk - ingevuld met de tekst ‘Activiteiten’

Untitled

Figuur 5: Zoekbalk - Laadscherm

Untitled

Figuur 6: Zoekbalk - Resultaten

Menu

Rechtsboven is er een navigatiemenu die ‘wat wilt u doen?’ genoemd is. Vragen werken erg goed bij ouderen bleek tijdens het testen. ‘Wat wilt u doen?’ was erg populair onder ouderen toen er meerdere knoppen in de header stonden.

Navigation.png

Figuur 7: Navigatiemenu en hulp tusseniteratie 1 | Onderstreping en nieuwe iconen

Navigation.png

Figuur 8: Navigatiemenu en hulp tusseniteratie 2 | Koppen toegevoegd

Navigation1.png

Figuur 9: Navigatiemenu en hulp

Gekleurde iconen met meer detail waren erg populair onder de ouderen. Daarnaast is het voor de ouderen een stuk duidelijker als klikbare elementen onderstreept zijn. Er werd daarom gekozen voor een menu met verschillende kleurrijke iconen.

Ook werden er koppen toegevoegd zodat het voor de ouder duidelijker is wat alles precies inhoudt. Om de onderstreping beter te benadrukken en ook een beter onderscheidt te maken tussen kop en link, werd het lettertype minder vet gemaakt.