Alle nieuws

100 usability tips voor een goede webwinkel

Robert-Jan van Marketingfacts, de site voor goede tips over marketing, usability en SEO is gespecialiseerd in eyetracking, usabilityonderzoek en conversieoptimalisatie. Hij heeft een zeer waardevolle

Robert-Jan van Marketingfacts, de site voor goede tips over marketing, usability en SEO is gespecialiseerd in eyetracking, usabilityonderzoek en conversieoptimalisatie. Hij heeft een zeer waardevolle compilatie gemaakt van de 100 belangrijkste usabilitytips. Prettig leesvoer maar zeker ook belangrijk leesvoer voor elke webwinkel eigenaar.

Usabilitytip 1Gebruik voldoende witruimte om rust te creeren. Bekijk het artikel over het gebruik van witruimte.Usabilitytip 2Het gebruik van 'klik hier' kan echt niet meer. Hoe het wel moet, kan je bekijken in het artikel over het gebruik van hyperlinks.Usabilitytip 3

Denk goed na over de rubrieknamen die je geeft in je navigatiemenu(s). Gebruikers denken met zoekwoorden in hun hoofd en kijken of dat matcht met de rubrieknamen. Ze bedenken of datgene wat ze zoeken mogelijk onder een bepaalde rubrieknaam zou kunnen vallen.

Usabilitytip 4

Zorg dat je een zoekmachine op je site hebt. Hier wordt veel gebruik van gemaakt. En zorg dat deze zijn werk doet.

Usabilitytip 5

Maak gebruik van een 'kruimelpad' zodat gebruikers de weg terug gemakkelijk kunnen vinden.

Usabilitytip 6Gebruik bij een fly-outmenu alleen de verticale vorm omdat gebruikers de horizontale vorm maar lastig vinden om een selectie te maken. Bekijk het arikel over het gebruik van fly-outmenu's.Usabilitytip 7

Maak altijd een consistente link naar de homepage op dezelfde locatie op elke webpagina.

Usabilitytip 8

Zorg ervoor dat het invoerveld van de zoekmachine op je site lang genoeg is zodat gebruikers de zoekwoorden zien die ze intypen.

Usabilitytip 9

Zorg ervoor dat je contactgegevens snel te vinden zijn.

Usabilitytip 10

Een snelle laadtijd van je site is een must. Een trage laadtijd heeft direct invloed op de conversie.

Usabilitytip 11

Begin op tijd met testen van prototypes. Wacht daar niet mee tot de website klaar is.

Usabilitytip 12

Gebruik koppen om lange artikelen leesbaar te houden.  Gebruikers kunnen dan gemakkelijker de tekst scannen.

Usabilitytip 13Jij kijkt waar zij naar kijken. Stuur de ogen van de gebruiker door gezichten of pijlen te gebruiken. Bekijk het artikel over het sturen van ogen.Usabilitytip 14

Denk bij het gebruik van webformulieren wat je wilt weten, teveel vragen betekent een lagere conversie.

Usabilitytip 15

Zorg voor consistentie op je site. Dit geldt voor de navigatie, buttons, formulieren, tekst, links en terminologieen.

Usabilitytip 16

Gebruikers willen best meerdere keren klikken om hun doel te bereiken, zolang ze maar het gevoel hebben dat ze verder komen. Zo niet, dan krijgt frustratie de overhand.

Usabilitytip 17

Gebruik alleen foto's op je site die relevant zijn, van hoge kwaliteit, begrijpelijk en een rustige achtergrond hebben.

Usabilitytip 18

Liever geen welkomstteksten ('Welkom bij...') maar vertel kort en bondig wat men op je site kan doen.

.

Usabilitytip 19

Gebruik liever geen popup windows. Gebruikers negeren deze direct en zien deze vaak als reclame en worden dus z.s.m. gesloten.

Usabilitytip 20

Gebruik geen tools op je site die geen relatie hebben met de content of waarvoor ze naar je site komen. Bijvoorbeeld weersberichten o.i.d. daarvoor gaan ze namelijk naar een weersite.

Usabilitytip 21

Ga je de site redesignen? Doe dat deel voor deel zodat gebruikers gemakkelijk kunnen wennen aan nieuwe elementen.

Usabilitytip 22

