Na de browserstatistieken van verleden week, tijd om aandacht te besteden aan schermresoluties.

Resolutie van beeldschermen: situatie september 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 u een idee te geven: bij nummer 101 gaat het nog maar om 75 bezoeken op een totaal van meer dan 1,3 miljoen.)

Breedte

Nog meer samengevat:

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

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 u 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 u zichzelf een designer noemt, dan weet u 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 bent u het aan uzelf 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 u echt wil tonen hoe geniaal u 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 uw aanbod staan. Alles wat daarbuiten valt, wordt zonder te scrollen nog maar gezien door 3,85% van de surfers.

En mobile dan?

• Tenzij uw doelpubliek er echt om vraagt, of u zeker weet dat de site duizenden euro’s extra winst zal maken dankzij uw optimalisatie voor beeldschermen met een lage resolutie, kan u 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.

Artikels die je zeker ook interesseren

• Gebruik van browsers: statistieken
• Paginavouw en scrollen: feiten en fictie
• Veiligheid volgens Visa: Internet Explorer 6 rocks
• Niet welkom met uw oude brol!