{"id":251741,"date":"2023-08-24T12:40:00","date_gmt":"2023-08-24T09:40:00","guid":{"rendered":"https:\/\/inform.click\/pourquoi-une-narration-numerique-exceptionnelle-bat-une-conception-exceptionnellement-bonne\/"},"modified":"2023-08-24T13:24:00","modified_gmt":"2023-08-24T10:24:00","slug":"pourquoi-une-narration-numerique-exceptionnelle-bat-une-conception-exceptionnellement-bonne","status":"publish","type":"post","link":"https:\/\/inform.click\/fr\/pourquoi-une-narration-numerique-exceptionnelle-bat-une-conception-exceptionnellement-bonne\/","title":{"rendered":"Pourquoi une narration num\u00e9rique exceptionnelle bat une conception exceptionnellement bonne"},"content":{"rendered":"

\n Les visuels sont tr\u00e8s importants dans le monde de la conception num\u00e9rique. Prenez, par exemple, une photo d’une m\u00e8re et de son b\u00e9b\u00e9 jouant \u00e0 l’ext\u00e9rieur avec le sourire aux l\u00e8vres, fi\u00e8rement affich\u00e9e sur le site Web d’un fabricant de jouets pour enfants.\n<\/p>\n

\n Pensez \u00e0 cette photo d’un groupe de professionnels dans une salle de r\u00e9union pour un panneau d’affichage d’une solution de conf\u00e9rence qui a attir\u00e9 votre attention pendant que vous conduisiez sur l’autoroute. M\u00eame le plus petit logo sur l’\u00e9tiquette du produit laitier que vous avez achet\u00e9 \u00e0 l’\u00e9picerie du quartier est le produit d’un graphiste.\n<\/p>\n

\n Les photos et les graphiques sont utilis\u00e9s 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 \u00e0 l’aff\u00fbt de l’histoire qui se cache derri\u00e8re. Une bonne conception num\u00e9rique vous dira toujours le \u00ab quoi \u00bb. Une bonne conception num\u00e9rique vous indiquera \u00e9galement le \u00ab pourquoi \u00bb.\n<\/p>\n

\n Donnez \u00e0 votre auditoire quelque chose \u00e0 voir, mais aussi quelque chose \u00e0 dire.
\n<\/h5>\n

\n \u00c0 pr\u00e9sent, vous vous demandez peut-\u00eatre: \u00abJe suis designer. Les \u00e9crivains ne sont-ils pas cens\u00e9s raconter l’histoire? Si vous ne l’avez pas encore remarqu\u00e9, la narration ne se limite pas \u00e0 r\u00e9diger un texte ou \u00e0 r\u00e9diger un long article sur un produit ou un service. Vos visuels ont aussi besoin d’une histoire. Pensez \u00e0 l’homme h\u00e9ro\u00efque qui sauve un chiot d’\u00eatre \u00e9cras\u00e9 par un v\u00e9hicule en mouvement dans une rue anim\u00e9e. Ou imaginez un p\u00e8re apprenant \u00e0 son fils \u00e0 faire du v\u00e9lo, en regardant l’enfant filer joyeusement. Ce sont de petits moments o\u00f9 les gens s’engagent dans une action particuli\u00e8re, ce qui cr\u00e9e un impact.\n<\/p>\n

\n Ils disent que les m\u00e9dias ne sont utiles que lorsqu’ils sont utilis\u00e9s pour compl\u00e9ter un contenu pr\u00e9cieux. En tant que concepteurs, vous devez pouvoir raconter une histoire ou relayer une id\u00e9e \u00e0 chaque sortie. Les images, les graphiques et la typographie sont tous des moyens tr\u00e8s cr\u00e9atifs de transmettre un message. mais avec chaque message, vous devez avoir quelque chose \u00e0 dire. Ne vous contentez pas de cr\u00e9er pour impressionner ; cr\u00e9er pour exprimer.\n<\/p>\n

\n Stockez votre conception.
\n<\/h5>\n

\n Avant de commencer votre conception, assurez-vous d’avoir une histoire de fond. Pourquoi faites-vous cela? Quel est l’int\u00e9r\u00eat de partager cela? Faites un remue-m\u00e9ninges si vous le devez. Associez des mots \u2013 noms, verbes et adjectifs \u00e0 votre projet. Quelque chose de commun viendra; cela pourrait bien \u00eatre votre histoire de conception.\n<\/p>\n

\n Un exemple particuli\u00e8rement bon est la direction que TOMS, une entreprise de chaussures \u00e0 but lucratif populaire bas\u00e9e en Californie, a prise dans son image de marque. Il n’y avait rien de sp\u00e9cial dans leur gamme de produits initiale; ils ont juste fait une ramification des simples chaussures \u00e0 enfiler en toile c\u00e9l\u00e8bres en Am\u00e9rique du Sud appel\u00e9es alpargatas. Mais c’est l\u00e0 que \u00e7a devient int\u00e9ressant. Alors qu’il faisait du b\u00e9n\u00e9volat, le fondateur Blake Mycoskie a remarqu\u00e9 que de nombreux enfants n’avaient pas de chaussures. Lorsque Blake a lanc\u00e9 le bal, il a d\u00e9cid\u00e9 que pour chaque paire vendue, il fournirait une nouvelle paire \u00e0 un autre jeune d’un pays en d\u00e9veloppement, ou ce qui est maintenant connu sous le nom de mod\u00e8le commercial \u00ab\u00a0un pour un\u00a0\u00bb.\n<\/p>\n

\n En raison de cette belle histoire, la nouvelle de la marque s’est r\u00e9pandue comme une tra\u00een\u00e9e de poudre par le bouche-\u00e0-oreille et les m\u00e9dias sociaux. En particulier, cette histoire se refl\u00e8te sur le site Web de chaussures TOMS. De nombreuses images du site mettent en \u00e9vidence l’histoire de l’entreprise, au lieu de mettre les produits r\u00e9els qu’elle propose au premier plan. En cons\u00e9quence, ils sont capables de se connecter aux sens du public et de relayer une histoire qui r\u00e9sonne.\n<\/p>\n

\n Une autre bonne utilisation de la narration dans le design est la licorne des transports, Uber. Au d\u00e9but, 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\u00e8ces. Bien que l’entreprise ait rencontr\u00e9 une multitude de probl\u00e8mes graves, son achalandage mondial a montr\u00e9 qu’Uber fonctionne et fait parfaitement son travail en tant que service de transport alternatif \u00e0 la demande.\n<\/p>\n

\"\"<\/a><\/p>\n

\n L’interface utilisateur de l’application r\u00e9pond \u00e0 tous les points douloureux du cycliste r\u00e9gulier. O\u00f9 se trouve exactement le man\u00e8ge en ce moment ? Combien de temps faudra-t-il pour que la voiture arrive \u00e0 l'emplacement du passager ? Combien le coureur paiera-t-il? Quel est le num\u00e9ro du chauffeur s’il a besoin d’\u00eatre contact\u00e9? Tous les d\u00e9tails vitaux dont le cycliste a besoin sont affich\u00e9s dans l’application de mani\u00e8re syst\u00e9matique. M\u00eame le site Web d’Uber en dit long sur l’orientation de l’entreprise. Chaque graphique, ic\u00f4ne et m\u00eame les polices crient \u00ab\u00a0agr\u00e9able\u00a0\u00bb et \u00ab\u00a0facile\u00a0\u00bb.\n<\/p>\n

\n Raconter des histoires par le biais du design implique des processus syst\u00e9matiques.
\n<\/h5>\n

\n Comme pour tout ce qui est construit \u00e0 la main (et par l’esprit), une conception efficace doit suivre certains processus. Prenez par exemple le processus de cr\u00e9ation d’un site Web. Vous construisez des storyboards avant m\u00eame de commencer \u00e0 cr\u00e9er 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\u00e9filera vers le bas, etc.\n<\/p>\n

\n Braden Kowitz, un concepteur d’exp\u00e9rience utilisateur connu, sugg\u00e8re de cr\u00e9er une s\u00e9rie de cas d’utilisation narratifs pour votre produit qui illustrent chaque \u00e9tape du parcours de l’utilisateur. Il appelle cela un processus de conception centr\u00e9 sur l’histoire. Avec cela, vous pouvez simuler l’exp\u00e9rience utilisateur et identifier tous les r\u00e9sultats possibles et, par cons\u00e9quent, vos d\u00e9cisions de conception seront enti\u00e8rement bas\u00e9es sur la fa\u00e7on dont les gens choisissent d’utiliser votre produit.\n<\/p>\n

\n Cela contraste fortement avec une conception centr\u00e9e sur l’\u00e9cran, dans laquelle vous pr\u00e9sentez ou cr\u00e9ez une pr\u00e9sentation d’une interface utilisateur tout en montrant un plan. Afficher des plans signifie que vous ne faites qu’\u00e9num\u00e9rer comment chaque \u00e9l\u00e9ment s’inscrit dans le plan. \u00abLe probl\u00e8me est que \u00bb, d\u00e9clare Kowitz, \u00ablorsque les conceptions sont pr\u00e9sent\u00e9es de cette fa\u00e7on, 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\u00e7on dont les clients interagissent avec lui.\n<\/p>\n

\n Kowitz sugg\u00e8re \u00e9galement 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\u00e9ez pas pour le Web en concevant simplement des \u00e9crans individuels.\n<\/p>\n

\n Lorsque vous pratiquerez l’adoption de cette discipline, votre processus de conception sera beaucoup plus facile. Vous pouvez \u00e9galement mettre en \u00e9vidence les erreurs de conception qui sont souvent n\u00e9glig\u00e9es. Vous pouvez \u00e9galement savoir si vous atteignez ou non vos objectifs de conception au fur et \u00e0 mesure de votre progression. De plus, vous serez en mesure de travailler plus rapidement lorsque toutes les parties du processus seront couvertes ou trait\u00e9es.\n<\/p>\n

\n La fa\u00e7on dont vous racontez l’histoire de votre conception compte \u00e9galement.
\n<\/h5>\n

\n Dans chaque projet de conception, vous devez d’abord pr\u00e9parer le terrain pour votre histoire. Les arri\u00e8re-plans et les humeurs comptent autant que votre message r\u00e9el et les r\u00e9sultats souhait\u00e9s. Comment votre histoire va-t-elle donner un coup de poing ?\n<\/p>\n