Les nouvelles tendances Web design 2018

Au cours des dernières décennies, le Web design à connu une croissance rapide. Elle est due aux progrès techniques et aux nouvelles possibilités de création. La différence depuis ces dix années c’est qu’aujourd’hui, le Webdesign se modernise à vitesse grand V. Par contre, cette tendance de modernisation du web design ne veut pas dire que nous négligeons le contenu, lequel doit rester de qualité.

1re tendance : un site internet tourné vers l’expérience utilisateur

La première chose à prendre en compte c’est la clarté de votre menu. Il doit être facilement identifiable et utilisable par vos prospects et clients. En 2018, le menu dit « burger » ou menu latéral, va se généraliser. Ce genre de menu était réservé jusqu’ici aux versions responsive ou mobile de vos sites internet. Sous cette forme-là (≡) il va fluidifier la navigation et rendre beaucoup plus clair votre top menu et menu.

Voici donc un exemple de menu burger présent sur notre site :

La seconde tendance liée à l’expérience utilisateur, concerne la disposition des contenus sur vos pages. La disposition dite en « mosaïque » va se généraliser début 2018. Ces nouvelles dispositions vont vous rendre visuellement plus attrayant mais aussi plus incitatif pour la personne qui naviguera sur votre site internet. Cette disposition s’inspire de celle du site internet de Pinterest. Notre petit conseil est d’utiliser la mosaïque sur certains éléments de votre site web mais pas partout !

Voici un petit exemple qui vous donnera des idées pour votre blog :

2e tendance : de plus en plus d’interactions avec les visiteurs

Les micro-interactions sont des nouvelles tendances qui se rapprochent de l’expérience utilisateur. Avec de plus en plus d’effets d’animation. Ces effets d’animation correspondent à un mouvement d’un symbole, d’une phrase quand l’utilisateur passe sa souris dessus. Il est vrai que cela existe depuis deux ou trois ans sur vos ordinateurs, mais cet effet arrive sur mobile avec un effet plus notable : la vibration du mobile quand vous passerez le doigt dessus.

Intégration des vidéos 360° dans votre site web. Cassez les codes traditionnels pour donner de nouvelles expériences à vos clients. Pour présenter un nouveau produit par exemple, la vidéo 360 degrés est faite pour vous. Plusieurs plateformes comme celle de YouTube vous permettent dès à présent d’intégrer des vidéos avec vue panoramique. Voici un exemple de vidéo 360° :

Côté chatbots, pas de grande nouveauté, mais pour cette nouvelle année 2018, les sites web d’entreprise vont chercher à insérer de l’intelligence artificielle sur votre site Web. Pour rappel, les chatbots sont des petites interfaces de dialogue (généralement en bas à droite) permettant à l’utilisateur de poser des questions à l’entreprise.

Ce qui va être une nouvelle tendance, c’est l’interface utilisateur à commande vocale (VUI). Nous connaissions Siri de Apple, Google assistant…. Cette nouvelle interface utilisateur à commande vocale va donc être en vogue en 2018 : on pourra interagir par la voix depuis un site internet.

3e tendance : Adieu le clic, bonjour le scroll

Cette nouvelle tendance est due à l’augmentation du temps presque quotidien passé sur votre mobile. Ainsi le « mobile first » ne s’appliquera plus seulement sur mobile. Vous allez me dire que le scroll n’a rien de nouveau, mais le grand changement c’est le scroll infini. Je vous le recommande sur votre blog si vous avez plus de 100 articles. La solution du scroll infini c’est de faire charger de nouveaux articles quand l’utilisateur arrive en bas de page. Pas de perte du lecteur, pas de changement d’onglet… l’utilisateur reste concentré sur votre site web. Vous avez encore des doutes ? Voici les recommandations de Google pour le scroll infini.

4e tendance : la typographie de votre site web.

Nouvelle tendance 2018, jusqu’à présente interdite : le mélange de polices de caractères dans votre site Web. Si ce mélange est bien fait et harmonieux, il influence positivement le comportement du consommateur naviguant sur votre site. Le seul critère du choix de polices c’est d’avoir quelque chose de lisible pour vos lecteurs.

5e tendance : temps de chargement de votre site web

Parmi les nouvelles tendances pour cette année 2018, certaines vont peut-être ralentir votre site et donc impacter son chargement. Vos développeurs vont analyser chaque contenu et voir ceux qui mettent le plus de temps à charger sur votre page. Et ils ont raison : un temps de chargement trop long peut en dissuader certains de continuer à naviguer sur votre site web. L’expérience utilisateur doit toujours être au cœur de vos préoccupation et de celles de votre développeur. Voici donc les dernières astuces pour dissimuler un temp de chargement anormalement long :

  • Une barre de progression : si l’internaute doit patienter, il doit au moins connaître le temps de chargement de la page.
  • Chargement des éléments les plus important en premier : s’il y a du scroll sur cette page, affichez les premiers contenus pendant que la fin de la page se charge.
  • JPEG progressif : pendant le chargement global de la page, utilisez une image de faible qualité pour ensuite charger une image en HD ou full HD.

Si cet article vous a plu, nous vous invitons à découvrir notre agence de Webdesign et à télécharger notre livre blanc « Identité Visuelle : rendez votre marque mémorable et reconnaissable »

Gabriel Dabi-Schwebel

Ingénieur de formation j’ai commencé ma carrière dans le conseil en télécom et en média. J’ai aussi monté de multiples projets entrepreneuriaux, marque de bijoux, bar à jus de fruits, éditeurs de logiciel avant de créer 1min30 en 2012, la première agence en Inbound Marketing en France. Avec 1min30, nous avons piloté les stratégies digitales de centaines d’entreprises mais aussi développé un blog qui a plus de 300K lecteurs par mois, une communauté de plus de 100K abonnés sur l’ensemble des nos réseaux sociaux et une maison d’édition dans laquelle nous publions nos livres et ceux de nos clients. Depuis 2017, je suis ainsi l’auteur et coauteur de 8 livres sur le marketing et la vente, dont 5 de méthodes basées sur l’intelligence collective : Acquisition Strategy Design, Customer eXperience ReDesign, Brand Strategy Design, Q2C Selling et 3 méthodes marketing pour les RHs Aujourd’hui, 1min30 fait partie des 3 plus grandes agences HubSpot en France. Nous avons fait des intégrations les plus complexes notre spécialité et proposons à nos clients un accompagnement complet sur la solution alliant conseil, intégration, formation et agence. Contactez moi si vous souhaitez dépasser les objectifs de leur investissement CRM.

Voir les commentaires

  • la question qui s'impose alors : faut-il alors aller dans le sens des tendances ou se démarquer et sortir du lot :)