Durée de conservation visuelle - Pourquoi les illustrations de conception Web deviennent obsolètes

L'illustration est une forme de communication visuelle dynamique et variée. En tant que discipline de design, il fusionne la clarté du message du design graphique et la capacité expressive des beaux-arts. À son apogée, l'illustration fait quelque chose que la photographie ne peut pas. Il dépeint ce qui est familier d'un point de vue inaccessible aux yeux humains.

L'afflux récent de marques utilisant l'illustration en ligne est l'une des meilleures choses qui soit arrivée au Web depuis longtemps. Il a apporté du dynamisme, de l'humour et de la clarté à une gamme de propositions commerciales et a permis aux entreprises de raconter leurs histoires plus clairement.

Malgré les points positifs, il y a des problèmes. À la base, l'illustration est un outil de narration, mais à mesure que sa popularité augmente, elle vire vers l'obligatoire. Nous avons un site web, donc nous devons avoir des illustrations .

Dépourvue de vision stratégique, l'illustration est l'ornementation, l'antithèse de l'originalité. L'histoire est abandonnée, l'imagination abandonnée. Les sites Web individuels perdent leur distinction et tous les produits et services illustrés se mélangent.

Un employé élégamment habillé est assis à un bureau bien rangé et utilise une interface abstraite qui se confond avec le monde réel alors que des textes et des e-mails volent sur des avions en papier qui atterrissent sur un chat faisant la sieste à côté d'une plante feuillue encadrant une personne faisant du yoga tout en buvant du kombucha et en parcourant un app d'où émerge une main géante qui signe un contrat avec un stylo plume surdimensionné .

Vous l'avez sûrement vu.

Il y a quatre coupables qui menacent la viabilité à long terme de l'illustration sur le Web.

Coupable 1 : L'imagerie manque d'intelligence

L'origine

L'illustration a une riche histoire d'instigation. Pendant des centaines d'années, il a été utilisé comme une forme de commentaire social. Pourquoi? Parce qu'il clarifie de manière poignante la nature complexe des affaires humaines. Lorsque les gens sont contradictoires, lorsque les expériences sont déroutantes, l'illustration le rend évident, en un instant.

Le but de l'illustration n'est pas la controverse pour elle-même. Le but est plutôt d'amener les gens à s'arrêter et à réfléchir à un point de vue, même s'il est en conflit avec le leur. À son meilleur, l'illustration est le moment aha ultime.

Le problème

La demande actuelle de contenu visuel a privé une grande partie des pouvoirs d'élucidation de l'illustration Web contemporaine. En ligne, l'illustration incite rarement ; le plus souvent, il instruit ou embellit.

Sur de nombreux sites Web, les illustrations sont des représentations visuelles individuelles du texte auquel elles sont associées. Essayez notre fonction de planification unique ! [Insérer une illustration monoligne du calendrier]

