Blog

Tendances de conception WordPress pour 2019

Personne ne peut nier que l’Internet, le design et la technologie en général ont changé au fil des ans. Non seulement ils ont changé, mais nous, créateurs et consommateurs, avons également changé. Les choses se passent si vite qu’il est difficile de rester à flot et de savoir ce qui se passe et ce qui sort. Nous nous sentons obligés de dévoiler de nouvelles choses et idées chaque mois. Par conséquent, les tendances changent de phase plus rapidement que la lune. L’année 2018 a été passionnante pour le design WordPress, mais d’après ce qu’il semble, 2019 sera encore plus folle. Jetons un coup d’œil aux tendances de conception à venir.

1.  Asymétrie et grilles cassées

tendances-conception-wordPress-2019-01

L’année 2019 n’est peut-être que l’année de la rébellion du design, lorsque certaines règles bien établies sont enfreintes au profit de choix plus audacieux et plus dynamiques. En parlant de rupture, les grilles brisées, irrégulières et asymétriques semblent être à la hausse, du moins à en juger par certains des thèmes Woedpress qui existent déjà. Les mises en page seront omniprésentes, le texte et les images se chevauchant comme dans une erreur de code non intentionnelle. En 2018, il semble que le fait de jouer en toute sécurité, avec des dispositions bien rangées et symétriques.

Les motifs délibérément irréguliers, les images glissantes et les éléments qui se chevauchent un peu partout sont destinés à susciter l’intérêt du spectateur, vraisemblablement sursaturé et ennuyé par la mise en page propre, nette et lisible d’un livre

Les concepteurs se méfient, cependant. La ligne à franchir entre énervé et désordonné est très, très fine. Avec ce type de choix de conception, votre site Web peut apparaître comme étant visuellement frappant et innovant, ou il peut sembler encombré et négligé. Votre objectif principal est de transmettre tous vos messages visuels et textuels de manière claire, alors essayez de ne pas en faire trop et de ne pas outrepasser la ligne.

2.  La disparition de Pop-Ups et la montée d’éléments collants

tendances-conception-wordPress-2019-02

Nous sommes probablement tous d’accord pour dire que les fenêtres contextuelles sont utiles et servent un objectif très important. Cependant, au cours des deux dernières années, l’utilisation des fenêtres contextuelles est devenue tellement exagérée que les utilisateurs les perçoivent maintenant comme des personnes intrusives et grossières. Ils sont vraiment comme des mouches. En fait, nous pourrions même parler du fait que les utilisateurs sont carrément «aveugles aux fenêtres intempestives», ne remarquant même plus ces petits gars agaçants.

Pour remédier à cela, les concepteurs recourent de plus en plus à des éléments collants. Des éléments collants intelligents, bien conçus et stratégiquement placés vous mèneront probablement plus loin que des fenêtres pop-up embêtantes. Ils offrent (et collectent) des informations importantes, mais sans déranger le visiteur. En 2019, nous allons probablement voir de plus en plus de barres adhésives en haut ou en bas de la page, et pas uniquement à des fins promotionnelles.

3.  Maximalisme (mais aussi – minimalisme!)

tendances-conception-wordPress-2019-03

Certains disent que le minimalisme est mort. Pas seulement dans la conception web, mais en général. Jetez un coup d’œil aux récents défilés des plus grandes maisons de couture et vous verrez de quoi nous parlons. Un style épuré, silencieux et réduit laisse la place à des choix plus audacieux, des graphismes plus puissants et un rejet absolu des espaces vides. Eh bien, ce n’est pas tout à fait correct: l’espace vide ou négatif existe, mais il est réduit au minimum et c’est précisément là que se déroulent toutes les actions (les messages). Cela peut être une tendance passagère ou, comme le minimalisme, rester pendant encore une décennie ou deux. Nous devons juste attendre et voir.

D’autre part, le minimalisme est aussi en train de revenir. Mieux encore, il est en train d’être révisé et revisité. À l’heure actuelle, il existe tellement de sites Web minimalistes qu’il n’est plus intéressant pour personne. Le minimalisme est devenu la norme, pour ainsi dire, et il était temps de changer. En 2019, les concepteurs utiliseront intelligemment des animations, divers effets de fondu et un défilement engageant pour faire de la place pour un contenu plus espacé et donc plus dégagé.

