Welkom in 2012! Het web heeft zijn derde decennium bereikt en het verandert sneller dan ooit. Wat zijn de nieuwe trends in webdesign? Hieronder de belangrijkste.

1. Chrome haal Internet Explorer in

Als de huidige groeicijfers doorzetten, wordt Chrome (van Google) ’s werelds populairste browser. Rond het midden van 2012 komt er een einde aan de de 13-jarige heerschappij van Internet Explorer. In reactie op de dominantie van Google, zal Microsoft in het voorjaar Internet Explorer 10 uitbrengen. Dat wordt een geweldige browser met een gelikte interface, verbazingwekkende snelheid en een uitstekende ondersteuning van de W3C standaarden .

2. Internet Explorer 6 en 7 sterven uit

In januari 2012 surft wereldwijd 1,8% met Internet Explorer 6 en 4,0% met Internet Explorer 7. En dat wordt snel minder. De extra kosten om websites in deze browsers goed te laten werken zijn dus nog nauwelijks de investering waard. Webdesigners zullen minder vaak ingewikkelde en tijdrovende aanpassingen doen om het ontwerp er in Internet Exolorer 6 en 7 precies hetzelfde uit te laten zien.

Toch is 5,8% van de markt een heleboel mensen en blijven Internet Explorer 6 en 7 de standaard browser voor veel grote organisaties en overheidsdiensten. De beste oplossing is te zorgen dat websites goed blijven werken in Internet Explorer 6 en 7. Het ontwerp hoeft niet pixel-perfect te zijn, het mag best wat minder mooi zijn. Als de essentiële inhoud maar beschikbaar blijft voor iedereen.

3. Tablets en smartphones vragen om Responsieve Design

In 2012 krijgen steeds meer mensen tablets. De Apple iPad en de Kindle Fire worden steeds populairder, en binnen een paar maanden, zal je op elke zakelijke bijeenkomst tablets aantreffen. Ze zijn misschien niet echt nodig, maar het maakt je wel cool en belangrijk. Momenteel surft ongeveer 8% op het web met een smartphone.

In 2012 wil iedereen dat zijn website goed werkt op desktop computers, tablets en smartphones, zowel in liggende als in staande positie. Webdesigners zullen bij hun ontwerpen hier rekening mee moeten houden. Dit heet Responsive Design: het ontwerp past zich vanzelf aan aan de schermbreedte. De meeste webdesigners blijven echter websites ontwerpen met een vaste breedte. Ik ben me al aan het bijscholen in flexibele lay-outs en CSS3 media queries en ga dit in 2012 in praktijk brengen.

4. HTML5 in plaats van Flash voor animaties

HTML5 neemt steeds meer de paats in van Flash, bijvoorbeeld bij bewegende banners (advertenties).

De voordelen van zijn onder meer:

• HTML5 werkt ook op iPad en iPhone, Flash niet.
• Animaties passen zich aan aan verschillende schermformaten door het gebruik van o.a. media queries.
• De bestandsgrootte wordt kleiner, zodat animaties sneller verschijnen.
• HTML5 animaties zijn moeilijker te blokkeren.

5. Webpagina’s worden steeds zwaarder

Als de huidige trends zich voortzetten, zal de gemiddelde grootte van een enkele webpagina – inclusief alle CSS, JavaScript en mediabestanden – tegen het einde van 2012 de 1MB bereiken. Dit is vreemd, omdat HTML5 en CSS3 de noodzaak voor afbeeldingen en JavaScript verminderen. Toch worden er steeds meer filmpjes, scripts, etc., aan webpagina’s toegevoegd. Bedenk dat steeds meer mensen mobiel surfen. Voor hen is het extra belangrijk dat pagina’s snel laden Als jouw pagina’s langzaam laden, doe je bezoekers dan een plezier en laat je website ombouwen naar HTML5.