Slechtste fouten in webdesign: 10 voorbeelden van slechte websites

Bijgewerkt: 13 januari 2021 / Artikel door: Lori Soard

Of je nu cursussen hebt gevolgd aan de plaatselijke gemeenschapsschool, met het maken van websites jarenlang, of als je amateur bent terwijl je leert, zijn er een aantal dingen die elke webdesigner moet vermijden als hij wil dat bezoekers tijd doorbrengen op zijn site.

Je hebt waarschijnlijk de term 'kleverig'Met verwijzing naar een website.

Dit betekent simpelweg een site waar de bezoeker rond wil blijven - een site die bij de browser blijft en die ze bookmarks en bezoekt. Er zijn zoveel elementen die nodig zijn om een ​​site plakkerig te maken dat het een heel ander onderwerp is.

Er zijn echter zeker enkele fouten in het ontwerp van het web die een site kunnen maken waar bezoekers vanaf willen rennen. Hier zijn de ontwerp-no-no's die je moet vermijden.

Fout #1: wisselende kleuren

Kleuren die zo helder zijn dat ze je ogen pijn doen of kleuren die met elkaar botsen, kunnen ervoor zorgen dat een sitebezoeker weg wil rennen van een webpagina.

Probeer bij het plannen van het thema van uw website kleuren te kiezen die elkaar aanvullen. Geel werkt zelden als hoofdkleur, hoewel het er goed uit kan zien als accent. Elke kleur van de regenboog gebruiken is ook zelden een goed idee.

Voorbeeld van slechte websitesite: Moradito

Slechte ontwerpvoorbeelden
Deze site gebruikt bijna elke denkbare kleur in een puzzel-achtig patroon. De enige manier om het te beschrijven is lelijk.

Fout #2: te veel afbeeldingen

Als u uw webpagina overrompelt met afbeeldingen, gebeuren er twee verschillende dingen.

Ten eerste wordt de pagina zo druk dat bezoekers misschien niet zeker weten waar ze moeten klikken of waarnaar ze eerst willen kijken.

Ten tweede, als een gebruiker een langzamere internetverbinding heeft, kan het te lang duren voordat de pagina is geladen. Na 30 seconden zullen de meeste mensen vertrekken en doorgaan naar een andere site. We leven in een tijdperk waarin alles onmiddellijk is. Als je de eerste paar seconden de aandacht van de klant niet trekt, loop je het risico haar helemaal te verliezen.

Voorbeeld van slechte websitesite: Pine-Sol

Slechte ontwerpvoorbeelden
Deze site heeft zoveel afbeeldingen dat het er gewoon rommelig uitziet. Bovenop de talrijke afbeeldingen bewegen de afbeeldingen over de hele pagina, dus zelfs als de bezoeker op een van de afbeeldingen wilde klikken, zou ze ze met haar muis moeten achtervolgen.

Fout #3: Langzame laadtijd

Wordt uw website zo langzaam geladen dat de bezoeker tijd heeft om een ​​kop koffie en een donut te pakken voordat hij terugkomt?

Als u te veel elementen toevoegt, zoals flash, geluid, tonnen afbeeldingen met hoge resolutie of javascripts, kan een site langzamer en langzamer worden geladen. Houd er rekening mee dat hoewel de meeste van uw bezoekers een hoge snelheid hebben, er nog steeds landelijke klanten zijn die inbellen en geen toegang hebben tot uw site als deze te traag laadt.

Tip: Controleer de snelheid van de site en krijg verbeteringsadviezen via Google Page Speed ​​Insights.

Snelheid is niet alleen essentieel voor de gebruikerservaring, het is ook een zeer belangrijke rangschikkingsfactor. Paginasnelheid werd een rangschikkingsfactor voor zoekmachines in 2010 en in juni 2016 meldde Google dat het de rangschikkingsfactor voor paginasnelheid zal bijwerken om specifiek naar de paginasnelheid van uw mobiele pagina's te kijken. Aangezien mobiel zoeken goed is voor meer dan de helft van de zoekopdrachten van Google, moet de mobiele paginasnelheid ook worden geoptimaliseerd.

- Bron: Vergroot uw SEO met een betere sitesnelheid

Voorbeeld van slechte websitesite: The Museum of Me

Slechte ontwerpvoorbeelden
De flitser op deze website zorgt ervoor dat deze heel langzaam laadt. Daarbovenop is er geen direct zichtbare link om de flits over te slaan. Browsers met tragere downloadsnelheden zullen deze site zo lastig vinden om te laden dat ze waarschijnlijk de site verlaten en nooit meer teruggaan.

