Mis nooit meer de beste tips voor een betere site

  • Al 8.113 abonnees
  • 1 keer per maand
  • Exclusieve tips en promo's

Schermresolutie: statistieken en tips

Het is verbazingwekkend hoeveel webprofessionals niet weten met welke basisinstellingen mensen surfen. Na de browserstatistieken van verleden week, tijd om aandacht te besteden aan schermresoluties.

Resolutie van beeldschermen: situatie september 2009

Resolutie scherm beeldscherm 2009

Deze cijfers zijn afkomstig van een website met meer dan 1 miljoen, hoofdzakelijk Belgische, bezoekers. Ze dateren van 15 augustus tot 15 september 2009. Ze geven dus een goed beeld van de algemene situatie. Uiteraard verschillen de exacte cijfers van website tot website, maar de algemene tendenzen zullen toch vaak hetzelfde zijn.

Belangrijkste vaststelling

Wat een zootje.

Resolutie van een scherm = breedte x hoogte

De resolutie van een beeldscherm bestaat uit de breedte en de hoogte. Misschien moeten we die eens apart bekijken. Voor deze cijfers heb ik de top 100 meest gebruikte resoluties opgeteld. (Om je een idee te geven: bij nummer 101 gaat het nog maar om 75 bezoeken op een totaal van meer dan 1,3 miljoen.)

Breedte

Scherm resolutie breedte

Nog meer samengevat:

  • Kleiner dan 1024: 2,03%
  • Tussen 1024 en 1440: 79,26%
  • Groter dan 1680: 5,08%

Hoogte

Scherm resolutie hoogte

Wat hier vooral opvalt is dat maar 4,08% van de mensen surft in een hoogte die lager is dan 768 pixels.

Wat moeten we daarmee aanvangen?

Niks moet. Maar als we deze cijfers zien, geven we toch graag volgend advies:

In de breedte

  • Als je kiest voor een vaste breedte, zorg dan dat deze zonder horizontale schuifbalken past in een resolutie van 1024 pixels breed. Iedereen tevreden, behalve die 2,03% surfers die in een lagere resolutie surfen. Pech.
  • Als je jezelf een designer noemt, dan weet je waarschijnlijk dat puur theoretisch gezien een gelimiteerde vloeiende lay-out het beste is (met een minale breedte en hoogte).  Jammer genoeg is de haalbaarheid ervan door browsertechnische redenen vooralsnog soms vrij moeilijk. Niettemin ben je het aan jezelf verplicht om voor elke website na te gaan wat de voor- en nadelen zijn van een liquid lay-out (budget, haalbaarheid, voordelen, nadelen, ...). Ons advies: Probeer de lay-out zo te maken dat hij mooi vloeibaar is tussen 1024 en 1280 pixels. Als je echt wil tonen hoe geniaal je bent, zorg dan voor een goede liquid lay-out tussen 1024 en 1440 pixels.
  • Interessante artikels van Smashing Magazine over hoe liquid lay-out toepassen : - Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You? - Flexible Layouts: Challenge For The Future

In de hoogte

  • Plaats de belangrijkste content en actieknoppen boven de vouwlijn in 768. Houd daarbij rekening met de hoogte die de meeste surfers verliezen door de knoppenbalken in hun browser en minstens 1 toolbar.
  • Iets minder belangrijke keuzes mogen lager op de pagina staan. De eerstvolgende 132 pixels worden zonder te scrollen nog altijd gezien door 68,23% van de surfers. In de zone tussen 900 en 1080 pixels ziet nog maar 30,51% van de bezoekers je aanbod staan. Alles wat daarbuiten valt, wordt zonder te scrollen nog maar gezien door 3,85% van de surfers.

En mobile dan?

  • Tenzij je doelpubliek er echt om vraagt, of je zeker weet dat de site duizenden euro's extra winst zal maken dankzij jouw optimalisatie voor beeldschermen met een lage resolutie, kan je het budget beter ergens anders aan besteden.
  • Web goes mobile? Alleen als ik dan ook mag zeggen dat mijn bedlegerige oma mobiel is. Er staan wieltjes onder haar ziekenbed.

Mis het volgende artikel niet!

  1. Volg ons op Twitter voor interessante links en extra tips.
  2. Like onze Facebookpagina
  3. Schrijf je in op onze maandelijkse tips

Leer teksten (her)schrijven voor het web

Op 1 dag leer je van de makers van deze blog hoe je je webteksten kan optimaliseren.

  • Leer teksten optimaliseren voor het web
  • Met korte schrijfoefeningen
  • Al 594 mensen volgden deze cursus
  • Volgende editie: 23 oktober 2018, Gent