Pourquoi une narration numérique exceptionnelle bat une conception exceptionnellement bonne

Les visuels sont très importants dans le monde de la conception numérique. Prenez, par exemple, une photo d’une mère et de son bébé jouant à l’extérieur avec le sourire aux lèvres, fièrement affichée sur le site Web d’un fabricant de jouets pour enfants.

Pensez à cette photo d’un groupe de professionnels dans une salle de réunion pour un panneau d’affichage d’une solution de conférence qui a attiré votre attention pendant que vous conduisiez sur l’autoroute. Même le plus petit logo sur l’étiquette du produit laitier que vous avez acheté à l’épicerie du quartier est le produit d’un graphiste.

Les photos et les graphiques sont utilisés pour raconter des histoires tout le temps, mais les concepteurs oublient parfois que, quelle que soit l’apparence de leurs sites Web ou de leurs graphiques, le public sera toujours à l’affût de l’histoire qui se cache derrière. Une bonne conception numérique vous dira toujours le « quoi ». Une bonne conception numérique vous indiquera également le « pourquoi ».

Donnez à votre auditoire quelque chose à voir, mais aussi quelque chose à dire.

À présent, vous vous demandez peut-être: «Je suis designer. Les écrivains ne sont-ils pas censés raconter l’histoire? Si vous ne l’avez pas encore remarqué, la narration ne se limite pas à rédiger un texte ou à rédiger un long article sur un produit ou un service. Vos visuels ont aussi besoin d’une histoire. Pensez à l’homme héroïque qui sauve un chiot d’être écrasé par un véhicule en mouvement dans une rue animée. Ou imaginez un père apprenant à son fils à faire du vélo, en regardant l’enfant filer joyeusement. Ce sont de petits moments où les gens s’engagent dans une action particulière, ce qui crée un impact.

Ils disent que les médias ne sont utiles que lorsqu’ils sont utilisés pour compléter un contenu précieux. En tant que concepteurs, vous devez pouvoir raconter une histoire ou relayer une idée à chaque sortie. Les images, les graphiques et la typographie sont tous des moyens très créatifs de transmettre un message. mais avec chaque message, vous devez avoir quelque chose à dire. Ne vous contentez pas de créer pour impressionner ; créer pour exprimer.

Stockez votre conception.

Avant de commencer votre conception, assurez-vous d’avoir une histoire de fond. Pourquoi faites-vous cela? Quel est l’intérêt de partager cela? Faites un remue-méninges si vous le devez. Associez des mots – noms, verbes et adjectifs à votre projet. Quelque chose de commun viendra; cela pourrait bien être votre histoire de conception.

Un exemple particulièrement bon est la direction que TOMS, une entreprise de chaussures à but lucratif populaire basée en Californie, a prise dans son image de marque. Il n’y avait rien de spécial dans leur gamme de produits initiale; ils ont juste fait une ramification des simples chaussures à enfiler en toile célèbres en Amérique du Sud appelées alpargatas. Mais c’est là que ça devient intéressant. Alors qu’il faisait du bénévolat, le fondateur Blake Mycoskie a remarqué que de nombreux enfants n’avaient pas de chaussures. Lorsque Blake a lancé le bal, il a décidé que pour chaque paire vendue, il fournirait une nouvelle paire à un autre jeune d’un pays en développement, ou ce qui est maintenant connu sous le nom de modèle commercial « un pour un ».

En raison de cette belle histoire, la nouvelle de la marque s’est répandue comme une traînée de poudre par le bouche-à-oreille et les médias sociaux. En particulier, cette histoire se reflète sur le site Web de chaussures TOMS. De nombreuses images du site mettent en évidence l’histoire de l’entreprise, au lieu de mettre les produits réels qu’elle propose au premier plan. En conséquence, ils sont capables de se connecter aux sens du public et de relayer une histoire qui résonne.

Une autre bonne utilisation de la narration dans le design est la licorne des transports, Uber. Au début, l’histoire est assez claire. Les transports en commun sont nuls. Vous ne savez pas quand il y a un retard, vous ne savez pas si vous pourrez rouler confortablement et ensuite vous devez payer en espèces. Bien que l’entreprise ait rencontré une multitude de problèmes graves, son achalandage mondial a montré qu’Uber fonctionne et fait parfaitement son travail en tant que service de transport alternatif à la demande.