Fout #4: Te veel advertenties

Contentwebsites en blogs verdienen geld met adverteren in plaats van met het verkopen van producten. Waar veel website-eigenaren echter falen, is door zoveel advertenties toe te voegen dat de bezoeker het verschil tussen inhoud en advertenties niet kan zien. Als de bezoeker moet zoeken om het artikel of de rest van een artikel te vinden, dan is er teveel reclame op de pagina. Een of twee advertenties die op de site worden geplaatst, zijn het beste. Meer dan dat en je loopt het risico je browsers te irriteren.

In feite, in een digitaal advertentierapport uitgevoerd door Upstream en YouGov in 2012, vonden ze dat ongeveer 20% van de consumenten zei dat als een bedrijf te veel adverteerde, ze dat bedrijf nooit meer zouden gebruiken.

Voorbeeld van slechte websitesite: Hemmy.net

Slechte ontwerpvoorbeelden
Op verschillende pagina's van deze website gaat het volledige weergavegebied boven aan de pagina over 90% advertenties van verschillende soorten. Om naar de inhoud van de pagina te gaan, moet men naar beneden scrollen. Zelfs daar is er overal verspreid reclame. Het is zo afleidend dat het moeilijk is om je op de site te concentreren.

Fout # 5: bewerken van amateurfoto's

Niets schreeuwt amateur luider dan een afbeelding die niet goed is bewerkt. Websites met dit type probleem hebben mogelijk uitgesneden afbeeldingen met fuzzy borders, automatisch gecorrigeerde kleuren die eraf lijken, slechte laagtechnieken waardoor het duidelijk wordt dat twee afbeeldingen aan elkaar zijn geplakt of vreemde proporties hebben die met de grootte zijn aangepast.

Tip: Maak online gebruik van gratis beeldbewerkingstools: canva, Pic Monkey

Voorbeeld van slechte websitesite: Peter's Bussen

Slechte ontwerpvoorbeelden
Er zijn verschillende problemen met de afbeeldingen op deze pagina. Ten eerste is er de bus met een witte in plaats van transparante achtergrond die gewoon op de pagina is neergestreken en er amateuristisch uitziet. De twee foto's aan de rechterkant zijn ook problematisch omdat ze zijn uitgerekt en van grootte zijn veranderd zonder dat de verhoudingen werden gehandhaafd. De foto's zien er slecht uit en de mensen aan de rechterkant lijken zo uitgestrekt dat ze reuzen kunnen zijn in het land van Lilliput.

Fout # 6: Ontwerpen die een driejarige zou kunnen maken

Als uw website eruitziet alsof u Microsoft Word hebt geopend, een stuk Word Art hebt gemaakt en de site op internet hebt gezet, wilt u misschien uw ontwerpelementen opnieuw bekijken. Hoewel eenvoud een welkome afwisseling is van sommige van de drukkere sites, riskeert u dat uw site er jong en goedkoop uitziet als u te simpel gaat.

Voorbeeld van slechte websitesite: Cyber ​​D-Sign Clan

Slechte ontwerpvoorbeelden
De ontwerper heeft zelfs de kleuren van de woorden niet veranderd van het standaardontwerp waarmee MS begint. Dit ontwerp is zo eenvoudig dat het onmiddellijk herkenbaar is als een basispatroon van Microsoft-patroon en Word Art.
Slechte ontwerpvoorbeelden
Bovendien probeert een pop-uppagina te laden. Dit kan over het hoofd worden gezien als het ontwerp beter was als je de intro overslaat en doorklikt naar de hoofdpagina. Het ontwerp van de gelinkte pagina (hieronder) is echter net zo teleurstellend.

Fout #7: Slechte navigatie

Zelfs als een website een visueel aantrekkelijk ontwerp heeft, kunnen bezoekers gefrustreerd raken en slechte navigatie achterlaten.

Bijvoorbeeld sites zonder een duidelijke link of met zoveel items dat het moeilijk is om te beslissen waar te gaan. Een probleem waarmee veel website-eigenaren worden geconfronteerd, is een kleine site die plotseling groter wordt. Navigatie die werkte toen de site vijf pagina's had, werkt simpelweg niet wanneer de site 500 pagina's heeft. Kijk hoe de site kan worden herwerkt en geherstructureerd in categorieën en subcategorieën, zodat bezoekers precies weten waar ze terecht kunnen voor wat ze willen. Het is ook slim om een ​​zoekvak toe te voegen.

Voorbeeld van slechte websitesite: LawnSignDirectory.com

