Hebben uw bezoekers full-HD? Smartphones? Of iPads?

Resoluties van beeldschermen verschillen steeds meer. Zorg dat uw website er klaar voor is.

27 06 11 | Serieuze zaken |

Nog niet zo lang geleden konden websites alleen met een computer worden bezocht. De verschillen tussen de beeldschermen  waren relatief beperkt: laptopschermen hadden meestal een breedte 1024 pixels en sommige desktop computers gingen tot 1600 pixels. Anno 2011 zijn beeldschermen veel groter. Of juist kleiner. Is uw website hierop voorbereid?

Beeldschermen worden kleiner...

Nu worden steeds meer andere apparaten gebruikt om het web te bezoeken. Smartphones, met schermresoluties vanaf 320 x 240 pixels (budget Android telefoons) tot 960 x 640 (iPhone 4).

iPads (1024 x 768) en andere tablets verkopen in 2011 als warme broodjes, en worden intensief gebruikt. Net als bij smartphones kunnen tablets staand én liggend worden gebruikt.

Bediening gebeurt met een touchscreen. Of een trackball (Blackberry). En oh ja, apparaten van Apple ondersteunen geen Flash. Hierdoor kan een webdesigner niet meer uitgaan van een vaste schermbreedte of bediening met een muis.

...en groter. Veel groter.

Ook in computerschermen is steeds meer variatie gekomen: de kleine netbooks hebben een breedte van 800 of 1024 pixels, maar bij desktop computers zie je steeds vaker full-HD schermen van 1920 pixels. Als je met zo'n breed scherm een website bezoekt die is opgemaakt voor kleine schermen zie je aan weerszijden een grote ongebruikte marge.

Anticiperen op beeldschermgroottes

Er zijn grofweg 3 manieren om te om te gaan met de verschillende beeldschermgroottes:

1. Verschillende layouts
   Bezoekers met verschillende aparaten krijgen een op maat gesneden layout: de versie voor mobiele bezoekers met een smartphone zien een eenvoudige layout die is geoptimaliseerd voor hun kleine beeldscherm. Deze versie kun je optimaliseren voor navigatie met touchscreens.

2. 'Apps'
   Het grote buzzword van deze tijd: geen website, maar een op maat geneden applicatie (een 'app') voor de iPhone, de Android, of tablets. Doordat je hierbij optimaal gebruik kunt maken van de mogelijkheid van het apparaat, kun je hier in principe het mooiste resultaat mee bereiken. Apps vragen een serieus budget, en zijn vooral interessant voor bedrijven die regelmatig terugkerende contactmomenten met hun klanten hebben of willen. Denk hierbij aan bankieren, games, of betaalde tijdschriften.

3. 'Responsive design' - 1 website voor verschillende resoluties
   Het toepassen van flexibele breedtes op een website was al langer mogelijk. Met de nieuwe mogelijkheden van HTML5 en CSS3 is het mogelijk om een website te maken waarvan de hele layout zich dynamisch aanpast aan de schermresolutie van de bezoeker. Het grote voordeel hiervan is dat er slechts 1 versie van de site gebouwd en onderhouden moet worden.

Wees voorbereid

U kunt er niet meer klakkeloos van uit gaan dat alle websurfers op hun scherm hetzelfde zien als u op uw eigen beeldscherm. Hoe ziet uw site eruit op een IPhone3? En op een Blackberry?

Mocht u op dit moment bezig zijn met de opzet van een nieuwe website, dan moeten niet alleen uw doelstellingen, maar ook de  technische mogelijkheden van uw bezoekers in kaar worden gebracht. Als u dit weet, heeft u al een eerste stap genomen naar een website die een flinke tijd kan meegaan.

Gebruikte Tags: applicatie, beeldgrootte, beeldscherm, interactief, resolutie, webdesign, website

Reageer