Ou ils dépeignent des personnes vivant des scénarios de « meilleure vie » grâce aux produits et services achetés. Essayez notre fonction de planification unique ! [Insérer l'illustration d'un type d'ordinateur portable buvant du café et tapant dans un calendrier avec des smileys]

Aucune des deux approches n'est assez puissante pour empêcher les illustrations de sites Web de perdre leur fanfaronnade de narration.

Le remède

Certains concepts sont difficiles à illustrer. Il existe des produits et des services qui ne sont pas passionnants ou facilement liés aux expériences humaines. Ici, les illustrateurs doivent creuser plus profondément lors de la création du concept. Pour découvrir les angles les plus convaincants d'un sujet, explorez son côté sombre.

• Quels sont les principaux points douloureux et pourquoi existent-ils ?
• Qui est le plus touché financièrement, professionnellement ou émotionnellement ?
• Y a-t-il des points de vue contradictoires ou controversés parmi les entreprises, les clients ou les experts ?

Des questions comme celles-ci fonctionnent avec la plupart des produits vendus en ligne. En tant qu'illustrateurs, nous sommes souvent chargés de montrer le bien, mais si nous ne comprenons pas le mal, nous atteindrons des tropes fatigués. En fait, cet équilibre positif/négatif est un aspect clé de la narration. Sans les bas, les hauts illustratifs perdent leur impact.

Travail bien fait : grand cartel

Coupable 2 : nouveauté rampante des ruines d'imitation

L'origine

Imitation et créativité ne sont pas diamétralement opposées. Depuis les premières civilisations du monde, les artistes et les designers ont cultivé la créativité par le mimétisme. Un style convaincant attire l'attention. Nous l'examinons, le déconstruisons et glanons sa technique pour enrichir notre propre travail. C'est la croissance.

Dans un monde parfait, l'imitation se limiterait à l'apprentissage et au commentaire. Les styles copiés seraient transformés, à la fois visuellement et conceptuellement. Cela fonctionne rarement de cette façon.

Le problème

L'imitation repousse l'évolution. Lorsque nous rencontrons un style populaire et que nous nous attachons à son orbite, nous sommes comme des apprentis du vieux monde avec une tournure sinistre. Nous détournons les attributs stylistiques des illustrateurs que nous « suivons » et promouvons les résultats comme les nôtres.

Les marques sont complices. La société X veut le style d'illustration de la société Y, alors elle commande une contrefaçon. Cela se produit encore et encore, site après site, chaque itération introduisant de nouvelles couches d'entropie. Finalement, toute une industrie emploie une parade de clones dégénérés, comme Michael Keaton dans Multiplicity .

Ne cherchez pas plus loin que le style d'illustration prédominant du paysage SaaS. C'est honteusement homogène.

Le remède

Il existe d'innombrables chemins au-delà de l'imitation. Aucun n'exige le génie créatif ou l'exclusion de l'inspiration extérieure. Plutôt l'inverse; les illustrateurs ont besoin d'être largement exposés au matériel de référence. Plus nous voyons et stockons, plus nous pouvons réinterpréter. Plusieurs exercices exploratoires sont possibles :

• Mashup d'histoire . Réinventez un style d'illustration inspirant à travers les yeux d'un artiste accompli.
• Redessin rapide . Dessinez soigneusement un objet tout en faisant référence au style d'un autre illustrateur. Ensuite, redessinez rapidement le même objet 7 à 10 fois sans le style de référence et adoptez les bizarreries qui émergent.
• Ajouter une règle . Créez une contrainte qui a un impact sur le processus d'illustration. Par exemple : je ne peux tracer que des lignes droites. Ils peuvent avoir n'importe quelle longueur ou angle, mais ils doivent être droits.
• Commutateur d'outil . Imitez un style d'illustration avec un outil de dessin qui n'est pas adapté à la tâche. Par exemple, si le style repose sur un dessin au trait précis, reproduisez-le avec de l'encre et un pinceau à poils doux.
• Interprétation aveugle . Compilez une collection de 3 à 4 styles d'illustration convaincants et demandez à un collègue de vous en décrire un par écrit. Jetez tous les styles de référence originaux et utilisez la description écrite pour éclairer les choix créatifs.

Travail bien fait : basculer

Coupable 3 : Les systèmes d'illustration deviennent vieux et rigides

L'origine

La nôtre est une ère d'obsession du système de conception, qui découle de la nécessité de maintenir des expériences cohérentes à plusieurs points de contact de la marque. Non pas que les systèmes de conception soient nouveaux. Les systèmes éditoriaux existent depuis plus d'un siècle, mais la pensée systémique est pressante étant donné le nombre de canaux numériques que les marques utilisent désormais.

De même, les marques utilisent des styles d'illustration distincts depuis des décennies, mais les systèmes de conception modernes ont introduit une nouvelle considération : comment rendre notre style d'illustration systématique ?

Les couleurs, les textures, les proportions et les types de corps sont soigneusement définis. Les résultats sont présentés en grande pompe. Le temps a révélé une faille.

Le problème

L'illustration et la conception de l'interface ne sont pas les mêmes. Lorsqu'un système de conception informe le style d'une interface, le résultat est une cohésion heureuse qui oriente les utilisateurs dans leur environnement numérique. L'architecture de l'information est un point de repère. La navigation est une habitude. Mais un style illustratif dirigé par un système étouffe l'impulsion créative - cet allumage soudain de nouvelles idées frénétiquement capturées et raffinées.

Ce n'est pas que les systèmes sont intrinsèquement mauvais. Lorsque les systèmes fonctionnent à l'appui des concepts d'image, les illustrateurs peuvent en fait trouver les contraintes libératrices. Mais lorsque les images sont conçues à travers l'objectif d'un système, les idées s'affaiblissent alors que les illustrateurs se reposent dans la fausse confiance de la cohésion : ça colle au système, donc ça marche !

Progressivement, davantage d'efforts sont consacrés à la maintenance du système. Les épaisseurs de ligne et les vêtements l'emportent sur les concepts convaincants. Enfin, le style et la capacité de narration de l'illustration se fanent et meurent.

Le remède

L'illustration traduit la complexité de l'ingéniosité humaine et de l'émotion. Il invite les étrangers à apprécier des expériences auxquelles ils ne sont peut-être pas habitués. La capacité de l'illustration à véhiculer l'identité de la marque est secondaire. Ceux-ci ne doivent pas être inversés.

Pour éviter que les images ne deviennent rigides, construisez des systèmes d'illustration sur des principes thématiques. La voix et les valeurs d'une marque ne sont pas seulement des sources de décisions stylistiques. Ce sont des stratégies de narration qui peuvent être vues, interprétées et racontées à partir de multiples perspectives : celle du client, de l'entreprise et de la concurrence.

Il existe des étapes pratiques qui guident le développement et la pertinence à long terme des systèmes d'illustration :

• Ne soyez pas obsédé par les règles et les détails que le spectateur moyen ne remarquera pas.
• Évitez d'appliquer les directives du système d'une manière qui sape l'intuition créative.
• Ne verrouillez pas les systèmes dans les mêmes palettes de couleurs que les marques qu'ils représentent.
• Brisez occasionnellement le système et défiez les téléspectateurs en invitant des illustrateurs extérieurs à apporter leurs propres styles uniques.
• Planifiez l'évolution du système et autorisez l'expérimentation progressive, même lorsque le style actuel est bien accueilli.

Travail bien fait : Notion.so

Coupable 4 : les illustrations de stock sont surutilisées

L'origine

De nombreuses entreprises ont besoin de quantités massives de contenu visuel sur leurs sites Web, mais les contraintes de temps et de budget limitent le nombre de graphiques personnalisés pouvant être commandés. Pour combler le besoin, les entreprises se tournent vers des sites de stock où elles achètent des ensembles d'illustrations thématiques.

Malheureusement, il est rare de trouver des illustrations de stock originales, de haute qualité et sous-utilisées (sans parler de la marque).

Le problème

Une tendance troublante est apparue dans le monde de l'illustration de stock. Dans ce qui ne peut être décrit que comme un hommage malavisé à l'ère des cliparts, il existe désormais des sites d'illustration mix-and-match qui génèrent instantanément des images "personnalisées" en permettant aux utilisateurs de définir des variables telles que le sexe, le teint et les vêtements. Les illustrations qui en résultent entachent la crédibilité créative des entreprises qui les utilisent.

Le remède

Pour les entreprises aux ressources limitées, il existe deux façons de contourner l'ambiance bidon associée aux images d'archives. Le premier peut surprendre. Adoptez sans réserve les illustrations de stock. Allez-y à fond. Utilisez des images d'archives sans réserve, mais trouvez des moyens de les personnaliser. Comment?

• Mélangez et associez des styles de stock disparates avec un collage numérique.
• Combinez des illustrations d'archives avec des photographies (même des photographies d'archives).
• Superposez des éléments dessinés à la main comme des marques Sharpie ou des traits de peinture.
• Effectuez des tracés d'échantillons de stock déformés et déformés numériquement.
• Convertissez le stock en niveaux de gris et infusez les couleurs de la marque avec des graphiques dessinés numériquement.

