Comment raconter une histoire avec le design
Le design est une méthode d'expression. Il communique un message visuel à ceux qui le voient. Il communique également une histoire, qu'elle soit implicite ou clairement énoncée.
En tant que designer, c'est votre travail de vous assurer que l'histoire est claire. L'histoire du design doit correspondre à l'histoire de l'entreprise, de la marque, du site Web, du jeu, de la boisson en bouteille ou de tout ce avec quoi vous travaillez. Raconter une histoire est important pour créer une impression durable et rendre votre «chose» plus mémorable que toutes les autres.
Explorez Envato Elements
Quelle est ton histoire?
Avant même de commencer à concevoir le premier élément, déterminez quelle histoire vous comptez raconter. Est-il heureux ou triste, amusant et énergique, ou lent et tranquille? L'histoire tire-t-elle au cœur? Écrivez-le afin que toute l'équipe connaisse et comprenne l'histoire, le ton et l'humeur que le design doit transmettre.
Quelques beaux exemples d'histoire (avec un design assorti):
- Chaussures TOMS: Philanthropie
- Clif Bar: aventure simple
- Go Pro: passionnant et extrême
- Nike: Attitude
- Trader Joe's: décalé
Alors, comment identifiez-vous votre histoire? Commencez par un brainstorming rapide. Dites à haute voix le nom de votre entreprise / marque / client. Notez ensuite tous les mots et les choses que vous y associez. Demandez à quelques autres personnes de faire la même chose sans connaître les éléments de votre liste. Un thème commun émergera. Voilà votre histoire. (Si les résultats sont quelque chose que vous ne voulez pas être votre histoire, il est peut-être temps de faire appel à un chef de marque pour l'aider à le changer.)
Parties d'une histoire
Les chiffres varient en fonction de qui vous demandez, mais chaque histoire comporte quelques parties très spécifiques. Votre histoire de conception devrait également transmettre cela. L'histoire ou l'arc narratif retrace l'action et la chronologie de l'intrigue ou de l'action. Ici, nous allons examiner les parties et les relier au site Web de Trader Joe à titre d'exemple.
Cela commence par une introduction. La page de destination de Trader Joe est simple et vous permet de savoir que cette entreprise traite des aliments et est un peu différente de l'épicerie traditionnelle.
L'action montante de l'histoire se produit lorsque vous découvrez les personnages et le décor. Les pages «Product News» et «Recipes» donnent le ton. Vous êtes intrigué par le magasin et souhaitez en savoir plus.
Le point culminant de l'histoire est le plus grand tournant de l'histoire: que pouvez-vous trouver chez Trader Joe's et où vous pouvez le trouver («Dig In»). Vous êtes investi dans l'histoire et souhaitez y aller.
L'action qui tombe vous amène vers la conclusion. Vous allez probablement cliquer un peu plus sur le site et peut-être même trouver l'histoire réelle de Trader Joe, qui est en corrélation avec la conception du site. (Il y avait un vrai homme nommé Trader Joe!)
Enfin, l'histoire a une résolution. Vous connaissez l'entreprise et avez décidé d'y faire des achats et prévoyez de visiter. Et vous vous souviendrez des parties clés de l'histoire et peut-être même les partagerez avec d'autres. L'histoire vous a aidé à comprendre pourquoi Trader Joe's a l'apparence qu'il a et comment il se rapporte à quelque chose de tangible.
Avantages de la narration
La narration présente également trois avantages clés. Une histoire vous aide à comprendre, à vous engager et à vous souvenir. Pensez à tous les petits jeux amusants auxquels vous jouez sur votre téléphone; ils ont chacun une histoire.
Visuellement, vous souhaitez utiliser ces avantages à votre avantage avec des éléments tels que la couleur, le type et les images. Liez l'esthétique à l'histoire. Choisissez une palette de couleurs qui crée un lien logique avec la sensation ou l'humeur de l'histoire que vous racontez, faites la même chose avec les choix de typographie. Les images doivent également transmettre ce message. (Il y a une raison pour laquelle chaque personne dans chaque image distribuée par Coca-Cola sourit; le bonheur fait partie de leur histoire. Cela est vrai de l'entreprise à travers le temps, comme vous pouvez le voir dans l'annonce imprimée des années 50 ci-dessus.)
Conseils pour concevoir votre histoire
L'aspect de votre histoire doit refléter son humeur et son ton. Une histoire simple encombrée d'effets élaborés peut avoir une sensation décousue. Voici cinq outils de conception qui peuvent vous aider à raconter votre histoire.
1. Grandes images
Vous avez entendu le cliché: une image vaut 1 000 mots. Utilisez cela à votre avantage. Quelle image raconte le mieux ce que vous faites? Ou peut-être que ce n'est pas du tout une photo, mais une illustration.
Allez grand avec une ou deux de ces images qui représentent votre entreprise. Les chaussures TOMS, par exemple, le font particulièrement bien. Les images sur chaque page du site Web sont plus sur l'histoire que sur le produit réel. Cette présentation crée mieux un lien avec l'histoire.
2. Grands mots
Un grand mot ou une phrase peut cimenter l'impression durable que vous voulez faire. Dites aux gens ce que vous êtes en un mot pour les attirer dans votre histoire.
La marque Clif Bar s'adresse aux aventuriers. De l'emballage des produits au site Web, cela est particulièrement clair. Le site Web, en particulier, utilise de grands mots pour le marteler: «Nourrissez votre AVENTURE».
3. Couleur
La science derrière la couleur et l'émotion a prouvé maintes et maintes fois que la teinte peut grandement influer sur la façon dont les utilisateurs perçoivent un design et s'y connectent. Assurez-vous que votre palette de couleurs crée la bonne connexion.
En regardant les deux palettes de couleurs ci-dessus, pensez aux différentes versions de la même histoire qu'elles racontent. Gardez cette idée à l'esprit lorsque vous pensez à la couleur dans vos projets de conception pour vous assurer que votre schéma raconte la bonne histoire.
4. Effets de conception
L'une des grandes choses à propos de la technologie est toutes les options disponibles pour raconter votre histoire. Les deux plus grandes tendances actuelles de la conception Web sont les effets vidéo et de parallaxe. Les deux sont d'excellentes techniques de narration.
Le défilement parallaxe peut vous aider à créer des scènes ou des diapositives pour chaque «chapitre» de votre histoire. L'effet est généralement fluide et convivial. Il fonctionne pour une variété de types d'histoires et peut être aussi simple ou complexe que vous le souhaitez. Pensez également à cette technique lors de la conception d'éléments imprimés. Créez une conception d'impression de type panneau (ou flipbook ou storyboard) pour obtenir la même sensation de progression de l'histoire.
La vidéo vous donne le contrôle pour raconter une histoire en images et avec du son si vous le souhaitez. Go Pro a en fait une vidéo de style documentaire sur le site Web qui attire votre attention et vous raconte leur histoire. La bonne chose à propos d'une courte vidéo est qu'elle peut être intégrée dans plusieurs projets de conception, du site Web à une présentation de diaporama, à un spot télévisé ou à un kiosque.
5. Navigation
Faire passer les gens à travers votre histoire - et la conception est importante. Un flux clair, une navigation et des appels à l'action rendent cela possible et amènent les utilisateurs à se connecter à votre conception et à votre histoire comme vous le souhaitez. Que le design soit imprimé ou numérique, définissez un plan d'action et d'interaction clair. Que doivent faire les gens après avoir vu votre design?
Nike fait un excellent travail en général. La marque crée une ambiance distincte et vous aide à accéder à la partie vente du site de plusieurs manières. Il y a une barre de menu en haut et sur le côté du site ainsi que des liens directs et actionnables dans le curseur. De plus, chaque lien fait partie de l'histoire: «Vous voulez être le basketteur le plus méchant que vous puissiez être? Cliquez ici."
Conclusion
La narration est une partie essentielle du processus de conception. Alors sortez un stylo et notez le conte que vous voulez raconter. Cela peut être l'histoire de votre histoire, ou pourquoi votre produit est supérieur aux autres ou comment votre PDG conduit ses affaires. Chacun a quelque chose d'unique et d'intéressant à partager.
Connectez ces informations intéressantes à votre conception avec des effets de couleur, d'images, de typographie et de conception. Et commencez à penser à tout ce que vous voyez également: quelle histoire essaient-ils de raconter? Est-ce que ça marche?
Source de l'image: archives du domaine public .