L’interface utilisateur de l’application répond à tous les points douloureux du cycliste régulier. Où se trouve exactement le manège en ce moment ? Combien de temps faudra-t-il pour que la voiture arrive à l’emplacement du passager ? Combien le coureur paiera-t-il? Quel est le numéro du chauffeur s’il a besoin d’être contacté? Tous les détails vitaux dont le cycliste a besoin sont affichés dans l’application de manière systématique. Même le site Web d’Uber en dit long sur l’orientation de l’entreprise. Chaque graphique, icône et même les polices crient « agréable » et « facile ».

Raconter des histoires par le biais du design implique des processus systématiques.

Comme pour tout ce qui est construit à la main (et par l’esprit), une conception efficace doit suivre certains processus. Prenez par exemple le processus de création d’un site Web. Vous construisez des storyboards avant même de commencer à créer des maquettes ou des wireframes. Chaque partie de votre histoire doit contenir une interaction, par exemple, ce qui se passera lorsque l’utilisateur cliquera sur quelque chose ou défilera vers le bas, etc.

Braden Kowitz, un concepteur d’expérience utilisateur connu, suggère de créer une série de cas d’utilisation narratifs pour votre produit qui illustrent chaque étape du parcours de l’utilisateur. Il appelle cela un processus de conception centré sur l’histoire. Avec cela, vous pouvez simuler l’expérience utilisateur et identifier tous les résultats possibles et, par conséquent, vos décisions de conception seront entièrement basées sur la façon dont les gens choisissent d’utiliser votre produit.

Cela contraste fortement avec une conception centrée sur l’écran, dans laquelle vous présentez ou créez une présentation d’une interface utilisateur tout en montrant un plan. Afficher des plans signifie que vous ne faites qu’énumérer comment chaque élément s’inscrit dans le plan. «Le problème est que », déclare Kowitz, «lorsque les conceptions sont présentées de cette façon, vous ne faites que comprendre l’apparence du produit. Vous ne vous concentrez pas sur le fonctionnement du produit et vous ne simulez pas la façon dont les clients interagissent avec lui.

Kowitz suggère également d’utiliser des outils tels que Adobe Fireworks et des programmes de screencast lors du rendu de vos histoires en plus des logiciels de conception visuelle habituels Adobe Photoshop et Adobe Illustrator. Ne créez pas pour le Web en concevant simplement des écrans individuels.

Lorsque vous pratiquerez l’adoption de cette discipline, votre processus de conception sera beaucoup plus facile. Vous pouvez également mettre en évidence les erreurs de conception qui sont souvent négligées. Vous pouvez également savoir si vous atteignez ou non vos objectifs de conception au fur et à mesure de votre progression. De plus, vous serez en mesure de travailler plus rapidement lorsque toutes les parties du processus seront couvertes ou traitées.

La façon dont vous racontez l’histoire de votre conception compte également.

Dans chaque projet de conception, vous devez d’abord préparer le terrain pour votre histoire. Les arrière-plans et les humeurs comptent autant que votre message réel et les résultats souhaités. Comment votre histoire va-t-elle donner un coup de poing ?

• Insérez une histoire personnelle. Vous devez être capable de faire appel aux sens de votre public. Si cela est difficile pour vous, vous devez être en mesure de trouver un moyen d’intégrer le public dans votre histoire. Les gens doivent être en mesure de comprendre quels sont vos points faibles pour pouvoir agir.
• Dire l’inattendu. Ne faites pas dire à un utilisateur: «J’ai vu cela plusieurs fois. Pourquoi devrais-je croire cela? Ne laissez pas votre auditoire devenir sceptique. Attirez leur attention en faisant quelque chose de nouveau. N’allez pas avec une copie stéréotypée ou des graphiques ou des sons trop familiers.
• Défiez la sagesse conventionnelle. Qui savait que ces emojis minables pouvaient être améliorés? Ils font partie de la culture des SMS et de la messagerie depuis si longtemps, mais aujourd’hui, vous pouvez même en joindre des versions animées sous forme d’objets dans des vidéos. La durée d’attention des gens se raccourcit de minute en minute. En tant que designer, vous devez constamment trouver des moyens d’améliorer même les choses les plus simples et les plus couramment utilisées pour éviter qu’elles ne deviennent ennuyeuses.
• Accrochez-les avec la nouveauté. Introduisez quelque chose de nouveau avec chaque histoire. Incluez des données pour valider vos revendications. Vous êtes-vous déjà demandé pourquoi votre cerveau a soif d’infographie? Il faut plus de temps aux gens pour traiter les nouvelles informations qui leur sont présentées. Avec l’infographie, les gens sont capables de traiter des symboles et des nombres en quelques millisecondes et peuvent leur attacher une signification immédiatement. Ils sont faciles à digérer et extrêmement engageants.
• Posez des questions provocatrices. Des histoires de conception réussies obligeront votre public à agir. Faites toujours réfléchir vos prospects ou clients. Ce qui est en jeu? Que se passe-t-il ensuite? De cette façon, vous ferez en sorte que votre histoire colle.

