Webdesign 2010 : Rétrospective des principales tendances de l’année
L’avènement de la typographie sur le web
La typographie n’a jamais été aussi présente sur le web. Les polices de caractère agrémentent maintenant nos pages web avec autant de force que l’image, et sont devenues un élément à part entière dans le webdesign et la créativité sur le web. Le temps où l’on se cantonnait aux polices système est réellement révolu, ce changement ayant été grandement favorisé par l’émergence de solutions permettant d’implémenter de nouvelles polices sur le web (@fontface, Google Font Api, etc). L’extension de nos écrans et leurs nouvelles résolutions ont aussi donné de l’espace aux créatifs, qui ont pu de cette manière valoriser un vrai travail typographique.
Occuper l’espace vide par des panoramiques visuels
Evoquée dans un précédent article, cette tendance a aussi marqué l’année 2010 en terme de design. Nos écrans sont en effet de plus en plus larges, nos résolutions de plus en plus importantes, l’intérêt d’occuper tout cet espace « vide » est multiple : un impact indéniablement multiplié, un nouvel espace pour communiquer, des ambiances plus marquées, … Le background d’un site n’est plus fait que de simples aplats de couleur, ou de motifs répétés à l’infini, mais a laissé place à la mise en valeur de photos, d’illustrations, ou d’éléments graphiques. On privilégie l’impact au contenu de manière à donner le ton très rapidement et à absorber le visiteur dès le premier coup d’oeil.
Une tendance à l’hyper-minimalisme
En opposition à l’idée précédente, la tendance au minimalisme s’est accrue considérablement dans le paysage web de cette année 2010. Se limiter à l’essentiel, ne plus avoir peur du « blanc »… le minimalisme est devenu une vraie force : il repose l’oeil du visiteur qui est constamment sollicité sur la toile, rend l’accès à l’information plus évident, facilite la hiérarchisation de l’information. De la simplicité pour plus d’efficacité en somme.
Des menus déroulants extra-larges
Effet de mode ou véritable intérêt pour la navigation ? Difficile de savoir si cette nouvelle tendance aux menus surdimensionnés entrera sans lacune dans les habitudes de navigation des internautes. Toujours est-il qu’elle fait partie des éléments qui ont fait leur apparition un peu partout sur la toile. Un moyen sans aucun doute de donner accès en un seul clic à une gamme large de produits, ou de pousser certains contenus sans perturber l’interface du site. Ou pour certains encore, d’y intégrer promotions ou liens contextuels pour mailler encore un peu plus le contenu d’un site. Fondamentalement, une idée qui n’est pas inintéressante, mais qui reste à manier avec précaution.
Une omniprésence des carrousels ou slideshows
Un des éléments les plus récurrents en terme de webdesign pour cette année 2010. Le carrousel, ou slideshow, présente l’avantage d’être visuel et impactant, de centraliser un maximum d’informations sur un espace restreint, et le tout de manière interactive, sans avoir à faire appel aux technologies flash. Pour ces raisons, il est devenu un élément très prisé sur nos pages web, et particulièrement sur les portails d’informations ou les blogs, où son principe s’est vu décliné sous de multiples formes.
Des sites à page unique
L’année 2010 aura vu fleurir bon nombre de sites construits sur une seule page. Le contenu se développe à la verticale ou à l’horizontale en intégrant un scrolling permanent. Un défi de mise en page qui se prête davantage à des sites contenant peu d’informations : ce système offre à l’internaute une manière de scanner le contenu très rapidement sans avoir à naviguer au clic, la navigation au scroll de souris étant privilégié. Ce principe de page unique est souvent utilisé par exemple pour des portfolios ou pages faisant office de cv.
Des footers étendus
Les footers qui ne contenaient qu’un lien vers les mentions légales ou les crédits ont fait leur temps. Les pieds de page de nos sites internet sont devenus de vrais éléments créatifs mais aussi utiles à la navigation et à l’information : on y retrouve par exemple le plan du site, les liens vers les différents réseaux sociaux, les inscriptions à la newsletter, des informations de contact (localisation, coordonnées, formulaires), ou encore même des flux d’informations tirés de blogs, ou de comptes twitters. Un espace qui n’est plus négligé aujourd’hui, et qui tend à devenir de plus en plus personnalisé.
Des mises en page en grille, inspirées de la presse papier
Beaucoup d’internautes férus d’information ont migré de la presse papier vers internet. L’enjeu pour les webdesigners a alors été de faciliter cette transition en proposant une organisation du contenu similaire à une mise en page de type « magazine ». La structure en colonnes caractéristique de la presse, et familière à tous, facilite la lecture et apporte plus de clarté dans l’organisation de l’information. Ce principe de design en grille se retrouve particulièrement sur les blogs, ou les sites d’infotainment (« l’info-divertissement »).
Conclusion
Indiscutablement, le webdesign actuel s’inspire de plus en plus des techniques traditionnelles du print : mises en page similaires, travail sur la typographie, … Une évolution rendue possible par la multiplication de nouvelles techniques qui permettent aujourd’hui aux webdesigners d’exploiter plus largement et plus librement leur potentiel créatif, sans pour autant affecter l’expérience utilisateur. C’est également sans compter l’utilisation grandissante du HTML 5 et du CSS 3, qui devrait apporter une nouvelle dimension aux créations web. De belles évolutions à suivre !
A lire aussi :
- « The Current State of Webdesign : Trends 2010 » par Smashing Magazine
A propos de l'auteur
Continuez votre lecture
A l'heure où la société pétrolière BP tente de redorer son image et sa réputation après avoir s ...
Qu'il s'agisse de trouver un brin d'inspiration ou de garder un oeil sur les dernières tendances ...
Sodebo Nouvelle identité pour la marque alimentaire Sodebo, qui fait désormais rayonner le cont ...
Nos résolutions d'écran ont beaucoup évolué au fil des années, passant du sempiternel 800*600 au ...
Pour vous permettre de garder un oeil sur ce qui se fait sur le web en terme de créativité, de d ...






























A voir aussi. Un site avec un beau webdesign. http://www.osmoze.fr Un site dedié au design mural et au graphisme d’espace : sticker, peinture, artpainting, wall painting. Assez réussi.