14 décembre 2010
par Emeline Bulcourt dans   Inspiration Typographie Webdesign Zoom sur 1

Webdesign 2010 : Rétrospective des principales tendances de l’année

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.

Midt Somme Jazz 2010

Ngen Works

So1o

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.

Killer Brigade

Fox Classics

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.

Hunters wine

Indie Labs

Site Inspire

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.

American Eagle

Plus de bulles.com

Guitar Hero

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.

Hyper X Media

paramore redd

Bixal.com

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.

jeroen homan

fajnechlopaki

Volll

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é.

i love your tshirt

sam rayner

Rue 89

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 »).

Fig Tree

Brite Revolution

Kiki and Bree

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 :

Tags : - - - -

A propos de l'auteur

Emeline Bulcourt

Emeline Bulcourt est directrice artistique au sein d'une web agency lilloise, et co-fondatrice du collectif ikomeo. Passionnée de graphisme et de web et constamment à l'affût des dernières actualités et tendances du milieu, elle partage son expérience et son analyse à travers ikomeo Design.

Continuez votre lecture

Partagez cet article

  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • Twitter
  • viadeo FR
  • Add to favorites
  • email
  • Live
  • MySpace
  • Netvibes
  • PDF
  • RSS
  • Technorati
  • Wikio FR
  1. 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.

Laisser une réponse


(ne sera pas publié)

(*) Champs obligatoires.