Wij maken prachtige websites, apps, webshops. Zonder ons kun je echter ook een heel eind komen. In dit artikel vind jij zeven belangrijke tips om jouw eigen website nóg beter te maken. Je kunt dus zelf aan de slag, we blijven natuurlijk wel Nederlanders (alles zelf doen).

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: de website is op elk scherm in het juiste formaat te zien (mobiele telefoon, tablet, laptop). Daarnaast bestaat usability; een overkoepelend woord wat grofweg als gebruiksvriendelijkheid wordt vertaald. Wanneer een website gebruiksvriendelijkheid is hangt van heel veel aspecten af. Vandaar dit de usability van jouw website 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 websites, het maken ervan en onderhouden 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 jouw website zo gebruiksvriendelijk mogelijk te maken. Allemaal top natuurlijk, als dat jouw vak/expertise zou zijn. Waarschijnlijk is dit niet zo en is de belangrijkste informatie vertaald naar zeven belangrijke tips. Wat is hier leuk aan? Je kunt dit (als het goed is) helemaal zelf! Lukt het niet? Hou dan onze website in de gaten, want hier komt per tip een artikel over hoe je dit precies toepast.

1. One site fits all

De term responsiveness gaf het al aan; de website moet op alle schermen kunnen werken. Er is niets vervelender dan op de fiets nog even snel langs de winkel gaan en de openingstijden niet snel kunnen vinden. 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 moet niet uitmaken in gebruik.

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. Bekijk wat je wilt met jouw website en welk CMS-systeem dat pakket aanbiedt of welk systeem het meest ‘kneedbaar’ is zodat het omgevormd kan worden 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 waarvoor de website is en wat de gebruikers kunnen op de website. Vooral de eerste afbeelding die men ziet moet aanspreken 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 kliks nodig heeft 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 deze nog kort..). Het blijkt dat gebruikers sneller gefrustreerd zijn als dit proces langer duurt. Ook verlaten de gebruikers de website eerder, iets wat we natuurlijk niet willen.

5. Clear als een klontje

De afwisseling tussen tekst, afbeeldingen en infographics maakt een website visueel aantrekkelijk. 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 in een plaatje te verwerken.

Het klinkt vreemd maar lege ruimtes op een website is zo gek nog niet. Onze designers zweren erbij. Dit zorgt ervoor dat gebruikers eerder de teksten lezen of naar afbeeldingen kijken. Alleen maar omdat het zo overkomt dat er niet veel op de website staat. Onder het mom van less is more is clear dus zo klaar als een klontje!

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). Above the fold komt uit de tijd van de kranten. De krant werd in tweeën gevouwen en de informatie op de bovenste helft van de krant werd door de lezer het eerst gezien. 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 was lastiger 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, hou dan onze site in de gaten!