Blog

Un cocktail de nouvelles fraîches !

Les tendances Webdesign pour 2012

Par L'équipe WILD le dans "design"

Le web est en constante évolution et les designers s’orientent souvent sur les nouvelles possibilités des navigateurs et les nouveaux modes d’utilisation d’internet. On constate ainsi que les outils mobiles, tels que les smartphones mais cette année surtout les tablettes, ont changé l’expérience Web de l’utilisateur.

Les sites sont plus que jamais orientés applications et multi plates-formes. On peut dans ce sens dégager six grandes tendances pour le développement de pages web pour cette année 2012 :


Responsive Webdesign

De plus en plus répandue, cette méthode de développement permet aux pages Web de s’adapter en fonction de la taille de l’écran, de la plus grande sur ordinateur à la plus petite sur smartphone.

Think Vitamin

source : Responsive Web Design : 50 Examples and Best Practices

HTML5 & CSS3

La combinaison de ses 2 technologies permet de construire des pages Web et applications compatibles multi plates-formes. On réduit de ce fait considérablement les coûts de production et de maintenance. Les actualités récentes comme : Adobe qui abandonne Flash ou Microsoft Silverlight ou encore le lancement de navigateurs supportant les nouveaux et il faut le rappeler, futurs standards Web, ne feront qu’accélérer la montée du HTML5 et des CSS3 pour 2012.

HTML5 & CSS3 Readiness

L’HTML5 et les CSS3 ne sont plus des technologies du futur mais sont bel et bien déjà utilisées par bon nombre de grands sites et marques. Même les gouvernements, très concernés par la compatibilité et l’accessibilité de leurs sites, s’y mettent ! Comme par exemple le gouvernement Luxembourgeois qui annonce : "les sites gouvernementaux seront très bientôt écrits avec HTML5"

La navigation fixe

On constate de plus en plus l’apparition d’éléments de navigation fixes, tels que des barres de navigation horizontales ou des "menus outils" latéraux. A l’image du mobile, c’est maintenant le contenu qu’on bouge et recharge et la navigation qui reste fixe. Cette tendance nous vient principalement des tablettes où elle permet une navigation plus aisée en éliminant le scroll vers le haut de page.

Ce type de navigation est particulièrement intéressant lors de développements de type "One-page" tels que sur ce site :

Electro Chuck

Les Web Fonts

Les polices de caractères optimisées pour le Web font partie des incontournables de 2012. La combinaison des résolutions d’écrans, du multi plates-formes et la simplicité d’insertion de ces fonts poussent les designers à mettre plus d’importance sur le contenu que sur les éléments de design purs. Il est maintenant tout à fait possible et même tendance de faire du design plutôt à partir de texte qu’en image, ce qui favorise en même temps l’accessibilité, le référencement et le pageload.
Firefly Hosting

De gros headers et de long footers

On trouve surtout en homepage, des logos surdimensionnés et des headers énormes qui ont pour but de rendre les sites mémorables et uniques. On constate l’utilisation toujours plus répandue d’images vectorielles en combinaison avec des polices exotiques et cela même sur des sites orientés "business". Pour 2012 : fini l’austérité, place à l’identité !

Pistachio

Pour le footer, fini aussi le temps où on l’utilisait juste pour répéter la navigation en liens texte et "caser" le copyright. Il joue maintenant un rôle plus proéminent. Il est graphiquement recherché, contient des informations supplémentaires ainsi que les liens sociaux, les coordonnées de contact, etc. Le footer est donc un élément de la page à ne pas négliger dans ses développements futurs !

thinkgeek

En conclusion

L’année 2012 est l’année du mobile ! Si vous avez l’intention de faire développer votre site ou de faire une refonte, poussez vers le responsive Webdesign afin que votre site soit parfaitement accessible sur toutes les plates-formes. Le temps des réticences par rapport aux standards HTML5 et CSS3 qui ne sont certes pas encore finalisés mais déjà largement supportés, est révolu. Le futur c’est maintenant ! Ne gâchez pas votre énergie ou votre argent en investissant dans des technologies bientôt dépassées... Optez pour l’HTML5 et le multidevice !