Skip links

5 tendances du web design pour 2019

5 nouveautés du web design pour 2019

Découvrez les tendances, les techniques et les outils de Design Web qui définiront la conception de sites Web et de produits numériques en 2019 et au-delà.

Les designers ont une relation …. anxieuse… avec l’idée des tendances. D’un côté, suivre la foule semble mal – après tout, la créativité ne fait-elle rien d’autre que ce que les autres font ? Dans cette optique, la seule valeur de savoir ce qui est à la mode, c’est de savoir contre quoi on pousse. On ne peut pas simplement faire le contraire d’une tendance, bien sûr. Mais en connaissant les tendances, il est plus facile de les commenter ou de les critiquer subtilement.

D’autre part, il y a l’idée que « la créativité, c’est savoir cacher ses sources » – une citation souvent attribuée à Albert Einstein, mais plus probablement inventée par l’humoriste C.E.M. Joad. (Approprié, non ?)

Ce qui importe, c’est de comprendre comment et pourquoi les tendances émergent et s’adoptent. Parce qu’en fin de compte, les tendances ont beaucoup à nous dire sur notre moment culturel : ce que nous aimons, ce que nous détestons, ce vers quoi nous voulons tendre. Plus nous nous rapprochons de la compréhension de ces choses, plus nous nous rapprochons de l’entrée dans la tête des autres – de l’empathie envers eux. Et, vraiment, à nous comprendre nous-mêmes.

Après tout, lorsque les historiens de l’art, les critiques de mode et les concepteurs de sites Web de l’avenir jetteront un regard rétrospectif sur notre époque actuelle, ce qu’ils verront et commenteront sera les principales tendances de notre époque. Quand ils discuteront de l’esthétique des années 20, ils discuteront vraiment de ce qui était à la mode – et de ce qui allait à l’encontre des tendances.

Les tendances sont donc de l’histoire ancienne.

Vous préférez regarder votre contenu à la mode ?

De toute façon, ce n’est pas difficile de savoir ce qui est à la mode. Il suffit de lever les yeux de votre smartphone et de jeter un coup d’œil autour de vous – ou de ne pas le faire !

Voyons maintenant ce que les historiens du futur diront à propos d’aujourd’hui. Avec un peu d’aide de quelques créateurs de mode modernes…

 

1-Illustration en 3 dimensions

Pitch
Source Pitch : https://dribbble.com/shots/5376084-Pitch-com#

Juste au moment où vous pensiez que l’avenir était plat, des marques comme Stripe et Pitch se lancent dans une nouvelle forme d’illustration démodée, celle de la marque : 3D.

Ne se contentant pas du style d’illustration découpé popularisé par Slack, les concepteurs cherchent à ajouter de la profondeur et du réalisme aux graphiques conçus pour estomper les frontières entre le monde numérique et le monde physique.

Dans un sens, cela accentue le contraste entre les produits numériques et les êtres humains, tout en les rassemblant dans des espaces imaginaires où les gens peuvent saisir et manipuler des éléments numériques (comme les graphiques et les icônes dans la section héros de Pitch). On ne peut s’empêcher de penser à l’affirmation populaire selon laquelle la véritable perturbation de Facebook est la façon dont il fait de nous, ses utilisateurs, le produit – et se demander si les concepteurs ne poussent pas inconsciemment contre cette notion.

Bien sûr, si c’est le cas, il s’agit d’une évolution purement incrémentale. Ces dessins ne redonnent pas tant leur humanité aux gens qu’ils les transforment d’illustrations plates en dessins animés.

En gardant cela à l’esprit, l’animation de la carte de crédit de Stripe, beaucoup plus réaliste, offre peut-être un aperçu d’un avenir où le physique et le numérique pourront être rendus comme tels.

 

2. Du mot-symbole ludique au logo sérieux – aka, l’Helvétisation de l’identité de marque

En 2018, nous avons vu plusieurs marques très visibles passer d’identités de marques délicieusement excentriques à plus de… ahem… attendues… sans serifs.

Ou, comme j’aime le dire : Toutes les identités de marques aboutissent finalement à une version Helvetica.

Logo Marketo
Marketo : Source 
Sans doute le changement de marque le plus approprié : MailChimp classic à gauche, Mailchimp 2.0 à droite. Notez aussi le changement de boîtier ! Source.
Sans doute le changement de marque le plus approprié : MailChimp classic à gauche, Mailchimp 2.0 à droite. Notez aussi le changement de boîtier ! Source:

Certes, aucune des trois marques que nous avons en tête n’est passée directement à l’ancienne veille. D’une part, Mailchimp a évolué dans une direction qui, honnêtement, convient mieux à une marque qui a fait de sa voix distinctive et de ses atouts ludiques une pierre angulaire de son marketing.

Néanmoins, pour chacune de ces entreprises, les changements de marque peuvent sembler un peu comme une évolution trop familière vers ce que l’on ne pourrait pas appeler injustement un corporatisme statique et ennuyeux.

