Bad website design examples 2019

Timo van Loon

Bad website design examples 2019

Je leest dit artikel in 5 minuten

Welkom, beste lezer. Neem even de tijd. We gaan het vandaag hebben over iets wat ons allemaal raakt, iets wat soms frustratie opwekt, maar waar we vaak te weinig bij stilstaan: slechte website design voorbeelden van 2019. Misschien herinner je je die momenten nog. Je zoekt iets urgents, klikt op een link, en dan… de teleurstelling slaat toe. Je bent op een digitale plek beland die je liever zo snel mogelijk weer verlaat. Dat gevoel kennen we allemaal, toch?

Hoewel 2019 alweer even achter ons ligt, bieden de ontwerpfouten van toen nog steeds waardevolle lessen voor de digitale ervaring van vandaag. Door kritisch te kijken naar wat er misging, verbeteren we hoe jij nu en in de toekomst online communiceert. Laten we samen die ‘digitale valkuilen’ van destijds eens onder de loep nemen.

Waarom slechte ontwerpen blijven hangen in ons geheugen

Een website is jouw digitale visitekaartje, je etalage. Als die etalage rommelig, onduidelijk of zelfs pijnlijk is om naar te kijken, dan heeft dat directe gevolgen voor hoe mensen jouw boodschap ontvangen. Slechte website navigatie in 2019 was een beruchte boosdoener. Bezoekers willen snel hun doel bereiken. Als ze moeten zoeken naar de ‘contact’-pagina of de productinformatie, ervaren ze wrijving. En wrijving is de vijand van conversie.

We kijken naar patronen die destijds vaak voorkwamen. Deze voorbeelden van onhandige UX (User Experience) zijn tijdloos in hun fout. Ze laten zien hoe gemakkelijk het is om de gebruiker te vergeten in het ontwerpproces, net zoals bij onhandige design menu’s. Goede menu’s zijn essentieel voor een prettige website-ervaring, en je vindt tal van menu design voor websites tips inspiratie om je te helpen.

.

De visuele chaos: te veel, te snel

Herinner je je die websites nog die schreeuwden om aandacht? Te veel felle kleuren die botsten? Dat is een klassiek voorbeeld van wat we ‘visuele overbelasting’ noemen. In 2019 zagen we nog veel sites die dachten dat meer elementen gelijkstaan aan meer informatie. Het tegenovergestelde is waar. Jouw oog weet niet waar het moet kijken. Dit leidt tot vermoeidheid bij de bezoeker.

Denk bijvoorbeeld aan:

  • Onleesbare tekstkleuren: Lichtgrijs op wit is een absolute no-go. Het maakt de tekst onleesbaar, vooral voor mensen met een verminderd gezichtsvermogen.
  • Te kleine lettertypes: Als je een vergrootglas nodig hebt om de kleine letters op je mobiel te lezen, faalt het ontwerp. Dit is een veelvoorkomend probleem bij slechte mobiele website lay-outs.
  • Overmatig gebruik van animaties: Flitsende banners of constant bewegende achtergronden leiden af van de kernboodschap. Ze verlagen de laadsnelheid en irriteren.

Bad website design examples 2019De frustratie van trage laadtijden

Snelheid is koning, dat is altijd zo geweest. Maar in de tijd van 2019 hadden sommige websites nog steeds enorme, ongeoptimaliseerde afbeeldingen. Elke seconde telt. Als jouw pagina er te lang over doet om te verschijnen, haken mensen af. Dit is een van de meest voorkomende redenen voor een hoog bouncepercentage op websites.

Stel je voor, je probeert snel een adres op te zoeken. Je wacht… en wacht. De kans is groot dat je naar de concurrent klikt die direct een kaart toont. De technische implementatie van het design speelde hier een cruciale rol. Goed design gaat verder dan alleen de look; het omvat de technische prestaties onder de motorkap.

Navigatie die je verdwaalt

Als je het gevoel hebt dat je een doolhof betreedt wanneer je probeert te navigeren, dan zit je op een website met een slecht ontworpen menustructuur. Dit is cruciaal voor elke online aanwezigheid, van een kleine lokale bakkerij tot een grote e-commerce site. De architectuur van je informatie moet logisch zijn.

VIDEO: Internets Worst Website Designs

Verwarrende menu’s en dubbele paden

Een veelvoorkomende zonde in de ontwerpen van die tijd was de ‘mega-menu’s’ die zo groot werden dat ze de helft van het scherm bedekten. Of erger nog: onlogische categorisering. Je zoekt naar ‘schoenen’ en je vindt ze onder ‘accessoires’ of ‘vrijetijdsartikelen’. Dit soort fouten frustreert de bezoeker enorm. Je wilt dat mensen gemakkelijk vinden wat ze zoeken, bijvoorbeeld door duidelijke website menu structuur tips toe te passen.

