Veel complexe taken worden opgesplitst in kleine stappen. Om het voor de doelgroep extra duidelijk te maken hoe er door die stappen genavigeerd moet worden wordt er gebruik gemaakt van grote opvallende knoppen met de tekst ‘volgende stap’ en ‘vorige stap’. Op die manier krijgt de doelgroep minimale informatie in 1 keer op het scherm en kan de gebruiker rustig door de stappen heengaan.

Hieronder vind u een paar enkele voorbeelden van onderdelen die in kleine stappen zijn opgesplitst.

Leesbaarheidsinstellingen instellen

Wanneer de gebruiker voor het eerst op de website komt kan zij verschillende leesbaarheidsinstellingen stap voor stap instellen. Ook wanneer de gebruiker via de hulpknop de leesbaarheidsinstellingen wilt aanpassen wordt dit op dezelfde manier stap voor stap gedaan.

Homepage.png

Homepage-1.png

Figuur 2 | Tekst vergroten - standaard

Figuur 1 | Introductie leesbaarheidsinstellingen

Homepage-3.png

Homepage-6.png

Figuur 4 | Tekst voorlezen - Uitleg proces

Figuur 3 | Selectie tekst voorlezen

Homepage-2.png

Homepage-7.png

Figuur 6 | Selectie kartelrand

Figuur 5 | Selectie zwart/wit filter

Introductie op de website

De introductie van de website zelf wordt net zoals de leesbaarheidsinstellingen ook stap voor stap uitgelegd.

Homepage-2.png

Figuur 7 | Introductie website uitleg

Homepage-3.png

Figuur 7 | Introductie header

Homepage-4.png

Figuur 8 | Header uitleg - Logo

Homepage-5.png

Figuur 9 | Header uitleg - Hoofdpagina knop

Homepage-6.png

Figuur 10 | Header uitleg - Zoekbalk

Homepage-7.png

Figuur 11 | Header uitleg - Menu-knop

Homepage.png

Figuur 12 | Header uitleg - Menu

Homepage-1.png

Figuur 14 | Extra hulpknop versie 4.0

Untitled

Figuur 13 | Scrollen uitleg versie 4.0

Schrijven van een bericht

State=START.png

Figuur 15 | Selectie reden bericht .

State=MailEmpty.png

Figuur 17 | Bericht opstellen - Email invullen

State=NameEmpty.png

Figuur 16 | Bericht opstellen - Naam invullen

State=MessageNoteEmpty.png

Figuur 18 | Bericht opstellen - Bericht schrijven met notitielijnen

State=Overview.png

Figuur 19 | Bericht opstellen - Overzicht

State=State11.png

Figuur 20 | Bericht opstellen - Eindscherm

Bekijken van een activiteit