Gebruik verschillende kleuren voor aangeklikte en niet-aangeklikte links. Bijv. blauw voor niet-aangeklikt en paars voor aangeklikte links. Liever geen grijs voor aangeklikte links omdat dit lastig te lezen is.

Usabilitytip 23

Heeft een gebruiker een vraag gesteld via de site? Stuur dan een reply met het onderwerp, wanneer je daarop zult reageren en op welke wijze.

Usabilitytip 24

Als je lange webpages hebt, zorg er dan voor dat het duidelijk is dat deze verder gaat onder the 'fold'. Snij afbeeldingen half door of gebruik koppen.

Usabilitytip 25

Bekijk in de logfiles van je site welke zoekwoorden gebruikers intypen op je interne zoekmachine. Voordelen: beter inzicht in wensen gebruikers en verbeterpunten voor je content en navigatie.

Usabilitytip 26

Zorg ervoor dat gebruikers geen plug-ins hoeven te installeren om je site te gebruiken. De meeste gebuikers doen dat toch niet.

Usabilitytip 27

Wanneer een gebruiker een invoerveld van een formulier niet juist heeft ingevuld, wijs deze daar dan duidelijk en beleefd op. Geef d.m.v begrijpelijke taal aan wat er niet juist is ingevuld en hoe dit gecorrigeerd moet worden.

Usabilitytip 28

Call to action: een juiste buttonkleur verhoogt de conversie. Rood gekleurde buttons hebben een zeer positieve invloed op de conversie. Groen of oranje werkt ook goed. Zorg ervoor dat de buttonkleur voldoende contrasteerd.

Usabilitytip 29

Call to action: gebruik een actieve buttontekst. “Koop nu” of “Probeer nu” zijn ‘zachte’ cta's en tonen een soort ‘onmiddelijkheid’ (nu) aan maar zonder risico’s (Probeer). De ‘zachte’ cta's leiden tot een verhoogde conversie.

Usabilitytip 30

Call to action: zorg voor een overtuigende boodschap boven de cta. Met een overtuigende boodschap neemt het vertrouwen toe. Bijvoorbeeld: ‘doe net als die andere duizenden mensen die .. gebruiken’.

Usabilitytip 31

Zorg ervoor dat bepaalde belangrijke elementen op je website er niet uit zien als een banner. Deze worden namelijk genegeerd door gebruikers (banner- blindness).

Usabilitytip 32

Zorg ervoor dat je website zoekmachinevriendelijk is. Laat dat desnoods checken door een specialist. Een goede vindbaarheid betaalt zich altijd terug.

Usabilitytip 33

Webvideo's waarin pratende mensen voorkomen moeten niet langer zijn dan 1 minuut. Gebruikers zijn snel afgeleid en daarom moet worden voorkomen dat er afleidende elementen in de video zelf staan en het frame waarin ze geplaatst zijn.

Usabilitytip 34

Zorg in e-commerce productvideo's dat het artikel in werking te zien is. Integreer deze in de productpagina. Voor complexe producten een instructievideo en nog beter: gemaakt door mensen die het product al hebben.

Usabilitytip 35

(e-commerce) Zorg dat het winkelmandje op elke webpage zichtbaar en snel te vinden is zodat gebruikers op elk moment naar de kassa kunnen.

Usabilitytip 36

(e-commerce) Probeer het betalingsproces in zo weinig mogelijk stappen af te ronden anders worden de gebruikers ongeduldig.

Usabilitytip 37

(e-commerce) Laat zien in welke stap van het betalingsproces men is. Gebruikers weten dan wat zij nog kunnen verwachten.

Usabilitytip 38

(e-commerce) baken het betalingsproces af. Verwijder de navigatie en andere links zodat gebruikers niet afgeleid raken.

Usabilitytip 39

(e-commerce) Breng liefst zo vroeg mogelijk in het bestelproces de levertijd van de artikelen in beeld. Geen levertijd in beeld kost je conversie.

Usabilitytip 40

(e-commerce) Biedt de online koper de mogelijkheid om zonder registratie de aankoop te doen.

Usabilitytip 41

(e-commerce) Zorg dat bij het gebruik van Adwords dat de juiste landingspagina is gekoppeld. Dus geen homepage want dan moet men opnieuw zoeken.

Usabilitytip 42

(e-commerce) Breng zo vroeg mogelijk in het bestelproces of de artikelen op voorraad zijn. Niet op voorraad, dan via e-mailnotificatie aangeven wanneer wel op voorraad.

