La narration est pratiquement aussi ancienne que la race humaine elle-même. Depuis que les êtres humains peuvent parler, ils utilisent la narration pour communiquer des idées, des leçons et des concepts. La conception Web consiste également à communiquer des idées et des concepts, ce qui explique pourquoi la narration sur le Web est le moyen idéal d’engager les utilisateurs.

À mesure que les concepteurs Web deviennent plus créatifs et recherchent de nouvelles façons d'améliorer l'expérience utilisateur, ils se tournent de plus en plus vers la narration dans leurs conceptions.

Lorsque les concepteurs intègrent la narration dans un site Web, ils attirent également l’utilisateur plus efficacement, ce qui en fait une expérience plus captivante. La narration peut prendre la forme et la forme de nombreux appareils différents, et différents types de sites sautent dans la tendance de la narration.

Raconter des histoires avec les médias sociaux

De nos jours, les médias sociaux et la conception de sites Web sont de plus en plus intégrés. La plupart des entreprises et des publications sur Internet disposent de tous leurs boutons de médias sociaux sur chaque page, ce qui rend les actions et la publicité plus faciles que jamais. Les médias sociaux encouragent les utilisateurs qui se passionnent pour une marque à se connecter au produit ou au service plus efficacement que jamais.

Les médias sociaux peuvent devenir un excellent moyen de commercialiser des histoires. Vous pouvez raconter l'histoire de votre marque à votre auditoire captif de clients / utilisateurs fidèles. Les médias sociaux reposent sur de nombreuses façons de raconter l’histoire d’une marque avec passion, finalité et battage publicitaire.

Prendre La page Facebook de Tommy Hilfiger . Cet exemple de mode de préparation américaine classique compte plus de 8,7 millions de followers, représentés par les autres utilisateurs de la page. Ce nombre d'adeptes est l'auditoire instantané auquel la marque peut raconter son histoire. Hilfiger partage constamment avec ses abonnés les nouvelles de ses lancements de conception, de ses partenariats avec des célébrités et de ses événements promotionnels. La marque utilise également des images et des vidéos pour rendre son histoire plus attrayante pour la communauté.

001

Raconter des histoires avec des images

Parfois, la narration peut être efficacement réalisée par l’utilisation simple et sans prétention des images. Il y a le vieil adage sur la façon dont une image vaut mille mots, après tout. Cela a beaucoup de sens quand on y pense car une image est facile à absorber, donc un message peut être communiqué très efficacement.

Page d'inscription de LinkedIn illustre ceci à un tee. Tout d'abord, notez le peu de copie sur la page entière! Ceci est évidemment fait exprès pour permettre au groupe de photos d'individus (très divers) d'accueillir l'utilisateur du site.

Juste en observant la boîte de photos, vous pouvez déjà avoir une idée nette de ce que LinkedIn: c'est vraiment pour tout le monde. Les photos montrent des hommes et des femmes de différentes origines ethniques (même s'ils n'incluaient pas de personnes âgées), souriant avec joie et confiance en raison de leur expérience sur LinkedIn. Quiconque n'est pas familier avec le site de réseautage social comprend immédiatement que des personnes de partout dans le monde utilisent le site pour créer des réseaux et faire des affaires.

002

Raconter des histoires avec des illustrations

Les illustrations ou les dessins peuvent fonctionner avec le même type de magie que les photographies. Ils sont également des aides visuelles qui permettent aux visiteurs du site de comprendre facilement l’histoire qu’une marque essaie de raconter. Les illustrations peuvent aller de deux manières différentes: la route abstraite ou la route plus réaliste. Nous allons regarder ce dernier type.

Sur le site web de Evernote Web Clipper , vous remarquerez trois blocs d'illustrations allant de gauche à droite. Oui, les blocs d'illustrations sont accompagnés d'un texte pratique en bas pour expliquer comment Web Clipper fonctionne, mais les illustrations donnent à voir, presque comme un livre de contes, à quoi ressemblera le flux de l'utilisateur.

En conséquence, personne ne se demande s'ils peuvent utiliser Web Clipper pour collecter et accéder à divers éléments à partir d'Internet, à tout moment et de n'importe quel lieu.

003

Raconter des histoires avec copie

Il ne faut pas s’étonner que les mots utilisés dans la copie du site soient exceptionnellement puissants pour raconter des histoires. Il est logique de penser que les mots sont au cœur des grands récits, et cela depuis que l’homme a commencé à écrire.

