Veel websites zien er goed uit op een doorsnee beeldscherm, een beeldscherm met een formaat dat in 2009 veel werd gebruikt. Zodra je ze echter op een ander beeldscherm bekijkt worden ze niet goed weergegeven. Er zijn vier grote problemen die ontstaan bij het maken van de lay-out van een website. Met de tips in dit artikel zijn deze valkuilen echter prima te voorkomen.
Tegenwoordig gebruiken we steeds vaker een mobiele telefoon om op het internet te gaan. Het beeldscherm van een mobiele telefoon is een stuk kleiner, maar de meeste websites zijn daar helemaal niet voor gemaakt. Daardoor zijn ze niet goed bereikbaar via een mobiele telefoon. Wanneer we met een mobiele telefoon op zo’n website komen, zijn we geneigd de website snel te verlaten. De oplossing is om de website responsive te maken. Dit betekent dat de website zichzelf aanpast naargelang de afmetingen van het beeldscherm waarop je de site bekijkt. Of je de website nu bekijkt op je smartphone, tablet of computerscherm, op deze manier wordt de site altijd goed weergegeven.
Vroeger waren de technieken waarmee websites werden gebouwd nog niet zo geavanceerd als nu. Toen moest je met afbeeldingen de lay-out opmaken. Tegenwoordig zijn er zulke krachtige programmeertalen dat afbeeldingen niet meer nodig zijn om mooie websites te bouwen. De lay-out van veel websites is echter nog gebaseerd op afbeeldingen. Dit heeft twee nadelen. Ten eerste laadt zo’n website heel traag, omdat de website alle afbeeldingen moet ophalen. Ten tweede is de website niet responsive wat voor problemen kan zorgen op smartphones en tablets. Gebruik daarom alleen afbeeldingen als ze echt nodig zijn en ter ondersteuning van de inhoud gebruikt worden.
Een veel gemaakte fout in de opmaak is het werken met veel verschillende, vaak felle kleuren. Bezoekers raken afgeleid of geïrriteerd van een drukke website en komen dan niet snel meer terug. Om dit te voorkomen is het verstandig om niet meer dan twee kleuren te kiezen voor de opmaak van je website en deze alleen te verwerken in de lay-out. Daarnaast doe je er goed aan om de achtergrond wit te houden. Dit zorgt voor een frisse uitstraling.
Veel websites stemmen de tekst af op de lay-out. Het is echter beter om het andersom te doen. Wanneer je de lay-out afstemt op de tekst maak je de lay-out efficiënter en komt de inhoud volledig tot zijn recht.
Tip 1: Maak de website responsive.
Tip 2: Gebruik afbeeldingen ter ondersteuning van de inhoud en niet om de lay-out op te maken.
Tip 3: Gebruik niet meer dan twee kleuren voor de lay-out en houd de achtergrond wit.
Tip 4: Baseer de lay-out op de tekst en niet andersom.