Alors, lequel de ces deux va vaincre en 2019? La vérité est qu’il n’y a pas de réponse définitive à cette question. Certains sites peuvent bénéficier d’une conception maximale, tandis que d’autres prospèrent grâce au minimalisme. Par exemple, l’approche minimaliste est probablement encore un meilleur choix pour les sites de commerce électronique, où l’accent doit être mis autant que possible sur les produits.

4.  Conception Mobile First et navigation conviviale

tendances-conception-wordPress-2019-04

Depuis 2015, la majorité des recherches sur le Web et du trafic sur le Web en général ont eu lieu sur des appareils mobiles plutôt que sur des ordinateurs de bureau. C’est une tendance qui ne montre aucun signe d’arrêt, c’est pourquoi les développeurs et les concepteurs ont déjà adopté le modèle «mobile first». Plus important encore, lors de l’indexation des sites Web, Google donne la priorité aux sites Web adaptés aux mobiles . Cela signifie que si un site Web n’est pas prêt à fonctionner à 100% sur les mobiles, il est presque mort, en ce qui concerne le plus grand moteur de recherche au monde.

La conception mobile-first signifie que lorsqu’un site Web est conçu et construit, le point de départ est la version mobile, pas la version de bureau. C’est quelque chose que beaucoup d’entreprises font depuis un certain temps, mais cela deviendra une nécessité absolue en 2019.

Les thèmes réactifs ne sont guère une tendance en soi. Ils devraient plutôt être considérés comme la meilleure pratique. Néanmoins, mobile-first est considéré comme une tendance car l’utilisation du mobile ne fera qu’augmenter et les sites Web réactifs nécessiteront encore plus de concentration et d’attention.

Il convient également de mentionner la navigation conviviale pour les pouces, conçue de manière à optimiser l’utilisation du pouce, en particulier du pouce droit. Selon les recherches, la plupart des gens utilisent une main pour tenir et utiliser leur téléphone portable, le pouce étant l’outil principal. Même lorsque l’appareil mobile est tenu à deux mains, dans la majorité des cas, le doigt le plus utilisé est le pouce. Navigation conviviale pour le pouce signifie placer les éléments interactifs les plus fréquemment utilisés dans la zone du pouce. Le coin supérieur gauche de l’écran n’est plus l’endroit idéal pour les menus, car il s’agit de la zone la plus difficile à atteindre. Cette tendance sera explorée de plus en plus en 2019, les modifications de conception reflétant la manière dont nous utilisons nos téléphones et interagissons avec les sites mobiles.

5.  Palettes de couleurs saturées

tendances-conception-wordPress-2019-05

Tout comme les concepteurs ne veulent plus jouer en toute sécurité avec des mises en page propres et régulières et des grilles symétriques, ils commencent également à expérimenter les schémas de couleurs . La règle générale était toujours de «garder le ton atténué» – pas de couleurs vives, car celles-ci sont considérées comme collantes, vulgaires, voire offensantes pour le spectateur. Eh bien, le vent tourne, semble-t-il, alors que les couleurs vives, audacieuses et sursaturées deviennent une tendance majeure pour 2019.

Les couleurs dites “Web-safe” sont en train de devenir obsolètes, une tendance des dernières années, même si cette tendance a duré plus d’une décennie. Les sites Web terne et pastel aux couleurs atténuées peuvent être sûrs sur le plan visuel et stylistique, mais ils ne sont pas l’expression d’un esprit novateur. Pour cette raison, de plus en plus de concepteurs optent pour des couleurs audacieuses qui font vraiment éclater les sites Web.

Une autre raison de cette tendance est peut-être le fait que les couleurs vives, audacieuses et saturées sont vraiment superbes sur les écrans de rétine, qui gagnent également en intensité.

Enfin, les couleurs vives sont très difficiles à gérer et ne conviennent certainement pas à tout le monde. Les designers considèrent ces couleurs comme une prouesse, une entreprise qui témoigne de leurs compétences, de leur savoir-faire et de leur bon goût.

6.  Conception lourde de vecteur

tendances-conception-wordPress-2019-06

Beaucoup d’entre vous ont probablement déjà remarqué que de plus en plus de concepteurs utilisent des illustrations vectorielles pour leurs sites Web. Ce type de solution est idéal pour un certain nombre de raisons. Tout d’abord, c’est nettement plus novateur et inspirant que, par exemple, l’utilisation de photos. Tout le monde apprécie une bonne illustration . Si nous devons choisir entre une illustration vectorielle super mignonne d’un couple assis sur un banc dans le parc et une photo générique de la même scène, il est clair qui va gagner.