Slechte ontwerpvoorbeelden
De bezoeker verwacht een doorzoekbare richting voor hun gebied, maar in plaats daarvan zijn er tientallen links vermeld aan de linkerkant van de pagina, advertenties aan de rechterkant en een paar uitgelichte bedrijven. Deze site zou kunnen profiteren van een vernieuwing van de organisatiestructuur, zodat bezoekers gemakkelijk de bronnen kunnen vinden waarnaar ze op zoek zijn.

Fout # 8: Tekstproblemen

Webontwerpers die een drukke achtergrond gebruiken en vervolgens een tekstkleur kiezen die niet voldoende contrast biedt, maken hun webpagina's onleesbaar. Als de ogen van een bezoeker zich bezeren na het lezen van één artikel, waarom zou ze dan blijven om meer pagina's van uw site te lezen? Als u een drukke achtergrond moet kiezen, plaatst u in ieder geval een vak, laag of inhoudstabel met een effen achtergrond en kiest u een tegenovergestelde tekstkleur. Probeer grijs op grijs te voorkomen, maar kies wit op donkerrood, zwart op lichtroze, enz.

Woorden die elkaar overlappen, zijn ook moeilijk te lezen, net als alinea's die gedeeltelijk over elkaar heen liggen en gedeeltelijk op een effen achtergrond.

Voorbeeld van slechte websitesite: Bermudadriehoek

Slechte ontwerpvoorbeelden
Niet alleen zijn er contrastproblemen op deze site, maar de tekst overlapt andere teksten, waardoor het bijna onmogelijk is om te lezen.

Fout # 9: typefouten

Niets schreeuwt onprofessioneel meer dan felle typefouten en grammaticale problemen. Hoewel niemand perfect is, kunt u proberen in de buurt te komen. Vraag vrienden en familie om uw pagina's te bekijken en u te helpen deze fouten te vinden, of huur een professionele redacteur in om uw pagina's te controleren. Het onderstaande voorbeeld is gewoon voor de lol. Dit is geen echt webontwerpbedrijf, maar een ironische blik op hoe onprofessioneel sommige bedrijven verschijnen.

Tip: Leer hoe u typ typefouten en fouten in je eigen schrijven.

Voorbeeld van slechte websitesite: Web Tek Rocks

Slechte ontwerpvoorbeelden
Eén typfout kan over het hoofd worden gezien, maar deze site laat zien hoe sommige schaduwrijke sites vol fouten zitten. Voor een bedrijf dat u wil helpen uw site op internet te zetten, zou het waarschijnlijk beter zijn om ze wat tijd te geven om de problemen op hun eigen site te corrigeren voordat u de uwe gaat bouwen. "Special" is SPECAIL gespeld; "Expertise" wordt gespeld als "experteze"; Ze bieden "help jezelf" online aan; "We kunnen gebouwd uw site sneller dan wie dan ook! "

Fout # 10: Slechtste website-ontwerp ooit - zo erg dat je het niet kunt uitleggen

Sommige websites zijn gewoon intrinsiek heel erg slecht qua ontwerp. Deze slecht ontworpen websites - het is niet één ding dat de site pijnlijk voor uw ogen maakt, maar bijna alles op de site.

Er is mogelijk een combinatie van lelijke kleuren, slechte navigatie en andere items. Gelukkig zijn deze sites zeldzaam, maar als u ze bekijkt, weet u wat geen doen wanneer u uw site ontwerpt.

Voorbeeld van slechte websitesite: The Afterlife

Slechte ontwerpvoorbeelden
Deze site is zo vreselijk dat het moeilijk te beschrijven is. Ten eerste moet iedereen die vatbaar is voor aanvallen, wegblijven van deze site, omdat het waarschijnlijk een aanval zal veroorzaken bij zelfs een persoon die niet vatbaar is voor aanvallen. De site scrolt, is gevuld met geanimeerde en knipperende afbeeldingen. Bovendien zijn de graphics voor het grootste deel niet aantrekkelijk, eindigend met een baby in de band en gitaar spelen. Bezoek als je durft.

Over Lori Soard

Lori Soard werkt sinds 1996 als freelance schrijver en redacteur. Ze heeft een bachelor in Engels onderwijs en een doctoraat in journalistiek. Haar artikelen zijn verschenen in kranten, tijdschriften, online en ze heeft verschillende boeken laten publiceren. Sinds 1997 heeft ze gewerkt als webontwerper en promotor voor auteurs en kleine bedrijven. Ze werkte zelfs voor een korte tijd het rangschikken van websites voor een populaire zoekmachine en het bestuderen van diepgaande SEO-tactieken voor een aantal klanten. Ze geniet graag van haar lezers.