Usabilitytip 43

(e-commerce) Zorg voor verschillende betaalmogelijkheden die goed beveiligd verlopen (https).

Usabilitytip 44

(e-commerce) Presenteer je producten in 3D en zorg dat gebruikers ze van verschillende kijken kunnen bekijken.

Usabilitytip 45

(e-commerce) Wanneer je soortgelijke producten verkoopt, zorg er dan voor dat gebruikers deze kunnen vergelijken op een zodanige wijze dat het overzicht behouden blijft.

Usabilitytip 46

Als je een header met wisselende uitingen hebt, zorg dan dat de uiting minimaal 5 seconden zichtbaar. Te snel roterende header leidt teveel af en irriteert.

Usabilitytip 47

Gebruik een webstatistieken pakket om de traffic op je website te monitoren. Welke pages vindt men interessant en welke zorgen ervoor dat ze je site verlaten.

Usabilitytip 48

Zorg voor social proof op je site: populaire items, testimonials, wat andere klanten kochten

Usabilitytip 49

Probeer schaarste te creëren om mensen aan te moedigen om te kopen. Begeerte wordt groter als je iets niet denkt te kunnen krijgen: ‘alleen deze week’, ‘nog 2 op voorraad’, ‘sale eindigt vandaag’.

Usabilitytip 50

Maak een 404 pagina aan voor niet gevonden pages en files. Leg in mensentaal uit wat er fout ging en biedt een uitweg.

Usabilitytip 51

(e-commerce) Als je cross- en upselling toepast, zorg er dan wel voor dat gebruikers weer netjes terugkeren in de funnel.

Usabilitytip 52

Zorg dat je een sitemap hebt. Het toepassen van een footer sitemap is aan te raden bij grote websites.

Usabilitytip 53

Laat een ander persoon je webteksten lezen om grammaticale fouten en spellingsmissers eruit te halen.

Usabilitytip 54

Gebruik ALT-tekst voor afbeeldingen ten behoeve van visueel gehandicapten en zoekmachine.

Usabilitytip 55

Doe eens een keyword analyse om te weten welke zoekwoorden je doelgroep gebruikt om jouw producten en diensten te vinden.

Usabilitytip 56

Als je eyetracking onderzoek gaat doen, check dan de metric 'tijd tussen kijken en klikken'. Hoe korter deze tijd des te beter.

Usabilitytip 57

Zorg ervoor dat wanneer je linkt naar een nieuwe webpage de browsers 'Back' button altijd werkt zodat men terug kan keren.

Usabilitytip 58

Biedt gebruikers op lange webpages een korte inhoudsopgave (within links) zodat ze snel naar de gewenste content kunnen.

Usabilitytip 59

Laat gebruikers weten of een webpage na een bepaalde tijd wordt uitgeschakeld (time out) om veiligheidsredenen.

Usabilitytip 60

Laat gebruikers weten hoe lang het duurt voordat documenten gedownload zijn bij een bepaalde snelheid van de internetconnectie.

Usabilitytip 61

Zorg bij lijstjes of taken op je website dat deze een logische volgorde hebben zodat men effectief en efficient kan kiezen.

Usabilitytip 62

Biedt bij registratie op je site de mogelijkheid om een nieuw wachtwoord te maken bij hetzelfde e-mailadres.

Usabilitytip 63

Gebruik zo weinig mogelijk achtergrond afbeeldingen. Doe je het wel, zorg dan dat ze simpel zijn. Zeker als ze achter tekst staan.

Usabilitytip 64

Zorg bij het laten zien van video's dat je een korte introductie geeft over wat men gaat zien. De video moet user-controlled zijn.

Usabilitytip 65

Als je data wilt presenteren waarin grote verschillen zijn, gebruik dan een grafiek om dit zichtbaar te maken.

Usabilitytip 66

Zorg voor het vlot invullen van webforms dat de gevraagde gegevens in de buurt van het invoerveld staan.

Usabilitytip 67

Gebruik radiobuttons om een exclusieve keuze te laten maken en check boxes voor meer keuzen.

Usabilitytip 68

Zorg bij het presenteren van een tabel voor duidelijke titels van de rij en kolom. Geen afkortingen dus.

Usabilitytip 69

Gebruik alleen vetgedrukte tekst als het belangrijk is om de aandacht van de gebruiker te trekken.

