5 voorbeelden van slecht Website ontwerp en hoe het beter te doen
het ontwerp van een website heeft direct invloed op de gebruikerservaring., Een slecht ontworpen site is minder waarschijnlijk om bezoekers te krijgen om een actie te voltooien, zoals het kopen van een product of deelnemen aan een mailinglijst.
als de pagina langzaam wordt geladen of moeilijk te navigeren is, zal 95% van de bezoekers binnen enkele seconden vertrekken.
Als u niet de gewenste resultaten van een webpagina krijgt, zoals verhoogde conversies en verlaagde bounce rates, evalueer dan het ontwerp.
Hier zijn een paar fouten die we hebben gevangen op andere websites. Probeer te voorkomen dat het herhalen van een van deze vijf voorbeelden van slechte website ontwerp.
Hoe ziet slecht Website ontwerp eruit?,
De gemiddelde bedrijfseigenaar begrijpt mogelijk de verschillen tussen goed en slecht Webdesign niet, daarom eindigen veel websites met vreselijke en inefficiënte ontwerpen.
hoewel ontwerptrends voortdurend veranderen, zijn er basiscomponenten van een website die universeel blijven, waaronder:
- gemakkelijk te volgen navigatie
- schone lay-out
- Compatibiliteit
- industrie-passend ontwerp
gebruikers hoeven niet te raden hoe ze een pagina binnen uw website kunnen vinden. Alles moet duidelijk worden georganiseerd, met eenvoudige menu ‘ s en navigatiefuncties.,
een schone opmaak wordt ook aanbevolen. Als de pagina vol is met informatie, afbeeldingen en video, duurt het langer om te laden en wordt het moeilijker om te lezen.
compatibiliteit is minder belangrijk, aangezien de meeste sites nu responsieve ontwerpen gebruiken die overeenkomen met de grootte van het scherm van de gebruiker. Echter, grondige tests zijn vaak nodig om ervoor te zorgen dat elementen goed laden op verschillende apparaten.
het uiterlijk van de website is een subjectief detail, omdat iedereen zijn eigen smaak heeft. Hoe dan ook, je moet een ontwerp dat geschikt is uit de industrie., Bijvoorbeeld, terwijl flitsende graphics misschien niet werken op een site voor een begrafenisonderneming, ze kunnen werken op een site voor een feest verhuur winkel.
houd dit in gedachten als we de ergste fouten in het ontwerp van websites bekijken.
Websites zonder een duidelijke boodschap
een van de ergste ontwerpfouten die u kunt maken is het niet verstrekken van een duidelijke boodschap met betrekking tot het doel van uw website. Gebruikers moeten direct weten de naam van het bedrijf en wat ze verkopen.
bijvoorbeeld, wanneer je voor het eerst 3D Mailbox bezoekt, duurt het een paar seconden om te begrijpen waar je naar kijkt., Het lijkt een webpagina voor een soort van e-mail software. Het is moeilijk om te bepalen of de software is een spel, screensaver, of e-mailclient.
de site CyberDsignClan is een ander voorbeeld van een website zonder een duidelijke boodschap. Je ziet gewoon een grote afbeelding die luidt: “skip intro.”Na het klikken op de pagina wordt de echte homepage geladen, wat net zo verwarrend is als 3D-Mailbox.
beide sites missen een duidelijk bericht. Voor meer informatie over het product, bezoekers nodig hebben om te bladeren door de pagina of klik op andere links.,
alles wat op de pagina verschijnt voordat gebruikers verder moeten scrollen wordt boven de vouw beschouwd. We noemen dit de ‘heldenafdeling’.”Dit is het gebied waar de naam van het bedrijf en enige indicatie over wat ze verkopen moet worden opgenomen. De bovenkant van de pagina moet ook bieden een soort van navigatie.
websitebezoekers vormen binnen een fractie van een seconde meningen over het bedrijf. Als gebruikers door de pagina moeten Bladeren om erachter te komen wat het bedrijf doet, zullen ze waarschijnlijk de pagina verlaten.,
te veel elementen die de pagina beslaan
naast een duidelijk bericht moet de site een duidelijke lay-out hebben. Als de pagina is rommelig, wordt het moeilijk om te navigeren, waardoor bezoekers te verlaten.
Arngren.net is een goed voorbeeld van slecht ontwerp. Deze geclassificeerde website bevat lijsten samen gegooid zonder structuur. De lijsten zijn niet onderverdeeld in categorieën en ze passen bij elkaar als een puzzel.
voor een ander voorbeeld, bezoek lings Cars., De website is voor gebruikte auto ‘ s, maar heeft zo veel verschillende elementen, kunt u het doel van de site over het hoofd. De ontwerper opgenomen ten minste een half dozijn geanimeerde elementen boven de vouw, waardoor het ongelooflijk moeilijk om de pagina te navigeren.
het is mogelijk om veel inhoud weer te geven zonder de pagina te vervuilen. Voor een goede web design voorbeeld dat meerdere producten beschikt, kijk op Amazon of AliExpress. Terwijl beide sites bevatten een nooit eindigende scroll van producten, ze zijn georganiseerd in rasters in plaats van samen gegooid als een mozaïek.,
behalve het overladen van de pagina met een mengelmoes van links, zijn sommige sites volgestopt met pop-ups, zwevende advertenties, automatisch laden van video ‘ s en andere elementen die bezoekers afleiden.
pagina ‘ s zonder mobiele optimalisatie
het meeste internetverkeer in de VS komt nu van mobiele apparaten, maar veel websites worden nog steeds gebouwd voor desktopcomputers. Als de website niet is geoptimaliseerd voor mobiele apparaten, zullen de meeste bezoekers geen goede gebruikerservaring krijgen.,
veel sites bevatten nu responsive design, waardoor de webpagina elementen kan aanpassen op basis van de schermbreedte van het apparaat van de gebruiker. De site kan ook elementen verbergen, lettertypen wijzigen of achtergronden verwijderen wanneer een kleiner scherm wordt gedetecteerd.
Met deze gegevens kan de site op elk apparaat werken. Hoewel responsieve ontwerpen vaak voorkomen, zijn er nog steeds veel sites die onleesbaar zijn op mobiele apparaten.
bijna alle reeds besproken voorbeelden hebben geen responsief ontwerp. Deque University heeft een voorbeeld van niet-responsieve webdesign.,
Als u dit leest in uw webbrowser, probeer dan de site te bezoeken en de breedte van de browser aan te passen. Naarmate het browservenster kleiner wordt, verandert de pagina niet zijn lay-out. De tekst wordt onmogelijk te lezen zonder naar rechts te scrollen.
Als u een voorbeeld van responsive web design wilt zien, bezoek dan bijna elke website die eigendom is van een groot bedrijf, zoals Nike of Microsoft.
gebrek aan eenvoudige navigatie en Links
wanneer gebruikers een site bereiken, zouden ze geen probleem moeten hebben door het menu te bladeren en de informatie te vinden die ze nodig hebben., Op de officiële website van de University of Advancing Technology is de bovenkant van de pagina bedekt met een groot geanimeerd display met zwevende afbeeldingen.
De zwevende afbeeldingen zijn klikbare links die moeilijk te klikken zijn en de laadsnelheid van pagina ‘ s vertragen. Hoewel dit uiterst innovatief is, zijn er andere creatieve manieren om een website te ontwerpen zonder het moeilijk te maken om te navigeren. In plaats van het gebruik van die zwevende elementen als links, de Universiteit van Advancing Technology had moeten richten op het creëren van een menu dat is gemakkelijk te openen en bladeren.,
ten slotte zijn er veel sites die parallax scrollen en ingesloten video-elementen bevatten die de pagina niet overmeesteren en de bevaarbaarheid ervan beperken.
onleesbare tekst of Onklikbare knoppen
vanwege de eisen van de webbrowser is het menu op de vorige site bijna onklikbaar. Dit is ook een probleem wanneer sites niet zijn geoptimaliseerd voor mobiele apparaten. Wanneer de elementen zich niet aanpassen voor het kleinere scherm, kunnen ze overlappen of te klein worden om te lezen.,
het vermijden van dit probleem is eenvoudig als u gedetailleerde testen voltooit voordat u uw website opstart. Gebruik emulators of software om te emuleren hoe uw site verschijnt op verschillende mobiele apparaten, waaronder de nieuwste smartphones en tablets.
hoe een slecht ontwerp voor uw Website te vermijden
De besproken voorbeelden zijn relatief eenvoudig te vermijden, nu u weet waar u naar moet zoeken. Voor de uitvoering van de noodzakelijke wijzigingen kan echter technische deskundigheid nodig zijn., Bij WANDR krijg je de hulp van ervaren UX-ontwerpers die begrijpen wat er nodig is om een betere gebruikerservaring te creëren.
Als u ervoor wilt zorgen dat uw site geen van de besproken slechte ontwerpvoorbeelden bevat, overweeg dan om met professionals te werken.