Tendances du webdesign pour 2012

Tendance du webdesign 2012

Comme en chaque fin d’année qui se respecte, les prédictions d’avenir vont bon train. Sans affirmer de quoi sera fait 2012, nous pouvons tout de même apercevoir les grandes tendances du webdesign pour cette année à venir.

Surfant sur les tendances ou non, le webdesign est en constante évolution. Les « tendances » suivies par les webdesigners tendent à faire évoluer le web de manière commune. Elles poussent le niveau général de compétences toujours un peu plus loin. D’après le web actuel et les avis de talentueux acteurs du web, nous pouvons voir clairement 8 tendances qui continuerons à évoluer au cours de cette nouvelles année :

Le Responsive Webdesign

Omniprésents sur le web toute cette année 2011, les sites web basés sur une mise en page adaptable à toutes les résolutions continuerons à prendre une place importante dans le paysage webdesign. On peux imaginer que le principe se développe au sein des « gros sites web » comme les sites d’actualités ou les grands portails nationaux, bien entendu avec la publication de nouvelles techniques et outils pour améliorer le workflow global de ce type de site.

Tendance du webdesign pour 2012

HTML 5 et CSS3

Figurant dans les tendances depuis fin 2009, le couple HTML 5  / CSS 3 va encore faire tourner les têtes en 2012. Avec le développement d’Internet Explorer 10, Microsoft promet une compatibilité exemplaire avec les technologies actuelles. Si tel est le cas, ceci va permettre aux webdesigners d’exploiter réellement les possibilités offertes par CSS3 dans des projets web. HTML5 quant à lui, va continuer à servir de base pour les applications web, mais surtout les sites mobiles.

webdesign-tendance-2012

Les animations Jquery / CSS3 et HTML 5

À mettre en parallèle du paragraphe précédent, grâce à l’évolution de la compatibilité des navigateurs, on peux clairement imaginer que les animations CSS3 et Jquery dépasseront le simple statut d’expériences, mais deviendrons de plus en plus utilisées dans le développement de sites web pour vos clients.

webdesign-tendance-2012

Les menus fixes

Avec l’avènement des effets de parallaxe, du scroll dynamique avec Jquery et des sites basés sur une page, le navigation devient de plus en plus fixe. C’est le contenu qui animé autour d’une navigation fixée. Utile pour de petits sites vitrines ou bien un portfolio. Cette tendance s’inscrit dans une logique d’adaptation aux mobiles et notamment aux tablettes.

webdesign-tendance-2012

webdesign-tendance-2012

Stratégie de design global

Je nommerai cette tendance, la stratégie de design global. Dans la même lignée que le Responsive Webdesign, le développement et la multiplication des supports utilisés pour naviguer sur le web oblige à penser les interfaces différemment. Les plates-formes web comme Facebook ou Twitter redoublent d’ingéniosité  pour garder une cohérence d’utilisation entre le mobile, la TV connectée, les tablettes et les ordinateurs de bureau. Ainsi l’application mobile se rapproche de plus en plus du site web et vis-versa.

webdesign-tendance-2012

Les polices web

Les polices exotiques optimisées pour le web ont connus un élan de popularité en 2011. Grâce à elles, il est facile de créer une interface basées sur des éléments uniques. La facilité d’utilisation des polices, comme celles de Google Web Font qui permet d’inclure une police simplement avec une ligne de Javascript va devenir quasi-incontournable dans les futurs design.

Webdesign Tendances 2012

Les illustrations vectorielles

Amateurs de vectoriel ou non, les designs basés sur des grandes illustrations vectorielles et des infographies deviennent de plus en plus courants. Les mascottes personnalisées qui donnent une identité forte au site sont souvent choisies pour lancer une marque ou un nouveau service.

Webdesign Tendances 2012

webdesign-decembre-2011

Un élan de simplicité

Les sites web modernes offrent de plus en plus de possibilités, en terme d’actions et d’interactions. Pour ne pas perdre l’utilisateur et le conduire facilement dans l’interface, les sites clairs et faciles d’utilisation remporterons la partie. Indiquer clairement le but du site et ce que l’on attend de l’utilisateur est essentiel.

webdesign-tendance-2012

Pour conclure

La tendance la plus importante à suivre durant cette nouvelle année est bien entendu l’évolution des sites et applications destinées aux mobiles et tablettes. Le Responsive Webdesign est un des éléments qui permettra d’imposer une stratégie globale de design adaptés à différents supports. L’avancée de la sémantique HTML 5 et CSS3 verra grandir des webdesigners talentueux formé directement à partir des technologies actuelles.

Qu’en pense les acteurs du web ? Retrouvez les interviews et prédictions des designers, développeurs et bloggeurs de talent sur Design Modo et Webdesigner Depot. Pour en savoir plus sur l’avenir d’HTML 5, Tech Crunch à creusé le sujet avec 14 prédictions pour 2012.

Et pour vous mes chers lecteurs, meilleurs voeux pour cette nouvelle année 2012 !

Vous aimerez aussi :

Cette entrée a été publiée dans Webdesign. Vous pouvez la mettre en favoris avec ce permalien.

8 commentaires sur Tendances du webdesign pour 2012

  1. Ping : Tendances du webdesign pour 2012 | WebdesignerTrends ... | Web Design Neoconsulting | Scoop.it

  2. Bel article…
    Merci!

  3. Guy Arbus dit :

    Bonjour,

    Je suis tout à fait d’accord avec les trends annoncés pour 2012, ils semblent pertinents et s’inscrivent dans l’évolution logique dans ce domaine.
    Très bon article qui va permettre à de nombreux webdesigners de transcender leurs créations en proposant du contenu en rapport avec les tendances actuelles !

    Cordialement,

    Guy ARBUS

  4. Ping : Tendances du webdesign pour 2012 | WebdesignerTrends ... | CSS3 et HTML5 | Scoop.it

  5. weblinear dit :

    Article intéressant, j’ai l’impression que nous allons entré dans une nouvelle dimension du web et du webdesign … nous sommes simplement au début des évolutions possibles avec le HTML5 / CSS3 couplé à Jquery.

  6. Ping : Tendances du webdesign pour 2012 | Le "ça m'intéresse" de Camyo | Scoop.it

  7. Ping : Tendances du webdesign pour 2012 | WebdesignerTrends – Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels » Web Design

  8. Ping : Tendances du webdesign pour 2012 | WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels | Mnemosia: Graphics, Web, Social Media | Scoop.it

Laissez votre impression, réagissez à l'article !

L'adresse de contact ne sera pas publiée.

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>