Un site qui illustre comment utiliser la copie pour raconter une histoire captivante L'oeil touristique . Le Tourist Eye s'appuie sur une copie percutante et engageante pour informer immédiatement les utilisateurs de ce qu'ils obtiendront en échange de l'utilisation de son service. Directement, la copie du site indique clairement que vous pouvez trouver une foule d’idées et de conseils sur les choses que vous voulez faire lors de grands voyages et de petites escapades.

Ensuite, lorsque l'utilisateur fait défiler la page, la copie le guide à travers les fonctions et options supplémentaires disponibles. Celles-ci incluent l'opportunité pratique et désirable de créer des listes de souhaits et une chance d'obtenir The Tourist Eye sur votre téléphone portable en tant qu'application.

004

Raconter des histoires avec des mascottes

En ce qui concerne le comique et l'adorable, les mascottes ont l'avantage. Les entreprises savent que les mascottes sont un moyen facile de s’intéresser aux clients et qu’elles aident une marque à raconter son histoire de manière humoristique, accessible et conversationnelle. Prenez MailChimp, par exemple.

Il a une mascotte assez connue sous le nom de Freddie Cela fait un travail de bricolage en racontant la philosophie de l'entreprise. La société adopte une approche légère et peu sérieuse des affaires et de la vie en général, ce qui se voit facilement dans les représentations de Freddie sur tout ce qui concerne MailChimp.

Que ce soit Freddie qui sourit, cligne de l'œil ou porte un crayon à l'oreille (et sourit largement), vous savez que la marque communique son style réaliste et personnalisé aux utilisateurs. Cette mascotte peut être vue sur presque toutes les pages de MailChimp dans un sens, forme ou forme.

005

Raconter des histoires avec parallaxe

Le défilement de la parallaxe existe depuis quelques années, et il n’en reste plus qu’à la mode. C'est probablement la manière la plus simple de démontrer à quel point la narration Web peut être mortelle et efficace. C'est parce que la nature du défilement d'un site Web est simplement de révéler de plus en plus de couches d'informations (lire: raconter des histoires), presque comme peler les couches de peau suivantes d'un oignon (moins les larmes, bien sûr).

Prenons l'exemple de The Royal British Legion - Suivez le site Web de Poppy . Il fournit aux visiteurs curieux du site des informations vitales sur la façon dont les dons à la Légion royale britannique sont dépensés, ils sont bien dépensés. En parcourant des histoires intéressantes et vibrantes, vous pourrez voir les nombreux services utiles fournis par la Légion. Cela comprend l'aide aux familles des militaires britanniques (avec des exemples spécifiques de vraies familles) et l'aide à la carrière pour les anciens combattants qui quittent le service pour tenter leur chance.

006

Raconter des histoires avec de la personnalité

La personnalité a commencé à constituer un élément de plus en plus vital dans la conception de sites Web contemporains. Il est particulièrement puissant et puissant pour aider les entreprises et les marques à s'humaniser, se connectant ainsi à un niveau plus personnel avec les visiteurs, les fans et les acheteurs de leur site. Tout cela équivaut à un plus grand nombre de personnes souhaitant acheter, de sorte que des profits plus importants suivent également, naturellement.

La personnalité permet également à votre marque de raconter une belle histoire. Prenons l'exemple de Déménagement des animaux . Sous la rubrique Team du site, tous les employés sont mis en avant, mais la page est loin d’être typique! Tous les employés (et certains de leurs chiens aussi) sont largement souriants, mais lorsque vous placez le curseur sur chaque image, vous obtenez une surprise supplémentaire: une pose stupide / pleine d’attitude de la part de chaque employé. Cela indique aux visiteurs du site à quel point la culture d'entreprise est décontractée et détendue chez Pet Relocation.

007

Conclusion

La narration a été avec la race humaine depuis le premier, les humains primitifs mangeaient encore leur viande crue et dessinaient sur les parois de la grotte. C'est parce que c'est un moyen puissant et efficace de faire avancer les choses. Il n’est pas surprenant que cette technique se développe enfin dans le monde du web design.

Plus les marques et les entreprises voient à quel point cette approche est attrayante, plus vous verrez la conception du site après la conception du site qui intègre cette technique.