Narration visuelle : concevoir pour le Web dans un format non linéaire

Publié: 2018-03-18

Raconter une bonne histoire n'est plus aussi simple qu'avant. À un moment donné, tout ce que vous aviez à faire était d'adopter des voix idiotes pour les différents personnages, d'ajouter une touche dramatique ici et là, et BOOM. Vous avez un fil divertissant pour les âges. De nos jours, vous devez inclure une présentation multimédia remplie d'images correspondantes et convaincantes.

C'est une mauvaise nouvelle si vous êtes un parent qui essaie de faire dormir ses enfants. Pour les concepteurs de sites Web, cependant, c'est le début d'un avenir incroyablement beau.

La substance avant le design

Vous pouvez créer un chef-d'œuvre visuel, une pléthore panoramique de friandises pour les yeux, mais si cela n'a pas de sens, alors c'est juste… inutile.

L'idée derrière la conception Web, en relation avec la narration, n'est pas d'éclipser votre message avec des visuels criards et impressionnants. C'est créer une cohabitation d'histoires et de curiosités qui se complètent et s'enrichissent mutuellement.

Pour cela, il faut commencer par l'histoire. Donc, avant même de considérer le type d'iconographie, de symbolisme ou d'imagerie que vous souhaitez sur votre site Web, commencez par créer un récit efficace pour votre marque.

Quelle est la morale de votre histoire ? Que proposez-vous et où se situent vos clients dans l'intrigue que vous créez ? Posez-vous ces questions et avancez à partir de là.

histoire de raconter une machine à écrire vintage

Narration visuelle non linéaire

Bien qu'il soit important de noter que chaque élément de votre site Web doit adhérer à un thème général, vous souhaitez également que chaque élément soit autonome. Parce que vous ne savez jamais sur quelle page de votre site un visiteur peut atterrir, il est important qu'il puisse se repérer dans l'histoire que vous racontez.

Pour gérer cela, vous devez fournir des indices d'orientation du contenu. En d'autres termes, des signets qui aideront vos visiteurs à comprendre où ils se trouvent et ce que le contenu qu'ils consultent a à voir avec votre marque en général. Vous pouvez le faire avec votre texte principal sur chaque page, mais aussi avec tous les petits morceaux de texte. Des choses comme:

  • Les URL
  • Rubriques
  • Étiquettes de navigation
  • Hyperliens
  • Et le texte du bouton

Être descriptif dans chaque zone de votre site aidera vos visiteurs à se faire une idée du récit de votre marque, quelle que soit la partie de l'histoire par laquelle ils commencent.

Éléments de la narration visuelle

Les images sont essentielles à la narration visuelle, et vous devez vous assurer que vous disposez d'une plate-forme de conception Web compatible avec toutes vos idées créatives. Après tout, il n'y a aucun moyen de peindre un chef-d'œuvre sans une toile appropriée.

La façon dont vous utilisez les images dans votre conception Web est presque illimitée dans la variabilité, ce qui les rend beaucoup plus intéressantes en conséquence. Vous pouvez utiliser des repères visuels pour attirer l'attention, comme un doigt pointé ou une photographie d'une personne regardant dans une certaine direction. Ou un symbole pour exposer un thème universellement reconnu. Un exemple de ceci serait le bouclier "S" de Superman comme symbole d'héroïsme.

superman en poids de gym

Vous pouvez également utiliser des images iconiques, ce qui n'est peut-être pas la définition à laquelle vous êtes habitué : avoir un style de formule fixe. Iconique dans ce cas signifie qu'il ressemble à ce qu'il représente. Un glyphe pour les toilettes des hommes à l'aéroport est une image emblématique. De l'emblématique au banal, il existe de nombreuses options parmi lesquelles un conteur visuel peut choisir.

glyphes icônes imagerie salle de bain signe

Les éléments fondamentaux de la narration visuelle vont même au-delà de l'imagerie. Vous pouvez utiliser des formes de typographie uniques ou éclectiques pour distinguer certaines sections de votre texte. Vous pouvez même décider que vous voulez que votre site entier soit dans une police inhabituelle pour afficher votre attrait moderne. Éloignez-vous simplement de Comic Sans. Vous attirerez une réponse indésirable.

Raconter l'histoire

Il existe trois directives clés lorsque vous essayez de raconter une histoire visuelle dans votre conception Web :

1. Comprendre votre public

Votre compréhension de votre public devrait informer votre narration. En fait, cela devrait être votre influence directrice. A qui parlez-vous ? De quoi ont-ils besoin? Comment allez-vous le leur fournir ? Ce sont les questions que vous devez vous poser lorsque vous faites des choix visuels pour votre site Web.

Par exemple, faites-vous la promotion d'une offre avec une date d'expiration ? Si c'est le cas, c'est une bonne idée d'afficher des images qui transmettent un sentiment d'urgence. Le rouge est une couleur impulsive avec laquelle mettre en évidence l'affaire, et les images d'une horloge à retardement pourraient être un symbolisme efficace pour une telle occasion.

basket nike rouge

Dans le même ordre d'idées, il est important de comprendre votre public afin de mieux le garder attentif et engagé. L'expérience utilisateur est la préoccupation numéro un des propriétaires de sites Web d'aujourd'hui. Alors gardez-le attrayant, mais surtout rendez-le interactif. Si un visiteur peut être son propre narrateur dans ce récit visuel, il est deux fois plus susceptible de devenir un suiveur, un abonné ou un client.

2. Des objectifs clairement définis pour YourStory

Cela revient à votre morale, même si c'est un peu différent. Votre récit visuel devrait se diriger vers un résultat final. Même s'il le fait de manière non linéaire. Le résultat final, dans le cadre du commerce électronique, devrait être la conversion. Si votre site est conçu pour générer des revenus publicitaires en raison d'un volume élevé de visiteurs, votre objectif doit être d'informer et de divertir.

Ne vous contentez pas d'avoir un site Web pour le plaisir d'être un amateur de haute technologie. Incluez une direction significative dans votre narration visuelle.

3. Signification concise et lucide de vos visuels

Toutes ces discussions se termineront par des trucs et des bêtises à moins que vous ne choisissiez des images soigneusement corrélées pour accompagner votre message. Il ne suffit pas de lancer des images saisissantes sur une page Web pour le plaisir en soi. Vous devez inclure des images qui s'ajoutent ou se connectent à votre récit. Cela signifie rester à l'écart de tout ce qui est trop abstrait. À moins, bien sûr, que vous ne vendiez de l'art surréaliste. Alors l'abstrait a beaucoup de sens pour vous.

Pour être plus clair, chaque choix esthétique que vous faites sur votre site Web doit être soigneusement considéré par rapport à l'histoire que vous souhaitez raconter. Pour aller encore plus loin, cela doit porter sur l'impression que vous voulez donner dans ce segment particulier de votre histoire.

Par exemple, un sujet sérieux nécessite une imagerie austère et sévère. Des couleurs plus sombres et plus discrètes ainsi que des polices de style Helvetica seraient appropriées. Un site conçu pour l'humour devrait présenter des images idiotes, les chats sont généralement un bon choix.

chat portant de grandes lunettes

Final

La narration est la plus ancienne forme de divertissement, et c'est toujours la plus populaire. Les méthodes se sont perfectionnées, mais les éléments thématiques restent les mêmes. Prenez votre temps pour développer votre récit en ligne et assurez-vous de le faire briller avec des visuels fortuits.