Cela dit, il faut se demander si ce passage de l’excentricité reconnaissable à l’omniprésence de la voix n’est pas lié à la notion d’aisance cognitive : l’idée que nous sommes plus à l’aise avec ce que nous avons vécu auparavant.

Avec les marques les plus grandes et les plus connues au monde, toutes dotées de logos sans empattement, il n’est pas étonnant qu’un pas dans cette direction soit considéré comme la marque d’une entreprise qui atteint sa maturité. En ce sens, il s’agit d’une sorte de méta-tendance que nous nous attendons à voir encore et encore, et il est peu probable que 2019 soit une exception.

3. Type d’esquisse

Comme toute marque axée sur le design, nous sommes de grands fans de typographie chez Webflow, donc nous sommes toujours à l’affût des nouvelles tendances en matière de texte (voir plus bas !).

columbia
columbia
silver
silver

Il y a quelque chose d’insaisissable dans ce genre de texte à moitié là, à moitié effacé, qui attire et retient immédiatement l’attention, exigeant que vous suiviez les formes de lettres jusqu’à leur conclusion naturelle. Ce qui en fait une technique très pratique pour un branding mémorable.

Dans un monde où les gros morceaux sans empattements dominent l’image de marque, une forme de lettre visuellement plus légère donne certainement une impression de traditionnel, mais différente. En fin de compte, c’est ce dont toute nouvelle marque a besoin : le sentiment qu’elle est à la fois révolutionnaire et digne de confiance.

4. La montée continue du brutalisme

Nous l’avons dit l’an dernier et nous le répétons encore cette année : l’avenir sera brutal. (Trop réel ? Je sais. Désolé.)

Il semble y avoir quelque chose de particulièrement attirant dans l’esthétique du brutalisme de nos jours. Qu’il s’agisse d’un graphiste naturel qui s’éloigne du style « propre » et « minimal » qui a récemment dominé le web – un rejet de la gentillesse de la voix et des illustrations d’un million de marques, un doigt d’honneur face à ce que l’on appelle le « web homogène » ou un acte de résistance au mélange surréaliste des faits et fictions auquel le web nous expose quotidiennement – il est vrai que la violence a quitté la subculture du design pour s’imposer comme une véritable évidence de l’identité d’un groupe de mode.

Il y a quelque chose d’insaisissable dans ce genre de texte à moitié là, à moitié effacé, qui attire et retient immédiatement l’attention, exigeant que vous suiviez les formes de lettres jusqu’à leur conclusion naturelle. Ce qui en fait une technique très pratique pour un branding mémorable.

Dans un monde où les gros morceaux sans empattements dominent l’image de marque, une forme de lettre visuellement plus légère donne certainement une impression de traditionnel, mais différente. En fin de compte, c’est ce dont toute nouvelle marque a besoin : le sentiment qu’elle est à la fois révolutionnaire et digne de confiance.

Et cela va bien au-delà des affiches de réunions internes et des concepts itératifs. Le récent changement de nom de Squarespace s’inscrit dans le brutalisme par le biais de l’esthétique visuelle et de la personnalité audacieuse de la ville de New York :

square
Square

La persistance du brutalisme suggère une facette intéressante de l’émergence et de l’adoption des tendances du design qui me rappelle le phénomène pop punk de la fin des années 90 (à ma rencontre !): Quelle que soit la tendance, aussi « rebelle » ou « en pleine face » qu’elle puisse paraître à première vue, elle peut être et sera cooptée pour le marché populaire. Et que cette croissance d’une tendance « sous-culturelle » vers un pilier dominant peut s’étendre sur plusieurs années.

5. Des styles d’illustration plus diversifiés et iconoclastes

Dans son étude de cas incroyablement détaillée et fascinante de son travail pour Slack, l’illustratrice Alice Lee nous le rappelle :

Des choses vraiment impressionnantes se produisent lorsque nous regardons au-delà de nos pairs immédiats, de nos concurrents et de l’industrie pour trouver des sources d’inspiration en matière d’illustration.
Et s’il est facile de voir le travail d’Alice donner le coup d’envoi d’un style illustratif de plus en plus homogène parmi les sociétés de produits SaaS et autres startups, il ne faut pas une tonne de recherches pour trouver d’autres designers qu’Alice qui exploitent la richesse du travail dans les autres domaines.

Comme le style de photocollage exploré à Medium et Intercom.

Medium
Medium
Intercom
Intercom

Nous voyons même des designers adopter des approches plus abstraites et surréalistes pour illustrer des idées moins concrètes.

Mais après ces 5 inspirations et ses quelques lignes, j’ai cette prise de conscience comme beaucoup d’entre nous, « créateur », à se demander : le prix des transitions vaut-il le retour sur investissement pour « utilisateur » ? La transformation d’un « téléphone » mobile à un superordinateur de poche coûte elle plus cher  ?

Leave a comment

Name

Website

Comment