Une autre raison est que les sites Web à forte densité vectorielle mettent en valeur l’originalité et le caractère unique de leur auteur. Tout le monde peut acheter une photo pour l’utiliser dans une mise en page, ou même prendre une photo tout seul. Mais tout le monde ne peut pas créer une illustration vectorielle intelligente et mignonne qui profite au style général d’un site Web.

De plus, même si vous n’avez pas de concepteur de vecteurs sous la main ou si vous ne voulez pas en embaucher, des illustrations vectorielles sont disponibles à l’achat en ligne via divers marchés. 
Pour toutes ces raisons, et en raison de la réaction émotionnelle évidemment positive des utilisateurs face aux illustrations vectorielles, nous sommes certains que le design vectoriel va exploser en 2019.

7.  Palettes monochromes

tendances-conception-wordPress-2019-07

Choisir de concevoir votre site Web en noir et blanc est une décision audacieuse, c’est le moins que l’on puisse dire. Monochrome n’est certainement pas pour tout le monde. Mais nous avons remarqué que de plus en plus de designers s’intéressent aux schémas audacieux en noir et blanc, en particulier lors de la conception de sites pour l’industrie créative.

Qu’est-ce qui fait du noir et blanc un choix aussi intéressant et efficace? Eh bien, chaque couleur raconte une histoire. Chaque couleur exprime une émotion. Ils disent que le noir et le blanc ne sont pas même des couleurs, mais des combinaisons ou des réductions de toutes les autres couleurs. La couleur blanche est propre, innocente, vide, fraîche, nouvelle, tandis que la couleur noire est puissante, affirmée, englobante, agressive même. Combinés, les deux forment une symétrie parfaite. Plus important encore, ils laissent assez de place pour que les autres éléments brillent.

En plus des sites Web entièrement en noir et blanc, nous avons également remarqué l’utilisation d’accents de couleur combinés à une palette entièrement monochrome. Ceux-ci sont généralement utilisés dans des endroits stratégiques, pour accentuer les points d’intérêt de la page, ainsi que pour les appels à l’action. C’est un choix très intelligent qui est non seulement frappant, mais également très efficace en termes d’expérience utilisateur et d’interaction. Compte tenu de tout cela, il n’est pas surprenant que les sites Web en noir et blanc deviennent une chose en 2019.

8.  Choix audacieux de typographie

tendances-conception-wordPress-2019-08

Encore une fois, une tendance qui n’est peut-être pas particulièrement nouvelle, comme nous l’avons beaucoup vue en 2018, mais qui ne fera qu’augmenter. Les choix typographiques audacieux et forts sont à la hausse, car les concepteurs estiment que l’exploration du volume d’un type peut réellement permettre à d’autres éléments de s’installer autour d’eux d’une manière qui accentue certains messages. Paradoxalement, les gros caractères permettent également aux espaces vides d’exister sans paraître inachevés.

L’un des facteurs ayant contribué à la montée en puissance des types «forts» est la large disponibilité des polices personnalisées. Vous n’avez plus besoin de les inclure sous forme d’images rendues en JavaScript – il existe maintenant des ensembles prêts à l’emploi que vous pouvez acheter (souvent, ils sont déjà inclus dans un thème WordPress) et que vous pouvez facilement intégrer à votre site Web.

Une autre chose que nous avons remarquée et qui va probablement devenir encore plus importante est l’utilisation de empattements. Vous savez comment on disait toujours que les empattements sont destinés à l’impression, les empattements sont destinés au Web? Eh bien, c’est une autre règle qui disparaît, apparemment. Les sérifs ajoutent une certaine saveur particulière à la page, provoquent une douce nostalgie et même inspirent une ambiance littéraire quelque peu distinguée.

De l’autre côté du spectre, nous avons des polices saturées, désordonnées, voire cassées et une distribution irrégulière des types sur l’écran. Cela fait partie de la tendance asymétrique dont nous avons parlé plus tôt et fonctionne à merveille pour certains sites Web, en particulier ceux avec un design plat.

9. La  vidéo devient encore plus importante

tendances-conception-wordPress-2019-09

La vidéo en tant que contenu devient de plus en plus importante. Tout le monde se dépêche de publier des vidéos sur leurs sites Web, quel que soit le contexte. Cela peut être un en-tête vidéo, un arrière-plan vidéo (souvent avec de la parallaxe), une fenêtre contextuelle, une page vidéo avec des procédures, des présentations vidéo… Tenant compte de cette tendance, les concepteurs essaient de créer plus d’espace pour les vidéos ou pour en créer. des moyens innovants et créatifs pour les afficher.

