Article d’archive . Les outils et versions mentionnés correspondent à l’époque de publication.
Quelles seront les modes et grandes tendances ?
Trois questions importantes pour trois groupes : les propriétaires de sites, leurs designers et leurs développeurs .
Dans un web changeant, garder une avance compte. Connaître évolutions et tendances permet d’adapter vos sites et ceux de vos clients aux nouveautés.
Nous présentons ici les tendances visuelles et techniques susceptibles de dominer l’an prochain.
Beaucoup prolongent ou modifient légèrement des évolutions antérieures. Toutes influenceront notre création de sites.
Une véritable priorité au mobile
Le mobile-first est tendance depuis des années, mais les deux dernières ont apporté de grands progrès.
Les appareils mobiles dépassent officiellement les ordinateurs. Ils sont devenus un outil de navigation majeur et souvent principal.
Google prévoit son premier index mobile-first, privilégiant davantage les sites pensés pour mobile que pour ordinateur. Le mobile ne doit donc plus être un ajout mais l’une des premières décisions.
Le responsive a mûri : grande typographie, menu hamburger et contenu du premier écran ont aussi gagné l’ordinateur.
Cela continuera avec d’autres innovations, comme les éléments fixes en bas, oui, en BAS. Les utilisateurs mobiles s’y habituent car ils sont plus faciles à utiliser. Nous pensons les voir bientôt partout.
AMP (Accelerated Mobile Pages) est presque une tendance à part et devrait encore se développer.
Notifications push
Les notifications deviennent un canal marketing important. Davantage de sites proposeront cette information aux utilisateurs.
Pourquoi les ajouter à WordPress ? Parce qu’elles :
- Sont bien prises en charge sur appareils et navigateurs
- Fonctionnent très bien sur mobile
- Ont un taux de clic supérieur aux campagnes e-mail
Elles peuvent aussi déranger. La simple demande d’autorisation suffit à rebuter certains. C’est le défi du design : trouver une intégration intelligente et attrayante à mesure qu’elles se généralisent.
Graphismes et illustrations sur mesure
Le visuel est un élément central du contenu web.
Il transmet naturellement des informations impossibles à rendre par le texte. Bien optimisées, les images ont aussi une valeur SEO.
Les photos de stock fonctionnent encore, mais la tendance va vers le fait main : graphismes propres aux besoins du site et illustrations uniques.
Personnalité et ton distincts démarquent le site dans un environnement croissant. Les illustrations sont souvent plus légères que les photos ; associées au SVG, elles répondent au besoin de vitesse.
Graphismes animés
Les navigateurs avancés libèrent le design du statique et rendent l’animation facilement disponible.
Elle redonne vie aux anciens sites et, avec les micro-interactions, crée une expérience plus marquante et interactive.
Applications possibles :
- Logos• L’animation rend le logo mémorable. On reconnaît aussi sa présentation ; il peut raconter seul l’histoire de la marque.
- Animations de chargement• Elles relient attente et accès au contenu et réduisent le risque d’ennui et de départ pendant le chargement.
- Navigation• Avec le mobile, les menus classiques cèdent du terrain aux menus cachés.
- Effets de survol• Ils signalent l’interaction possible, montrent où agir et augmentent les chances d’action..
- Effets de défilement• Effets déclenchés lors du défilement, accompagnent la descente. Ils peuvent raconter une histoire plutôt que déplacer une page statique, remplacer boutons et menus et expliquer les produits comme chez Apple.
Arrière-plans de particules
Nous verrons davantage d’animations de fond. Les particules répondent à certains problèmes des vidéos, comme leur poids.
En JavaScript, elles sont légères et apportent mouvement et attention sans dégrader le site.
Palettes vives et dégradés
Autrefois limité aux couleurs sûres, le web bénéficie désormais d’écrans meilleurs reproduisant des milliers de teintes.
Les designers en profitent.
La tendance privilégie forts contrastes et couleurs vives et audacieuses.
Les dégradés reviennent aussi !
Asymétries et irrégularités volontaires
Du téléviseur au petit mobile, le site n’exige plus forcément une grille traditionnelle. Les dispositions asymétriques progressent,
et devraient davantage se développer l’an prochain.
La grille domine encore le contenu dense, mais les sites centrés sur le design cherchent l’originalité.
Asymétrie et parallaxe créent une expérience multicouche riche en effets.
Polices audacieuses et grande typographie
La grande typographie affirmée progresse depuis plusieurs années.
Polices gratuites et appareils améliorés permettent de se démarquer avec de très grands caractères. Beaucoup d’espace vide facilite leur lecture.
Presque tous les navigateurs récents prennent en charge TrueType / OpenType ; les entreprises peuvent utiliser leurs polices sans choix limités.
Les designers en profiteront davantage, notamment pour remplacer des images par du texte, souhait ancien devenu possible. Les polices légères et extensibles permettent des
messages visuels sans télécharger de grandes images et leurs coûts de données ou lenteur.
Micro-interactions
Ce sont de petits signes de réaction, surtout sur les réseaux sociaux où elles sont presque omniprésentes, souvent accompagnés d’animations.
Elles permettent d’interagir différemment avec le contenu selon le sentiment qu’il inspire.
Leurs avantages :
- Retour visuel sur les actions
- Interaction sans actualiser la page
- Meilleure expérience utilisateur
C’est déjà une tendance de l’année à venir. Medium a récemment permis d’« applaudir » les articles appréciés.
Des extensions WordPress le permettent aussi. Contact Form de WPForms peut remplacer un texte dès le clic d’envoi ; Animate It! ajoute des animations aux boutons.
Chatbots
Les chatbots progressent nettement. Après l’appel officiel de Facebook aux développeurs pour Messenger, leur nombre est passé de 30 000 à 100 000 en un an.
Les premières extensions WordPress sont disponibles et répondent aux questions et aident les clients, au moins simplement.
Synthèse
Prédire les tendances ne peut être exact à 100 %. Nous saurons à la fin de l’année lesquelles auront dominé.
Cela ne retire pas l’intérêt de réfléchir en avance.
Pour qui travaille sur des sites ou en possède, suivre les évolutions est essentiel.
Beaucoup de tendances décrites existent déjà et se renforceront. Des nouveautés encore absentes apparaîtront aussi.
