Om een relevant product voor ouderen op te stellen, doe ik onder andere onderzoek naar bestaande producten. Aan de hand van een benchmark creation kijk ik naar websites die informatie geven en applicaties die contact leggen met ouderen. Door deze producten te onderzoeken en te vergelijken ontstaan er interessante bevindingen die ik kan gebruiken in mijn product.

Uit dit onderzoek heb ik meerdere goed vormgegeven elementen gevonden die ook zeker voor mijn ontwerp van toepassing zijn.

Best practices

Zwart/wit-filter voor toegankelijkheid. Door de website in een zwart/witte omgeving te tonen wordt de website gelijk een stuk leesbaarder voor ouderen. Ook haalt het veel drukte weg bij de ouder.
Mogelijkheid om tekst te vergroten. Door de tekst te kunnen vergroten wordt op een tweede manier de toegankelijkheid voor de ouder bevorderd.
Grote letters, geen hoofdletters. Tekst is een stuk leesbaarder wanneer er makkelijker onderscheidt gemaakt kan worden tussen soorten letters aan de hand van uitstekringen.
Geen serifs. Serifs zorgen voor extra complexiteit bij letters wat de leesbaarheid verslechterd
Niet te veel content op 1 pagina. Alle websites en producten laten niet te veel content in 1 keer zien. Grote tekst, veel witruimte, afbeeldingen en grote secties. Dit komt rustig over en laat duidelijk de content zien.
Zoekbalk duidelijk in beeld ten alle tijden. Ouderen lezen alles, wat erg vermoeiend is. Wanneer ouderen opzoek zijn naar een specifiek iets, is naast het geven van ‘shortcuts’ een zoekbalk essentieel.
Duidelijke felle borders rondom focus-element. Het ouderenfonds geeft een grote felle border rondom de zoekbalk wanneer dat het huidige focus-element is. Dit is erg slim om de aandacht bij de ouder vast te houden dat ze hier nu moet focussen.
Zo min mogelijk input voor de gebruiker. Applicaties hebben de grootste kans op slagen als de ouder zo min mogelijk hoeft te doen. Complexe taken zoals een webcam aanzetten kan erg ingewikkeld worden voor een ouder.
Gebruik combinaties van afbeeldingen en tekst. Om meer duidelijkheid te creeëren kun je beginnen met afbeeldingen en iconen zodat het in één oogopslag duidelijk is wat het is. Om twijfels dan nog te vermijden moet er ook een woord bij geplaatst worden die de afbeelding of icoon beschrijft of uitlegt.
Knoppen daadwerkelijk vormgeven als knoppen. Geef knoppen een 3d-effect door te werken met schaduwen en gradients.

Good practices

Donker gekleurde tekst op lichte achtergronden. Ondanks dat zwart op wit het beste werkt, kun je ook donkere kleuren en lichte achtergronden gebruiken. Zolang er een contrastratio van minimaal 70 procent aanwezig is en niet dezelfde kleurfamilie wordt gebruikt voor achtergrond en tekst, is de tekst goed te lezen.
Hyperlinks onderstrepen. Ondanks dat echte knoppen het beste werken, kan er ook gebruik gemaakt worden van onderstreepte hyperlinks. Te veel knoppen wordt al gauw onoverzichtelijk, zeker in het menu. Door de hyperlinks te onderstrepen is het extra duidelijk dat hierop geklikt kan worden.
Zwarte omgeving met witte tekst; wit op zwart. Voorkeur is zwart op wit maar wanneer er meer focus gevraagd wordt voor stukken tekst, kan wit op zwart ook werken.

Bad practices

Ook vielen er wat dingen op die in mijn ogen beter kunnen. Hier moet ik ook op letten tijdens het ontwerpen.