De documentatie van het Design System is nog in bèta en wordt stapsgewijs aangevuld.
Een foutpagina laat weten aan de gebruiker dat de pagina voor ogen momenteel niet raadpleegbaar is. Dit kan verschillende oorzaken hebben, zoals technische storingen of simpelweg niet de juiste rechte hebben als gebruiker. Hoe dit eenduidig communiceren naar de gebruiker toe, vindt u hier terug.
Algemene indeling
Desktop
Het ontworpen geraamte van een foutpagina ziet er als volgt uit:
- De tekst van de foutmelding dient links uitgelijnd te worden. Onderaan de tekst is er plaats voor een actieknop met daaronder openklapbare inhoud.
- Rechts is er plaats voor een ludieke illustratie, om het wat op te fleuren.
Mobiel
Voor mobiele toestellen kan de indeling er als volgt uitzien:
- Alles verschijnt onder elkaar.
- De eventuele illustratie kan als eerst verschijnen.
- Vervolgens komt de tekst van de foutmelding daaronder.
- Onderaan de tekst is er plaats voor een actieknop met daaronder eventuele openklapbare inhoud.
Idealiter neemt de actieknop de volledige breedte van het scherm in, zodat deze makkelijker aan te klikken wordt.
Inhoud
Redactierichtlijnen
- Spreek mensentaal: Probeer de boodschap zo menselijk mogelijk over te brengen. Vermijd daarom technische termen.
- Raadpleeg de redactierichtlijnen (Heerlijk helder)
Concrete invulling
De meeste foutpagina’s zijn te herleiden naar volgende inhoud:
- Titel: Maak meteen duidelijk aan de gebruiker dat de pagina niet geraadpleegd kan worden en waarom dat zo is. Wees duidelijk maar op een beknopte manier. Idealiter mapt de titel op een maximum van 2 lijnen.
- Tekst: Wijd eventueel wat verder uit en licht toe wat de gebruiker’s andere opties zijn. Hou het hier ook beknopt.
- Actieknop: Geef de gebruiker de optie om verder te kunnen, zodat ‘ie niet vast komt te zitten op de foutpagina. Dergelijke voorbeelden zijn een ‘Probeer opnieuw’ knop, of ‘Terug naar homepagina’.
- Openklapbare inhoud voor verdere toelichting: Meer details (meestal technisch) over de foutmelding kunnen voorzien worden in openklapbare inhoud voor zij die hier toch meer over willen weten.
Illustraties
Een illustratie kan de foutpagina minder saai of droog doen lijken. Bovendien biedt het de mogelijkheid om wat humor of branding toe te voegen.