Webdesign en Netbooks

Websites bouwen in 2009

Gepost door peter op 04 Jan Reageer

Sinds Asus eind 2007 de mini-laptop EEE uitbracht ging het hard met de zogenaamde Netbooks. De populariteit zorgde er al snel voor dat ook andere leveranciers kleine laptops met betere specificaties uitbrachtten. Zoals ik zelf sinds vorige week merk, betekent de populariteit van die leuke apparaatjes voor ons als websitebouwers ook wat nieuwe uitdagingen.

De verwachting is dat de Netbooks in 2009 nog populairder zullen worden, zeker nu er behoorlijk wat aanbieders van mobiele telefonie zijn die dataabonnementen koppelen aan leuke laptops zoals de MSI Wind, de Asus EEE en de Samsung NC10.

Deze apparaten hebben wel wat beperkingen waar wij als websitebouwers rekening mee moeten houden. Het is alsof we een paar jaar terug in de tijd geslingerd worden.

Schermresolutie

De minilaptops zijn uitgerust met een kleiner scherm dan de grote broers, de gangbare (en op dit moment maximale) maat is 10,2 inch. De resolutie die daar bij hoort is in de meeste gevallen 1024x600 pixels. Dat is dus wel even wat anders dan de minimale resolutie van 1600x1200 waar we als webdesigners graag van uit zouden willen gaan.

Wat heeft dat voor consequenties voor ons als websitebakkers?

"De Vouw"

Allereerst zullen we er aan moeten wennen dat de effectieve schermruimte erg beperkt wordt, als we Firefox als uitgangspunt nemen, dan blijft er, na aftrek van menu- en adresbalk, een viewport met een hoogte van 460 pixels over. Dat is dus erg weinig ruimte voor de "eerste idruk".

Als we naar dit screenshot van Nu.nl kijken, dan zien we wat er gebeurt als er aan de bovenkant veel ruimte overblijft voor banners e.d.: de daadwerkelijke content begint pas op 1/3 van de viewport en de navigatie (nieuwscategoriën) valt voor een deel van het scherm af.

Webdesigners moeten dus weer meer rekening houden met "de vouw". Het is natuurlijk niet erg om te scrollen, maar essentiële zaken als de websitenavigatie moeten wel in beeld blijven. Denk bijvoorbeeld na over een horizontaal menu in plaats van een verticale.

Ga voor optimalisatie voor de Netbooks uit van de volgende maten:

Breedte: maximaal 1004px
Hoogte in Internet Explorer 6: 420px
Hoogte in Internet Explorer 7 en Firefox: 460px
Hoogte in Google Chome: 505px

Banners

Ook zal dit invloed hebben op de plaats van banners in een pagina. Een bannerpositie bovenaan een pagina is voor een adverteerder natuurlijk erg aantrekkelijk, maar voor de beheerder een stuk minder als blijkt dat die banner 1/3 van de ruimte van het scherm inneemt.

Een skyscraper die naast een website staat wordt ook steeds minder interessant, die heeft namelijk alleen zin als een pagina ongeveer 800px breed is.

Het lijkt wel 2002!

Sinds een paar jaar is een resolutie van 1024x768px de veilige keuze geweest bij het maken van een website. Het laatste jaar ging het percentage schermen met een hogere resolutie ook al richting de 50%. De Netbooks gooien helaas weer wat roet in het eten en de komst van mooie mobiele apparaten zoals de iPhone maakt het er ook niet makkelijker op.

Alhoewel het ook wel weer een leuke uitdaging is, ons werk moet ook niet te makkelijk worden.