La deuxième façon d'éviter les stocks tout en travaillant sur un budget est de prioriser les illustrations les plus nécessaires et de commander un petit ensemble. Cela signifie peut-être commander cinq illustrations de page d'accueil. À court terme, ils fourniront un impact visuel, et plus tard, ils pourront être utilisés pour informer un plus grand ensemble d'illustrations pour d'autres canaux.

Travail bien fait : Bloomberg Businessweek

Créer des illustrations de conception Web avec un but

Sur le Web, l'illustration rend les services plus pertinents et les produits plus attrayants. Il renforce la narration de la marque et aide les visiteurs du site Web à donner un sens aux flux d'informations sans fin qu'ils rencontrent quotidiennement. Mais le simple fait d'avoir des illustrations sur un site Web ne suffit pas.

Les illustrations qui ne vont pas au-delà des représentations 1 à 1 de leur texte correspondant sont une opportunité d'engagement gaspillée. De même, il y a peu de valeur dans les illustrations qui pourraient être confondues avec l'une des centaines d'autres marques.

Les illustrations doivent captiver les spectateurs avec un point de vue unique, sur le plan stylistique et conceptuel. Ils n'ont pas besoin d'être complexes, photoréalistes ou débordants de couleurs pour être remarqués, mais ils doivent éclairer quelque chose d'intéressant sur leurs sujets d'une manière que les mots, les photos et les diagrammes ne peuvent pas.

L'illustration est là pour rester. Ses pouvoirs communicatifs sont trop persuasifs pour être écartés. Mais pour les entreprises et les illustrateurs qui n'explorent pas le potentiel expressif de l'illustration, sa valeur s'avérera éphémère.

• • •

Pour en savoir plus sur le blog Toptal Design :

• Illustration de marque 101 : Visualiser le récit
• Un guide étape par étape pour concevoir des illustrations personnalisées sans aucune compétence en dessin
• Explorer les principes de conception de la Gestalt
• Rétrospective des tendances du design UX 2019
• Les principes de conception et leur importance