Wij maken prachtige websites, apps en webshops. Gelukkig kun je zonder ons ook een heel eind komen. In dit artikel geven we jou zeven belangrijke tips om jouw eigen website nóg beter te maken. Je kunt dus zelf aan de slag, hoppakee!

Usability is de sleutel

Als je het hebt over het gebruik van websites dan komen termen als responsiveness en usability snel bovendrijven. Responsiveness van een website gaat over de aanpasbaarheid van het formaat van de site op het formaat scherm. In andere woorden: een responsive website is op elk scherm in het juiste formaat te zien (mobiele telefoon, tablet, laptop). Daarnaast bestaat usability; een overkoepelende term dat grofweg als gebruiksvriendelijkheid wordt vertaald. Wanneer en of een website gebruiksvriendelijk is hangt van heel veel aspecten af. Vandaar dat de usability van jouw website soms best lastig te bepalen is.

"Witruimte wordt vaak onterecht gezien als onbenutte ruimte, terwijl het juist elegantie en verfijning toevoegt aan het design."

- Elliot Mati -
Webdesigner

De zeven tips voor gebruiksvriendelijke websites

Over het maken en onderhouden van websites valt heel veel te lezen. Maar wat is nou echt belangrijk? Onze deskundigen kwamen met ontzettend veel ideeën, tips en must-do’s om een website zo gebruiksvriendelijk mogelijk te maken. De belangrijkste informatie hebben we vertaald naar zeven belangrijke tips, zodat ook een iemand die géén ervaring heeft met development en design aan de slag kan gaan met zijn of haar website. Je kunt dit dus (als het goed is) helemaal zelf! Lukt het niet? Houd dan onze website in de gaten, want hier kun je de komende tijd artikelen vinden die nog dieper ingaan op de tips.

1. One site fits all

De term responsiveness geeft het al aan; de website moet op alle schermen kunnen werken. Zorg dat de website op alle schermen duidelijk afgebeeld wordt, maar ook dat alle knoppen werken op touchscreen. Daarnaast is het belangrijk dat jouw website op alle browsers werkt (cross-browser compatible). Of jouw gebruikers nou Chrome, Internet Explorer of Firefox gebruiken, dit hoort geen verschil te maken in gebruiksvriendelijkheid.

2. Laat het systeem het werk doen

Zorg dat het CMS-system (Content Management System) klopt met wat je wilt. Het CMS-systeem zorgt ervoor dat jij zonder een deskundige jouw website kunt updaten. Je wilt natuurlijk zo min mogelijk werk hebben aan je website. Bedenk goed wat je wilt met jouw website en onderzoek welk CMS-systeem een pakket aanbiedt dat daarop aansluit, of welk systeem het meest ‘kneedbaar’ is zodat je het kan omvormen naar jouw behoeften. Enkele voorbeelden van CMS-systemen: WordPress, Joomla of Drupal.

3. Eerste indruk

De eerste indruk op een website is het belangrijkst. Maak meteen duidelijk wat het doel is van de website en wat bezoekers er kunnen doen. Vooral de eerste afbeelding die men ziet moet aantrekkelijk zijn en tot de verbeelding spreken. Dit geldt ook voor de informatie op de eerste pagina. Zorg daarnaast dat het menu makkelijk ‘navigeerbaar’ is. Dit betekent dat het menu duidelijk aangeeft waar de gebruiker welke informatie kan vinden, maar ook dat het menu technisch werkt (niet blijft hangen of wegvalt op verschillende groottes. Zie tip 1).

4. 3-click rule

De gouden regel in de grote wereld van websites is de 3-click rule. Dit geeft aan dat een gebruiker niet meer dan drie clicks nodig moet hebben om tot alle informatie te komen. Dit geldt ook voor betalingen in webshops. Alle informatie voor een betaling kan op één pagina in plaats van meerdere pagina’s (product > factuuradres > leveringsadres > verzending > bankgegevens > betalen. En dan is dit voorbeeld nog kort..). Het blijkt dat gebruikers sneller gefrustreerd zijn als dit proces langer duurt. Ook verlaten de gebruikers de website eerder, iets wat je natuurlijk niet wilt.

5. Clear als een klontje

Een gezonde afwisseling tussen tekst, afbeeldingen en infographics zorgt ervoor dat een website visueel aantrekkelijk wordt. Zorg dus voor de juiste balans tussen deze onderdelen. Tekst hoort op een website, maar niet te veel. Geef duidelijk in korte zinnen weer wat je wilt vertellen. Infographics kunnen helpen om veel informatie hapklaar in een plaatje te verwerken.

Het klinkt vreemd, maar lege ruimtes op een website is zo’n gek idee nog niet. Onze designers zweren erbij. Dit zorgt ervoor dat gebruikers eerder geneigd zijn om tekst te lezen of naar afbeeldingen kijken: de aandacht wordt ernaartoe getrokken. Onder het mom van less is more!

6. De website ‘vouw’

De ‘vouw’ of ‘fold’ op een website is alles wat de gebruiker in één oogopslag ziet als de website wordt geopend (zonder naar beneden te scrollen). Dit principe danken we aan de tijd van de kranten, toen websites nog niet bestonden. De krant werd in tweeën gevouwen en de informatie op de bovenste helft van de krant werd door de lezer het eerst gezien en gelezen. Daardoor was deze kant (above the fold) van de krant het belangrijkste.

Met de komst van websites is deze gedachte overgenomen. Websites vouwen we alleen niet op, vandaar dat er gesproken wordt over de figuurlijke ‘vouw’ of ‘fold’. Toen websites net bestonden waren de laadtijden van pagina’s erg lang en scrollen een stuk lastiger (lees: vermoeiender) dan nu. Vandaar dat de belangrijkste informatie bovenaan de website werd geplaatst. Veel deskundigen zweren nog steeds bij dit principe. Zorg er dus voor dat de belangrijkste informatie boven de ‘vouw’ staat.

7. TESTEN, TESTEN, TESTEN

Dan is de website af en wil je zo snel mogelijk online. De handen jeuken en je wilt het aan iedereen laten zien. Toch is de testfase heel erg belangrijk. Laat de website door gebruikers testen. Waar kijken ze precies naar? Zijn er onduidelijkheden? Vinden ze de website aantrekkelijk? Waar zoeken ze naar? En kunnen ze dit makkelijk vinden?

 

Naast deze zeven tips is het waardevol om de vindbaarheid van jouw website op het internet te optimaliseren. Als je hier meer over wilt weten, houd dan onze site in de gaten!