Quelques exemples fantastiques pour vous inspirer.

Maintenant que vous savez pourquoi une bonne narration est importante et ce qu’elle implique, il est temps d’explorer d’autres bons exemples de narration visuelle convaincante.

1 Bellroy – Amincissez votre portefeuille

Alléger ton porte-monnaie. La source

Celui-ci est un très bel exemple d’une histoire de design bien faite. Il vous présente un problème déjà existant (dans ce cas, les gros portefeuilles) et vous montre comment le produit résoudra votre problème, côte à côte. Il y a aussi une brève instruction de ce que l’utilisateur est censé faire : « Déplacez le curseur pour comparer les portefeuilles ». Texte simple, mais tellement précis. Ne présumez pas toujours que quelqu’un qui visite votre site saura automatiquement quoi faire.

2 Atlassian – Perte de temps au travail

Perte de temps au travail. La source

L’infographie interactive d’Atlassian vous saisit par le poignet avec ce fait troublant : vous perdez beaucoup de temps au travail. Il vous présente ensuite des statistiques pour étayer cette affirmation. Bien qu’il s’agisse d’informations complètement nouvelles, c’est un sujet assez ennuyeux. Ce qui le rend efficace, c’est qu’il est présenté d’une manière interactive et éclatante de couleurs, tout en véhiculant un sentiment de professionnalisme. La couleur capte l’attention et aide à mettre en valeur les informations essentielles.

3 Slack – Mention NASA sur la page d’accueil

Mention NASA sur la page d’accueil. La source

Pendant un certain temps, l’application de productivité et de messagerie en milieu de travail Slack avait une inclusion très intelligente sur sa page d’accueil. Ils ont présenté le NASA Jet Propulsion Lab, un client apprécié, avec la copie « Une application de messagerie pour les équipes qui mettent des robots sur Mars !! » avec une photo de Mars comme image du héros. C’est une histoire en soi. Slack veut clairement impliquer que le produit est assez bon pour votre équipe car même les scientifiques de la NASA l’utilisent. Lors de la conception d’un produit, vous devez être immédiatement en mesure d’offrir une proposition de valeur en un seul regard. Dites au public pourquoi vous vous démarquez sans trop promettre ce que vous livrerez.

4 Twoodie – Jouets en bois bio pour bébés

Jouets en bois bio pour bébés. La source

Ce ne sont pas les aspects techniques du site Web qui vous attireront, mais la narration qui accompagne les images du site. Pour mettre en valeur ce qu’ils proposent, tout est en niveaux de gris à l’exception des jouets eux-mêmes. Cela évoque un sentiment de pureté et de simplicité. Le spectateur est obligé de tenir la promesse que la marque est entièrement durable, sûre et biologique avec des designs bien pensés.

Les visuels seront toujours l’essence même de la conception. Cependant, la narration immersive est également essentielle, il est donc vraiment utile de réfléchir à l’histoire que vous voulez raconter. Assurez-vous de l’inclure dans votre processus de conception et connectez cette histoire intéressante à vos conceptions, couleurs, images, polices et effets. Une fois que vous avez terminé, évaluez si l’histoire fonctionne ou non ou si elle laisse un impact durable. Assurez-vous que votre conception se connecte aux sens, crée de nouvelles expériences et génère des résultats durables.