Les en-têtes vidéo seront particulièrement volumineux en 2019. Des en-têtes vidéo en boucle sont disponibles depuis la version 4.7 de WordPress, et cette possibilité sera explorée au maximum dans la période à venir. En fait, de nombreux sites Web optent déjà pour la vidéo d’abord dans la conception Web. Une des raisons en est que les réseaux de médias sociaux accordent une grande attention au streaming et à la vidéo en général. C’est pourquoi WordPress est naturellement prompte à proposer des intégrations faciles dans cet aspect.  

Aussi, avez-vous remarqué à quel point le contexte dynamique était important en 2017 et 2018? Eh bien, en 2019, ils seront encore plus gros, mais plus basés sur la vidéo que sur des images ou des animations. La vidéo en plein écran est un excellent outil de conception. Cela laisse une bonne impression mais ne pose pas de distraction.

10. Le  dégradé est de retour

tendances-conception-wordPress-2019-10

Oh, des dégradés. Ils étaient si gros il y a quelque temps, lorsque toute cette nostalgie des années 80 a fait son apparition. Ils sont restés silencieux pendant un moment et maintenant ils sont de retour, avec vengeance. Il se trouve que les tendances rétro ne disparaissent jamais vraiment. Ils s’éparpillent dans le paysage stylistique trépidant dans lequel nous vivons aujourd’hui, en sortant leur tête de temps en temps pour faire grand bruit. Eh bien, en 2019, il est temps que les pentes soient au centre des préoccupations.

Les dégradés s’adaptent également à la tendance des couleurs vives. Selon leur nature, ils permettent l’utilisation de couleurs extrêmement expressives qui modifient leur dynamique et s’atténuent progressivement, pour un effet mémorable, à la fois audacieux et raffiné.

Une autre chose qui fait du choix des dégradés un design populaire est le fait qu’elles permettent la création (presque) de nouvelles couleurs. Vous prenez des couleurs qui sont peut-être même un peu usées en raison d’une utilisation excessive dans la conception Web, vous les combinez et vous obtenez un résultat visuel tout à fait unique. Sans oublier qu’ils représentent une «astuce» cool pour les sites Web qui n’offrent pas grand-chose en termes d’illustrations, de photos et d’images uniques.  

Les dégradés sont également intéressants lorsqu’ils sont combinés avec des filtres d’image conçus de la même manière, et nous allons certainement en voir beaucoup en 2019 sur le Web.

11.  Réalité virtuelle / augmentée

tendances-conception-wordPress-2019-11

La conception Web doit toujours suivre les grandes tendances technologiques, sans quoi elle deviendra inutile. Si la technologie dit que “les réalités virtuelles et augmentées sont l’avenir”, le design est déjà à l’étude, proposant une solution innovante pour le mettre en œuvre.

En 2019, la réalité virtuelle et augmentée sera encore plus importante , car les prix du matériel VR / AR baissent et la technologie devient plus accessible. WordPress est déjà livré avec des fonctionnalités d’intégration VR. Il existe également la célèbre API WebVR avec un certain nombre d’outils de création basés sur celle-ci.

La réalité virtuelle est probablement en train de transformer à jamais la nature de la conception Web, tout comme elle transforme déjà notre façon de voir et d’interagir avec l’interface Web. À présent, il est important de souligner ici que la réalité virtuelle dans WordPress n’est pas exactement la même que la réalité virtuelle dans, par exemple, Johnny Mnemonic ou Matrix . C’est beaucoup plus pratique que cela – et c’est précisément pourquoi il deviendra de plus en plus pertinent.

Par exemple, un site Web avec des éléments de réalité virtuelle peut offrir une vue 3D d’une mise en page, d’un produit ou d’un espace. Si vous y réfléchissez, vous vous souviendrez probablement d’avoir eu une sorte d’expérience VR / AR sur un site Web, très probablement une boutique d’e-commerce. Eh bien, vous allez probablement en voir encore plus dans l’année à venir.

Conclusion

Voilà, de vieilles tendances revisitées, de nouvelles tendances imaginées, certaines folles, d’autres rationnelles. Pour le meilleur ou pour le pire, ce sont les tendances qui vont marquer l’année 2019 dans le design WordPress