We zien dit ook vaak terug bij slechte call-to-action (CTA) knoppen. Is de knop ‘Nu Kopen’ oranje of blauw? Het maakt minder uit dan de *plaatsing* en de *context*. Als de CTA verdwijnt in een zee van andere knoppen, dan wordt het doel van de pagina genegeerd.

Interessante websites

Voor een uitgebreide blik op Bad website design examples 2019, raadpleeg deze geselecteerde bronnen.

De mobiele misser: Alleen voor desktop

Hoewel responsive design al jaren de norm is, bleven in 2019 veel websites worstelen met de overgang naar mobiel. Dit is misschien wel de grootste ontwerpfout van dat jaar. Mensen gebruiken hun telefoon. Altijd. Een website die er op een klein scherm uitziet als een verkleinde desktopversie, is onbruikbaar.

Wat zag je dan?

  • Teksten die je horizontaal moest scrollen.
  • Knoppen die zo dicht op elkaar stonden dat je per ongeluk op de verkeerde klikte.
  • Formulieren die veel te breed waren om comfortabel in te vullen.

Deze ervaringen leiden direct tot het verlaten van de site. Het is belangrijk om te onthouden dat voor mobiele gebruikers de vuistregel is: zo min mogelijk klikken en zo min mogelijk typen.

Vormgeving die de inhoud verstikt

Design moet de inhoud ondersteunen, niet domineren. Soms zie je ontwerpen waarbij de vorm zó complex is dat de boodschap verloren gaat. Dit is de strijd tussen esthetiek en bruikbaarheid.

Afleidende achtergronden en onnodige pop-ups

Denk aan die zware, drukke achtergrondafbeeldingen. Ze geven je een ‘gevoel’, maar ze maken de tekst eroverheen onleesbaar. Een subtiele textuur werkt vaak beter dan een dramatische foto die constant om aandacht vraagt.

En dan die pop-ups. Die kregen in 2019 hun hoogtepunt van irritatie. Meteen bij binnenkomst een groot venster dat je vraagt je in te schrijven voor de nieuwsbrief, terwijl je nog geen idee hebt wat je krijgt. Deze ‘intrusive interstitials’ (zoals experts ze noemen) onderbreken de flow en zijn een typisch voorbeeld van slechte website conversie tactieken als ze verkeerd worden ingezet.

Gebrek aan duidelijke hiërarchie

Elke pagina heeft een doel. Wat is de belangrijkste informatie? Wat is secundair? Goed design gebruikt witruimte, grootte en contrast om de lezer te leiden. Slechte designs hebben alles even belangrijk gemaakt. Je ziet lange lappen tekst zonder duidelijke tussenkopjes of bullet points. Dit maakt scannen onmogelijk.

Als jij als bezoeker niet binnen drie seconden kunt bepalen waar de pagina over gaat, heeft het design gefaald. Dit gebrek aan visuele hiërarchie is een constante terugkerende fout bij minder succesvolle websites.

De lessen die we meenemen uit 2019

Hoewel we kijken naar voorbeelden uit het verleden, zijn de principes van goed design universeel. Wat we leren van die minder geslaagde sites is de blijvende noodzaak van empathie voor de gebruiker. Jouw wensen als eigenaar van de site zijn ondergeschikt aan de behoeften van degene die de site bezoekt.

Door te focussen op helderheid, snelheid en intuïtieve navigatie, vermijd je de valkuilen die we hierboven bespraken. Elk ontwerpelement moet een doel dienen. Is dat doel onduidelijk? Dan is het element waarschijnlijk overbodig.

Veelgestelde vragen over slecht website design

Wat is de meest storende factor op een slechte website?

De meest storende factor is vaak het gebrek aan snelheid, gevolgd door onleesbare tekst en verwarrende navigatie. Bezoekers verlaten een site als ze hun informatie niet direct kunnen vinden.

Heeft kleurgebruik echt zoveel invloed op de bruikbaarheid?

Jazeker. Kleurgebruik bepaalt contrast en leesbaarheid. Felle, botsende kleuren of te lage contrasten maken de inhoud moeilijk te verwerken, wat direct de gebruikerservaring negatief beïnvloedt.

Is responsive design nu echt de norm?

Ja. Vrijwel al het verkeer komt tegenwoordig van mobiele apparaten. Een website die niet goed schaalt naar verschillende schermformaten, wordt als verouderd en onprofessioneel beschouwd.

Geef een reactie