404 – page not found: hoe ga ik gedurfd en creatief in de fout?

404_Illustratie | Compagnon Agency

De 404-pagina is al meer dan 30 jaar lang het zorgenkindje van het World Wide Web. Vaak (lees: bijna altijd) vergeten en een enorme bron van frustratie voor veel gebruikers over de hele wereld.

Maar zie, in dit bericht geven we je wat meer duiding en tips bij deze iconische pagina. We vertellen je hoe je deze pagina omzet in een nuttige pagina die de UX van jouw website verbetert.

Sir_Tim_Berners-Lee-1200x800-832487989 | Compagnon Agency

Vanwaar de 404-code?

Het verhaal gaat dat Tim Berners-Lee, founding father van het World Wide Web, een kamer op de vierde verdieping van z’n kantoor had die soms moeilijk te vinden was. Hierdoor werd “kamer 404” synoniem voor een ‘vermissing’.

Jammer genoeg werd dit verhaal ontkracht door Tim zelf, en is het echte verhaal een pak minder spectaculair. De foutreeks 400 staat voor alle fouten die gemaakt worden aan de ‘client-side’, de gebruikerskant van de website. Status code 404 is daarvan het meest bekende voorbeeld.

Gebruikers die op een 404-pagina komen willen zo snel mogelijk terug op de goede weg gezet worden.

Maarten, designer

Het nut van een goed ingestelde 404-pagina

Een goed uitgewerkte 404-pagina is informatief, gebruiksvriendelijk en verstaanbaar. Gebruikers die op een foutpagina komen, hebben in eerste instantie niet de intentie om op die pagina terecht te komen.

Vertel daarom duidelijk het nut van deze pagina en hoe de bezoeker daar terecht gekomen is. Een voorbeeld van enkele omschrijvingen:

  • De pagina die je zocht bestaat niet langer
  • Het product die je zoekt is niet meer beschikbaar
  • Het artikel die je wilt lezen is niet meer beschikbaar

Om je gebruiker aan te zetten verder te surfen op jouw website kan het nuttig zijn om pro-actief een aantal pagina’s voor te stellen:

  • Bekijk ons laatste nieuwe panden
  • Lees onze laatste blogberichten
  • Ontdek onze werkwijze en expertise
3959411750734ded7ab14f197cf68b0932d300e9163d6c6a33b409029a1844d9 | Compagnon Agency

Een voorbeeld van een 404-pagina voor projectontwikkelaar Ipon

Hou het luchtig

Om even de proef op de som te nemen, kun je hier onze eigen 404-pagina vinden. We houden het bewust luchtig. Gebruikers die op een 404-pagina komen hebben niets aan codetaal of onverstaanbare foutmeldingen. Ze willen zo snel mogelijk terug op weg gezet worden.

Waarom niet van de gelegenheid gebruik maken om jouw USP’s uit te lichten? Of om je laatst toegevoegde projecten, portfolio of blogberichten te tonen? In een ideale modulaire omgeving, is het mogelijk om de 404 pagina helemaal zelf samen te stellen. Zo kies je zelf welke content jij in de picture wil zetten op deze pagina.

💡 Tip: een leuke gif werkt altijd!

Onze eigen collectie

Ter inspiratie sommen we graag enkele voorbeelden op van 404-pagina’s die wij ontwikkeld hebben. Nood aan een partner die helpt meedenken over jouw webproject?