Usabilitytip 70

Geef data en andere informatie weer zonder dat de gebruiker dit hoeft te converteren/berekenen/vertalen naar bruikbare info.

Usabilitytip 71Als gebruikers je site aantrekkelijk vinden, dan komt doordat deze er netjes uit ziet en enigszins uniek is. Bekijk het artikel over estetische aspecten van een website.Usabilitytip 72Gebruikers oordelen in een split second of een site aantrekkelijk is of niet en blijven dat ook zo onthouden. Bekijk het artikel over het beoordelen van een website.Usabilitytip 73

Maak in het ontwerpproces van je site gebruik van persona's en user stories om deze goed te laten aansluiten bij de wensen en behoeften.

Usabilitytip 74

Heb je lijstjes op je site? Zet dan de belangrijkste/meest gebruikte items bovenaan.

Usabilitytip 75

Als het niet noodzakelijk is voor de gebruiker om een full-size afbeelding te bekijken, zorg dan voor een thumbnail die naar behoefte gebruikt kan worden.

Usabilitytip 76

Nodig voor gebruikersonderzoeken van je site uitsluitend gemotiveerde respondenten die behoren tot de doelgroep.

Usabilitytip 77

Analyseer wat de toptaken zijn op je site en zorg ervoor dat gebruikers deze feilloos kunnen uitvoeren. Focus je ook op de verbetering daarvan.

Usabilitytip 78

Laat minimaal 20 respondenten naar de gewenste webpages kijken als je het kijkgedrag op je website wilt onderzoeken. Pas dan is het kijkgedrag betrouwbaar.

Usabilitytip 79

Check bij het ontwikkelen van webapplicaties bij gebruikers welke gebruiken zij gewend zijn vanuit andere webapplicaties.

Usabilitytip 80

Zorg bij het gebruik van iconen op je site dat ze universeel zijn en waarvan de betekenis meteen duidelijk is.

Usabilitytip 81

Mouse tracking levert interessante info op, maar is geen alternatief voor eyetracking.

Usabilitytip 82

Gebruik bij voorkeur geen achtergrondmuziek op je site. Gebruikers willen dit altijd zo snel mogelijk uitschakelen en moeten dan zoeken naar de knop.

Usabilitytip 83

Gebruikers wennen zeer snel aan onconventionele designs, zolang dat maar door de hele site is doorgevoerd. Een navigatie rechts kan dan prima werken.

Usabilitytip 84

Meer links op een webpage leiden tot meer pageviews maar niet perse tot een hogere conversieratio.

Usabilitytip 85

Als je een ingewikkelde webpage hebt, wordt de kans groter dat de bezoeker onvoorspelbaar gedrag vertoond en de kans op het missen van de call-to-action.

Usabilitytip 86

Biedt gebruikers gestructureerde webpages waar ze snel kunnen vinden wat ze zoeken. Rommelige sites worden snel weggeklikt.

Usabilitytip 87

Gebruik liever geen captcha's bij je formulieren. Het zijn drempels en bovendien vaak lastig te ontcijferen.

Usabilitytip 88

Wanneer je systeem wachtwoorden genereert, zorg er dan voor dat ze niet verwarrend zijn. Denk aan '0' en 'O' of '1' en 'l'.

Usabilitytip 89

Als gebruikers sliders moeten gebruiken om een getal te wijzigen, maak dan duidelijk hoe dat dan werkt.

Usabilitytip 90

Je hebt op je site geen FAQ nodig als alle info die gebruikers willen weten goed te vinden is.

Usabilitytip 91

Als je ook anderstaligen als doelgroep hebt, zorg er dan voor dat zij de taaloptiekeuze vinden en gebruiken.

Usabilitytip 92

Gebruik liever geen Twitter widget op je site.  Gebruikers komen niet voor je tweets op je site.

Usabilitytip 93Als je resultaten van een webcam eyetracking onderzoek wilt gebruiken, houdt er dan rekening mee dat dit niet accuraat is. Lees het artikel over de waarde van webcam eyetracking.Usabilitytip 94

Zorg ervoor dat je site kan worden benaderd met "www.bedrijfsnaam.nl" en "bedrijfsnaam.nl".

Usabilitytip 95

Gebruik liever geen 'gastenboek' op je business website of webshop. Komt amateuristisch over en biedt geen toegevoegde waarde.

Usabilitytip 96

