bijgewerkt op 9 juli 2019
hoe belangrijk is uw website ontwerp? Toen gebruikers werden gevraagd om te beschrijven waarom ze een website niet vertrouwden, was 94% van de reacties direct gerelateerd aan het ontwerp van de site. Een goed gebouwde website genereert beter klantverkeer en een verbeterde gebruikersinterface leidt tot meer conversies.
creativiteit is belangrijk, maar er zijn enkele basisregels over ontwerp en gebruikerservaring die u zullen helpen om uw website te laten groeien. Houd bij het maken of opnieuw ontwerpen van uw site rekening met de volgende suggesties.
krijg vertrouwen met een schone, boeiende Website Design
de digitale designwereld heeft eenvoud omarmd, waarbij de toeters en bellen worden losgelaten en de nadruk wordt gelegd op de basis. Vanuit een gebruikersperspectief, dit heeft websites gemakkelijker gemaakt om te navigeren voor een meer plezierige ervaring. Neem deze 8 ontwerpregels op in uw website om uw publiek beter te betrekken.
1 Houd de opmaak eenvoudig.
hoe eenvoudiger uw website lay-out, hoe beter. Dat betekent niet dat het saai hoeft te zijn, maar het betekent wel dat het moet richten op de essentie. Schone, functionele lay-outs maken uw site gemakkelijker te laden, te navigeren en te gebruiken op verschillende platforms en apparaten.
Harry ‘ s website plaatst de belangrijkste informatie—hun producten—centraal. Ze bevatten visuals met minimale tekst om het gemakkelijk te maken om te gaan met de inhoud.
2 Maak navigatie Gemakkelijk te volgen.
als u wilt dat bezoekers tijd op uw site doorbrengen, moet u het hen gemakkelijk maken om zich te verplaatsen. Het is misschien verleidelijk om iets creatiefs te doen met het ontwerp van uw navigatiemenu ‘ s, maar de eenvoud en intuïtieve informatiearchitectuur zijn belangrijker. Maak uw menu ‘ s standaard in uiterlijk helpt uw lezers zich comfortabel voelen als ze bewegen door uw site.
Vogue heeft beschrijvende, prominente navigatiemenu ‘ s om u te helpen het type content dat u zoekt te vinden en te gebruiken.
3 gebruik clear calls to action.
wat wilt u dat bezoekers van de site doen? Producten kopen? Aanmelden voor een e-mail nieuwsbrief? Doneren aan een doel? Denk aan je oproepen tot actie. Ontwerp ze op een manier die ze opvallen voor een bezoeker die uw website scant. Als je knoppen gebruikt in je ontwerp, zorg er dan voor dat de tekst kort en direct is.
het World Wildlife Fund gebruikt naast zijn navigatiebalk heldere knoppen die bezoekers aansporen om te ” doneren “en” te adopteren”, samen met sterke oproepen tot actie in hun inhoud.
4 met inhoud, minder is meer.
gebruik wat u weet over uw bezoekers om hun opties te minimaliseren en hun aandacht te richten op uw producten. Toon alleen de tekst en visuele elementen waarop u wilt dat ze actie ondernemen.
Websites voor mobiele apps – zoals Pocket-doen hier geweldig werk mee. Ze richten zich op het uitleggen van de app, omvatten sterke oproepen tot actie om het te installeren. Minder belangrijke inhoud, zoals hun Over sectie en hun blog zijn minder prominent en zijn gekoppeld in de voettekst.
5 Wees niet bang voor witruimte.
witruimte is gewoon lege ruimte op een pagina. Het hoeft niet echt wit te zijn—het hoeft alleen geen tekst of afbeeldingen te bevatten. Als het goed wordt gedaan, kan het de leesbaarheid verbeteren en rommel uit uw websiteontwerp verwijderen. Witruimte kan ook helpen bij het direct richten en aandacht. Het biedt een manier om functies en ideeën te scheiden, zodat bezoekers precies kunnen onderscheiden wat u wilt dat ze zien in een snelle blik, in plaats van visueel te sorteren door middel van een luidruchtige en drukke lay-out.
Google is het ultieme voorbeeld van het gebruik van witruimte. Het kan niet schoner zijn-gewoon een lege pagina met een logo en een zoekvak.
6 verbeter het ontwerp van uw website met opvallende kleuren.
Kies een kleur die de basis zal vormen van uw gehele website ontwerp, en kies vervolgens een contrasterende accentkleur voor belangrijke knoppen en andere interface-elementen. U kunt meer te weten komen over het kiezen van het juiste kleurenpalet voor uw merk.Whole Foods Market gebruikt groen voor hun primaire merkkleur, en de kleine pops van de secundaire oranje trekken het oog naar featured calls to action.
7 gebruik aantrekkelijke, gemakkelijk te lezen lettertypen.
gebruik een aantrekkelijk type dat visueel evenwichtig en uniek is om de tekst van uw website duidelijk en intrigerend te maken. Vier top trending lettertypen zijn Brandon Grotesque, Museo Sans, Railway en Playfair Display.De Belgische website voor kinderkleding Studio Aimee gebruikt Brandon Grotesque voor een schone, leesbare winkelervaring.
8 betrek gebruikers met video en rijke afbeeldingen.
video ’s en afbeeldingen zijn boeiender dan tekst alleen—in feite kunnen landingspagina’ s met video ‘ s conversies met meer dan 80% stimuleren. Gebruik scalable images (SVG) om een hoogwaardige gebruikerservaring te garanderen op zowel desktop-als mobiele apparaten.
non-profit liefdadigheid: water toont een video op hun homepage, waardoor het een van de eerste dingen die je ziet wanneer je hun website bezoekt voor maximale impact.
houd bezoekers bezig met een gebruiksvriendelijke Website
u kunt de meest aantrekkelijke website ter wereld hebben, maar als deze moeilijk te gebruiken is, zullen uw bezoekers niet naar klanten converteren. Deze zeven regels zorgen ervoor dat uw publiek een soepele gebruikerservaring heeft.
1 Maak uw website mobielvriendelijk.
wist u dat tot 70% van het webverkeer afkomstig is van een mobiel apparaat? Dat betekent dat er een goede kans dat iemand een bezoek aan uw site voor de eerste keer is met behulp van hun smartphone. En als de mobiele ervaring negatief is, heb je net een klant verloren. Ontdek waarom en hoe u uw website mobieler kunt maken.Everlane ‘ s mobiele winkelervaring is schoon en gemakkelijk te gebruiken. Het ontwerp bevat modulaire inhoud, zodat het reageert en goed vertaalt op mobiele apparaten. De website bevat ook oproepen om de shopping app te downloaden zonder dat je het gevoel dat je een mindere ervaring op de website.
2 Stroomlijn uw navigatie.
hoe meer pagina ‘ s iemand op uw website moet navigeren om te vinden wat hij zoekt, hoe groter de kans dat de klant uw site uit frustratie verlaat. In feite, voor een gemiddelde website, 40% van de bezoekers zal vertrekken na het zien van slechts een pagina!
inhoud mag niet worden begraven. Laat je bezoekers niet jagen voor waar ze voor kwamen. Uw navigatie moet goed georganiseerd en logisch zijn vanuit een gebruikersperspectief. Het moet ook vertrouwd aanvoelen, zodat uw gebruikers geen steile leercurve hebben.
Tilde Inc. heeft een eenvoudige navigatiebalk aan de bovenkant van de website, met de belangrijke punten hieronder gekoppeld met een korte uitleg in de “wat we doen” sectie. Dit maakt het gemakkelijk om te vinden wat u zoekt.
3 gebruik calls to action om dingen gemakkelijker te vinden te maken.
denk na over waar u knoppen op uw site kunt plaatsen om belangrijke dingen gemakkelijker te vinden voor bezoekers. Als je een e-commerce site, met knoppen die zeggen ” Shop Now “zal veel meer impact hebben dan een eenvoudige navigatie link; als je een non-profit, een” Doneren ” knop naast uw navigatiebalk zal doneren een briesje voor bezoekers.
Square heeft een eenvoudige oproep tot actie die ondernemers aanmoedigt om te gaan verkopen. Hun CTA-knop luidt: “Start een vierkante rekening.”Het wordt niet veel makkelijker dan dat.
4 Geef gebruikers robuuste zoekmogelijkheden.
nadenken over hoe bezoekers uw site zullen doorzoeken en hoe de resultaten zullen worden weergegeven is even belangrijk. De zoekervaring moet uw navigatie-ervaring weerspiegelen met hoe de resultaten worden georganiseerd. Het opnemen van functies zoals auto-complete zal het zoeken gemakkelijker te maken vanuit een gebruikersperspectief ook.
Zappos heeft een slim zoekgereedschap, dat zeer nauwkeurig is en ook de filters aan de linkerkant bijwerkt op basis van zoektermen.
5 Verbreek de inhoud met sectiekoppen.
wanneer u te maken hebt met gebieden die veel inhoud bevatten op uw site, moet u deze opbreken met headers. Of het nu een artikel of productbeschrijving, headers geven uw inhoud structuur en maken het gemakkelijk om te scannen.
WebMD is effectief in het breken van hun inhoud in verteerbare brokken met veel sectie headers, zodat u de informatie kunt vinden die u zoekt.
6 praat als een echt persoon.
hoe meer jargon-en marketingspeak gebruikers moeten ontcijferen wanneer ze uw website bezoeken, hoe minder kans ze hebben om contact te maken met uw merk. Een vriendelijke, conversationele toon zal het makkelijker maken voor bezoekers om uw inhoud te lezen en te begrijpen, evenals navigeren op uw site.
Zipcar maakt hun service beter te begrijpen—en hun site gemakkelijker te navigeren-met hun easygoing brand voice.
7 bevestig de acties van uw bezoekers.
als uw bezoekers een product bij u kopen, zich abonneren op een nieuwsbrief of zelfs uw inhoud delen, is het een goede gewoonte om een bevestigingsscherm te tonen dat hen laat zien dat hun actie succesvol is verlopen. Het kan ook geen kwaad om dat scherm te gebruiken om hen te bedanken.
TheSkimm feliciteert en heet u van harte welkom nadat u zich hebt aangemeld voor hun nieuwsbrief, met een prompt om deze op sociale media te delen.
Test uw Website voor het opstarten
er zijn altijd kniks die u moet uitwerken wanneer u een website start—of herlanceert. Het is belangrijk om de tijd te nemen om uw site te testen en feedback te verzamelen voordat deze live gaat.
1 Voer kwaliteitsborgingstests uit.
als u over de middelen beschikt, huur dan een kwaliteitsborgingsteam in, zodat zij alle aspecten van uw site kunnen testen. Als u geen mensen specifiek kunt inhuren voor de QA-rol, laat dan mensen zowel intern als extern uw website testen voordat ze worden gelanceerd. Ze kunnen op alle links klikken, alle formulieren invullen en alle diensten uitproberen. Kortom, als er iets te doen is op de website, moeten ze het doen. Op die manier kunt u eventuele bugs repareren voordat u start.
2 Verzamel feedback van gebruikers voordat u uw site Live pusht.
nodig een selecte groep bètatesters uit om feedback te geven over elementen zoals navigatie, ontwerp en belangrijke gebruikersstromen. Het is mogelijk dat u geen wijzigingen aanbrengt op basis van alle feedback die u vóór de lancering hebt ontvangen, maar u wilt suggesties in gedachten houden voor wijzigingen op de weg.
het creëren van een website vanuit het niets—zelfs als je een agentschap hebt ingeschakeld om te helpen—is geen geringe prestatie. We hebben een handige 3 stappen om het creëren van een boeiende Website ontwerp (PDF) checklist, zodat u kunt ervoor zorgen dat u het controleren van alle belangrijke items uit de lijst als je gaat.