Afkortingen op je site: schrijf ze  eerst uit en zet de afkorting er dan achter.  Liever geen afkortingen in de navigatie als ze niet zijn uitgelegd.

Usabilitytip 97

Zorg ervoor dat checkboxes, buttons en dropdowns in de buurt staan wanneer zij een actie moeten ondernemen.

Usabilitytip 98

Zorg voor betekenisvolle titels voor je webpages die in één keer duidelijk maken waar het over gaat. Liefst ≤ 75 tekens.

Usabilitytip 99

Zorg ervoor dat je site goed wordt weergegeven in verschillende browsertypen zoals IE, Firefox, Safari en Chrome.

Usabilitytip 100

Betrek bij de ontwikkeling van je site zoveel mogelijk de eindgebruiker om de usability te waarborgen. Test in alle fasen van de ontwikkeling.

Bron: marketingfacts.nl

Geschreven door

Maarten
Maarten

Maarten

op

4 dec. 2012

Check ons archief van digital awesomeness

Ons archief van digital awesomeness

Meer nieuws.

Magento update 2.4.7
Mike

/

26 nov. 2024

Beveiligingsverbeteringen in Magento Open Source 2.4.7

Magento Open Source versie 2.4.7 introduceert ondersteuning voor PHP 8.3 en bevat honderden kwaliteitsverbeteringen, aangepaste attributen in GraphQL en compatibiliteit met diensten van FedEx en UPS.

Security

Magento

Updates

Magento update 2.4.7
Mike

/

26 nov. 2024

Beveiligingsverbeteringen in Magento Open Source 2.4.7

Magento Open Source versie 2.4.7 introduceert ondersteuning voor PHP 8.3 en bevat honderden kwaliteitsverbeteringen, aangepaste attributen in GraphQL en compatibiliteit met diensten van FedEx en UPS.

Security

Magento

Updates

Magento update 2.4.7
Mike

/

26 nov. 2024

Beveiligingsverbeteringen in Magento Open Source 2.4.7

Magento Open Source versie 2.4.7 introduceert ondersteuning voor PHP 8.3 en bevat honderden kwaliteitsverbeteringen, aangepaste attributen in GraphQL en compatibiliteit met diensten van FedEx en UPS.

Security

Magento

Updates

Magento update 2.4.7
Mike

/

26 nov. 2024

Beveiligingsverbeteringen in Magento Open Source 2.4.7

Magento Open Source versie 2.4.7 introduceert ondersteuning voor PHP 8.3 en bevat honderden kwaliteitsverbeteringen, aangepaste attributen in GraphQL en compatibiliteit met diensten van FedEx en UPS.

Security

Magento

Updates

Web Content Accessibility Guidelines (WCAG)
Maarten

/

21 nov. 2024

Wat betekenen de Web Content Accessibility Guidelines (WCAG) voor jouw bedrijf?

Medio 2025 moeten alle online winkels toegankelijk zijn volgens de Europese toegankelijkheidswet (EAA). Dit is meer dan alleen een wettelijke verplichting. Lees er meer overin ons blog.

Algemeen

Security

Web Content Accessibility Guidelines (WCAG)
Maarten

/

21 nov. 2024

Wat betekenen de Web Content Accessibility Guidelines (WCAG) voor jouw bedrijf?

Medio 2025 moeten alle online winkels toegankelijk zijn volgens de Europese toegankelijkheidswet (EAA). Dit is meer dan alleen een wettelijke verplichting. Lees er meer overin ons blog.

Algemeen

Security

Web Content Accessibility Guidelines (WCAG)
Maarten

/

21 nov. 2024

Wat betekenen de Web Content Accessibility Guidelines (WCAG) voor jouw bedrijf?

Medio 2025 moeten alle online winkels toegankelijk zijn volgens de Europese toegankelijkheidswet (EAA). Dit is meer dan alleen een wettelijke verplichting. Lees er meer overin ons blog.

Algemeen

Security

Web Content Accessibility Guidelines (WCAG)
Maarten

/

21 nov. 2024

Wat betekenen de Web Content Accessibility Guidelines (WCAG) voor jouw bedrijf?

Medio 2025 moeten alle online winkels toegankelijk zijn volgens de Europese toegankelijkheidswet (EAA). Dit is meer dan alleen een wettelijke verplichting. Lees er meer overin ons blog.

Algemeen

Security