Direction artistique pour internet

1. Introduction: Bonjour, je m'appelle Andy Clark et je suis directeur artistique et designer ici dans mon studio, Stuff and non-sense. Depuis 20 ans, j'ai aidé des entreprises, grandes et petites, des organismes caritatifs comme Greenpeace et WWF à améliorer leur site Web et leur conception de produits. Maintenant, c'est un cours sur la direction artistique pour le web et au cours de la prochaine heure, je vais vous enseigner notre direction. Je vais te dire ce que ça veut dire et pourquoi ça compte. Je vais expliquer qui peut le faire et, surtout, comment cela s'applique au web. Maintenant, si vous êtes un directeur artistique ou un designer expérimenté qui travaille dans l'impression, ce cours vous aidera à comprendre comment mettre votre talent sur le Web. C' est également pour les concepteurs et développeurs web qui veulent comprendre direction artistique et comment le faire fonctionner pour les produits numériques et les sites Web. Ce cours s'adresse également aux développeurs qui veulent apprendre les principes de conception que les concepteurs utilisent tous les jours, afin qu'ils puissent les appliquer à des sites sur n'importe quelle plate-forme. Je vais vous apprendre pourquoi la direction artistique compte pour le web, en apprenant de quelques-uns des directeurs artistiques les plus influents des 60 dernières années. compris Alexey Brodovitch et son travail influent pour le magazine de mode Harper's Bazaar dans les années 1930 et 40. Bia Filer, qui a été l'une des premières réalisatrices artistiques de Harper, et qui a lancé le premier mannequin noir à figurer sur la couverture du magazine de mode grand public. Sans oublier Neville Brody qui a dirigé le Face Fashion and Music Magazine en Grande-Bretagne dans les années 1980. Ainsi, vous apprendrez comment les valeurs de votre marque peuvent influencer la direction artistique. Vous apprendrez à décider des principes qui guideront votre conception. Comment les histoires de persona et d'utilisateurs peuvent vous aider à créer des récits et à décider comment vous voulez que les gens ressentent. Je vais vous apprendre où la direction artistique peut influencer l'expérience d'une personne lorsqu'elle utilise un produit ou un site Web, et où la direction artistique peut être la plus pertinente, puis comment se préparer à rendre ce que vous concevez plus efficace grâce à direction artistique réfléchie. Pour m'aider à décrire comment concevoir des produits et des sites Web, j'ai fait Wheel Man, qui est une application pour réserver une voiture rapide et un chauffeur d'escapade, plus un site Web compagnon qui est plein de conseils sur la façon dont pour vous assurer que vous pouvez vous en sortir propre. Le site web de l'homme de roue parle également de certains des criminels et gangs londoniens tristement célèbres dans les années 1960, ainsi que des meurtres, vols et violences qu'ils ont commis. Je serais heureux si vous appreniez des exemples de Wheel Man, mais je ne suggère pas que vous suiviez les traces sanglantes de ces criminels. J' ai aussi écrit un livre, par coïncidence, il s'appelle Art Direction for the Web, où je vais plus en détail sur tous ces sujets. Vous pouvez en savoir plus sur ce livre sur artdirectionfortheweb.com. Je veux vraiment que ce cours soit aussi agréable qu'instructif. Alors rejoignez-moi sur cette direction artistique pour le cours en ligne et découvrez plus sur ce sujet et plus encore dans mon livre. Es-tu prêt ? 2. Comprendre la direction artistique: Dans cet épisode de la direction artistique pour le web, je vais vous apprendre ce que signifie la direction artistique et pourquoi elle compte en apprenant de quelques-uns des directeurs artistiques les plus influents des 60 dernières années et en regardant quelques incroyables exemples du web aujourd'hui. Pour commencer, nous allons étudier ces deux histoires. Ils sont un exemple d'art qui dirige un article sur l' affaire de cartel de la drogue la plus ancienne de l'USDEA de deux façons très différentes. Ces pages contiennent toutes deux la même copie écrite, beaucoup des mêmes photographies. L' une vient de l'Atlantique, où l'information est présentée intentionnellement de façon factuelle pour faire croire à votre lecteur que l'Atlantique est équilibré et fiable. L' autre vient de ProPublica. Ici, les illustrations véhiculent la violence, avec une intensité qui aurait été difficile à estomper en utilisant la photographie. Ces illustrations font que les gens se sentent tendus et terrifiés et vous savez, c'est bon. Les lecteurs devraient éprouver ces émotions lorsqu'ils lisent fusillades et font fondre les trafiquants de drogue dans l'actif. Le processus d'évocation de ces sentiments est appelé direction artistique. Ces histoires étaient de l'art réalisé avec deux objectifs très différents à l'esprit. Les décisions qui ont été prises lors de la conception ces articles dépendaient de facteurs que je vais explorer tout au long de ce cours. Comment pourrions-nous définir la direction artistique ? Eh bien, une interprétation de la mienne est que la direction utilise le design pour évoquer intentionnellement une réaction émotionnelle de quelqu'un quand il lit un article. Eh bien, ils utilisent un produit, eh bien ils visitent un site Web. La direction artistique a une histoire longue et fascinante et nombreux directeurs artistiques talentueux ont réalisé des œuvres qui ont non seulement résisté à l'épreuve du temps, mais aussi devenu emblématique. Je vais vous parler de trois directeurs artistiques dont le travail m'inspire tous les jours. La première personne dont je veux vous parler est Alexey Brodovitch qui a dirigé le magazine Harper's Bazaar de 1934 à 1958. Alors que puis-je dire de quelqu'un qui a choisi Pablo Picasso pour remporter la première place dans un concours d'affiches ? Eh bien, je vais te dire quoi, c'est trop de s'enfoncer dans ces quelques minutes. Brodovitch était plus qu'un directeur artistique. C' était un artiste et un photographe très habile qui a pris, entre autres, Diane Arbus et Richard avide Don. Il est évident que ce sont les connaissances de Brodovitch en photographie qui ont donné à son travail une touche classique. D' une manière ou d'une autre, il savait instinctivement combiner les photographies avec le contenu écrit, transformant souvent le texte en formes qui contrastent avec les formes de sa photographie ou en miroir. direction artistique de Brodovitch pour Harper's Bazaar, le magazine de mode a influencé les créateurs depuis. Je trouve ses esquisses de mise en page les plus informatives parce que j'en apprends souvent plus sur la façon dont quelqu'un pense, regardant son travail en cours plutôt que simplement le résultat final. Jusqu' à récemment, je n'étais pas au courant du nom de Bea Feitler, bien que sa couverture de Rolling Stone qui présentait une photographie d' un John Lennon nu enveloppait un Yoko Ono entièrement habillé, qui a été tourné par Annie Leibovitz, est l'une des couvertures de magazines les plus emblématiques jamais conçues. Au début des années 1960, Feitler est l' un des plus jeunes directeurs artistiques de l'industrie de l'édition. Avec son utilisation audacieuse de la couleur, le travail de Feitler sur Harper, caractérise l'humeur optimiste des États-Unis à cette époque. Mais ce n'était pas seulement la couleur qu'elle utilisait sur ses pages, ce qui était mémorable. Parce qu'en 1965, elle a lancé le premier mannequin noir à figurer sur la couverture d'un magazine de mode grand public. Oh, et elle a aussi embrassé Andy Warhol au milieu des années 80. J' étais obsédé par la musique. Il était donc difficile de ne pas savoir pour le magazine Face. Je savais qu'il y avait quelque chose de spécial. Bien qu'à l'époque je ne savais pas qui était Neville Brody ou même ce qu' un directeur artistique faisait. Au cas où vous ne le sauriez pas. The Face est un magazine de culture, de mode et de musique qui a été publié en Grande-Bretagne jusqu'en 2004. Et Brody a travaillé comme directeur artistique jusqu'en 1986. Comme le punk, le visage avait une attitude rebelle envers l'établissement. Une grande partie du travail de Brody était expérimental. Il décrit une fois le visage est un laboratoire vivant où il pourrait expérimenter et ensuite le faire publier. Sa règle d'or était de tout remettre en question. Après le visage, Brody a travaillé sur des campagnes publicitaires et identitaires. Il a fondé le magazine interactif Fuse et une bibliothèque de polices de caractères. Qu' est-ce que quelqu'un qui a travaillé il y a des décennies dans le monde de publicité et de la direction de l'art magazine peut nous apprendre sur nos médias complètement modernes ? Eh bien, la conception d'expériences est plus que de rendre quelque chose utilisable. Il est vraiment payant d'avoir un grand intérêt pour l'art et le design. C' est toujours payant d'être audacieux, et parfois d'être rebelle. Revenons à la direction artistique de Devils, Deals et la DEA, l'article de ProPublica. Si je conçois une nouvelle histoire sur un cartel de la drogue, je dois exposer les faits sur qui, quoi, où, quand, comment et pourquoi. J' ai besoin de savoir qui est impliqué, ce qui s'est passé, où quelque chose s'est passé, quand les événements ont eu lieu, pourquoi ce qui s'est passé, comme dans l'Atlantique. Je peux exposer ces faits d'une manière qui est bien, question de fait. Mais il y a généralement plus à raconter des histoires que de relayer des faits. C' est parce que quand quelqu'un lit sur un seigneur mexicain de la drogue, je veux qu'ils ressentent quelque chose. Je veux qu'ils se sentent calmes ou agités, anxieux, ou terrifiés, encouragés, peut-être obsédés. Je me suis demandé comment je veux que quelqu'un ressent avant de commencer l'art à diriger chaque nouveau design. Bien sûr, la terreur ne serait pas appropriée si j'écris de la publicité, matériel marketing ou peut-être même des notifications de produits. Je ne dirai pas que votre fichier n'a pas été téléchargé. Tu devrais être terrifiée. Mais les barons de la drogue sont méchants. Ils font des choses épouvantables et ils sont dehors. C' est pourquoi, lorsque je réalise leur version de l'histoire précédente, ProPublica a choisi une direction plus dramatique parce qu'ils voulaient que les gens se sentent consternés pendant qu'ils la lisaient. Ce choix d'illustrations a contribué à stimuler ces émotions. Quand ProPublica a choisi d'utiliser les illustrations de Ted McDonald du chaos, de la violence et de la mort. Ils ont changé les lecteurs d'être intéressés à être consternés. Alors que l'approche de l'Atlantique était beaucoup plus factuelle. ProPublica voulait provoquer une forte réaction émotionnelle à leur version. Mon vieil ami, Dan Mali explique que sans direction artistique, nous restons avec des expériences stériles et sèches sont facilement oubliées. Que vous travailliez sur un produit ou un site Web. Peut-être que vous concevez des bulletins d'information électroniques, des écrans de connexion ou des notifications ou même un processus d'intégration. Si vous êtes quelque chose comme moi, la dernière chose que vous voulez que les gens ressentent est que vos dessins sont secs et stériles et rapidement oubliés. direction artistique peut empêcher cela de se produire. De nos jours, il est courant pour beaucoup de personnes différentes avec beaucoup de compétences différentes de travailler sur la conception de toutes ces choses. La différence entre la presse écrite et le web est que direction artistique ne doit pas être une considération distincte des activités normales. Tout comme l'accessibilité et la direction artistique devraient faire partie de tout ce que vous faites au quotidien. Sur le web, la direction de l'art n'est pas seulement le travail d'une personne. Les graphistes ou les concepteurs de produits ou concepteurs UX et les concepteurs web devraient tous faire la direction artistique. du marketing général et produit peuvent aussi diriger l'art même un PDG peut être directeur artistique lorsqu'ils sont préoccupés par la façon dont les gens se sentent pendant qu'ils vivent une entreprise. Bien sûr, la direction artistique prend un bon œil, mais tout le monde peut être enseigné. Il faut de la pratique. Mais rien de plus que de devenir un concepteur ou un développeur accompli. Alors avez-vous besoin de convaincre votre patron ou votre client est la direction artistique devrait être quelque chose à prendre au sérieux. Non, fais-le. Apportez la direction artistique à ce que vous concevez ou développez chaque jour et les gens remarqueront la différence. J' espère que cet épisode de direction artistique pour le web vous a appris sur l'importance de la direction artistique. Maintenant, assurez-vous de regarder toutes les vidéos de ce cours et en savoir plus sur ce sujet et plus dans mon livre. 3. Valeurs de marque et direction artistique: Dans cet épisode, je vais vous apprendre comment valeurs de marque de votre organisation peuvent influencer la direction artistique de votre produit ou site Web. Certaines personnes sont toujours en conflit avec l'identité visuelle de l'organisation. Ils colorent palette, logo, slogan et typographie, et peut-être son ton de voix. Mais l'image de marque est plus que ce que les gens entendent ou voient. Il s'agit de personnalité, de but, et surtout d'une relation et d'une organisation avec d'autres personnes. Ce n'est pas un cours sur l'image de marque. Qu' est-ce que je veux dire par valeurs de marque dans le contexte de la direction artistique, une bonne entreprise de toute nature dépend de bonnes relations. En fait, Howard Schultz, qui était deux fois le PDG de Starbucks, a déclaré que si les gens croient qu'ils partagent des valeurs où l'entreprise, ils resteront fidèles à la marque. Si vous voulez créer des relations durables avec les clients, vous devrez définir clairement les valeurs de votre marque afin que les gens puissent ressentir une affinité avec eux. De nombreuses entreprises commencent par fonder leurs valeurs de marque sur la façon dont elles aimeraient être perçues par leurs clients. Ils pensent à des œuvres comme amical, professionnel, fiable et bon rapport qualité-prix. Mais ces mots pourraient s'appliquer à toute entreprise opérant dans le même secteur. Maintenant, je connais des gens louches, mais avez-vous déjà rencontré quelqu'un qui ne voulait pas être perçu comme professionnel ou digne de confiance. Des mots comme ceux-ci, ils deviennent dénués de sens, sont passionnés par le poisson et les chips ou l'efficacité fiscale. Choisir ceux-ci est votre valeur n'aidera pas à vous définir. Tu peux me faire confiance, je suis un professionnel. Maintenant, beaucoup d'entreprises bien connues ont des valeurs de marque claires et celles-ci sont différentes d'une entreprise à l'autre. Par exemple, Adobe est authentique, exceptionnel, innovant et impliqué. Mais j'ai eu du mal à voir comment ces valeurs sont différentes de n'importe quel nombre d' entreprises qui fabriquent des logiciels et même d'autres qui ne le font pas. D' autre part, Bill the ours valeurs correspondent parfaitement à l'enjouement de cette marque. Ils comprennent la diversité, collaborent et célèbrent. Peut-être que mon ensemble de valeurs préféré actuel vient de l'espace Square. Ils comprennent être votre propre client. Le design n'est pas un luxe. Autonomiser les individus et le bon travail prend du temps. Si vous êtes le propriétaire de la roue qu'une application sur un site Web pour un livre dans une voiture rapide et il sort chauffeur, ou voulez-vous que les clients disent à propos de votre service ? Maintenant, n'y réfléchis pas trop. Au lieu de cela, pensez aux trois ou quatre valeurs. Vous voulez que les gens voient une nouvelle organisation pour l'homme de roue. Ils peuvent être rapides, c'est rapide et facile à utiliser. Rapide pour t'éloigner. Honnêtement, parce que même les criminels veulent savoir à qui ils peuvent faire confiance. Fiable. Personne ne veut rester debout devant une banque, pas avec le sel éteint. La valeur de la marque doit être claire et cohérente dans tout ce que vous faites. Mais pourquoi devraient-ils l'être ? Restons avec Wellman et partons avec les connaissances. Nous connaissons les meilleures routes arrière pour s'échapper. C' est son nom d'après l'examen que tous les conducteurs de taxi noirs de Londres doivent réussir. Ayez le courage de conduire rapidement et de s'éloigner propre, être adaptable. Parce qu'on ne sait jamais ce qu'il y a dans le coin suivant. valeurs de marque des organisations forment cette stratégie pour la direction artistique. Ils aident à garder cette stratégie à l'esprit lors de la prise de décisions concernant la conception. Comment ces valeurs brunes se traduisent en sens artistique pour l'homme de roue ? Ils devraient informer les clients de ce que fait la société et pourquoi les gens devraient les utiliser pour s'enfuir. Cela se résume dans le slogan simple, s'en sort, ce qui ne doit pas être confondu avec, s'en sort avec nous, qui pourrait être le slogan d'une compagnie de voyage. valeur devrait également influencer le ton de la voix de tout avec tous mes droits, du contenu de ce site Web au style de notifications et autres microcopies dans l'application. Maintenant, c'est un endroit idéal pour l'homme de roue de montrer leur personnalité très distinctive, y compris brûleur, e-mail et ledit temps de vol, valeurs de la marque Wellman de savoir, de courage et d'adaptabilité influencent également la façon dont ils veulent que les gens se sentent lorsqu'ils utilisent leur application ou lisent leur site Web. Ils veulent qu'ils soient en sécurité en sachant que les conducteurs Wellman ont l'expérience nécessaire pour vous amener là où vous devez aller. Ce n'est pas la prison qu'ils veulent que les gens se sentent rassurés par leur expertise, même si le mot rassurant n'est pas mentionné explicitement. Ils veulent que les gens se sentent confiants. Même s'ils ne disent pas le mot confiance. Les deux sont implicites un illustré tout au long de tout ce qui sera l'homme communique et conçoit. Les styles de fondation, y compris une palette de couleurs, logo et une typographie, peuvent également être influencés par les valeurs de la marque. topographie est particulièrement cruciale pour transmettre la personnalité d'une marque. Maintenant, les gens disent souvent que les polices ont des caractères, mais je préfère les considérer comme ayant des voix différentes. Chaque voix a sa combinaison unique de tonalité et de texture et d'images Tambora, et la façon dont nous les affichons a également un impact énorme sur la façon dont les gens perçoivent nos designs. Que ce soit sur une publicité, un site éditorial, ou à l'intérieur d'un produit. Il en va de même si vous choisissez la photographie ou l' illustration pour donner vie à votre contenu et à vos fonctionnalités. Par exemple, sur le site Web de Wellman, j'ai choisi la photographie en noir et blanc pour des articles historiques comme celui-ci sur le célèbre policier de Londres, fou Frankie Fraser, ou à ce sujet, sur Amy Johnson, qui a été la première femme à voler en solo du Royaume-Uni à destination de l'Australie. Son histoire étonnante mérite d'être racontée d'une manière aussi excitante que son long voyage. Maintenant, j'ai choisi la photographie couleur pour le contenu actuel, y compris cette Mini Cooper et ces valises, dont vous aurez besoin si vous voulez sortir après un vol, traduire avec succès les valeurs de la marque en direction artistique est essentiel pour s'assurer que tout produit ou site Web reflète l'organisation qui le fabrique. Avez-vous défini des valeurs de marque pour votre organisation si vous n'avez pas passé un certain temps avant le prochain épisode en tenant compte de ce que vous voulez que vos clients disent à propos de votre organisation, produit ou service, et de la façon dont vous aimeriez qu'ils en ressentent. J' espère que cet épisode de direction artistique pour le web vous a appris le rôle que les valeurs de la marque peuvent jouer une direction artistique. Assurez-vous de regarder toutes les vidéos de cette conférence. Vous pouvez en savoir plus sur ce sujet et plus dans mon livre. 4. Définir vos principes en matière de conception: Bienvenue de retour. Dans cet épisode, je vais vous apprendre comment définir les principes de conception de votre organisation et comment ceux-ci peuvent influencer la direction artistique de votre produit et de votre site Web. Maintenant, un mémoire créatif devrait vous parler des objectifs d'un projet de conception individuel. Mais les principes de conception sont des outils inestimables pour vous aider à maintenir une expérience de marque cohérente sur tous les produits et sites Web. Le processus de détermination de ces principes peut également être extraordinairement enrichissant. Il rassemble les personnes de l' ensemble d'une organisation et aide à développer une compréhension partagée ainsi que des façons de déterminer si un design reflète la marque, les objectifs et les valeurs de votre organisation. Il y a quelques années, les propriétaires de Smashing Magazine m' ont demandé de les aider pendant la phase de conception de leur nouveau site web. Réaménager une marque célèbre, en particulier une marque si connue de son public, n' est pas une tâche que j'entreprends à la légère. Après plusieurs semaines d'ateliers et des dizaines d'itérations de design, j'ai livré un ensemble de conceptions et quelques idées et prototypes, afin que l'équipe Smashing Magazine puisse communiquer ce dont elle avait besoin d'un nouveau designer beaucoup plus clairement. Voici deux de mes conceptions pour le magazine Smashing. Puis armée de mes concepts, l'équipe Smashing s'est tournée vers Danmore et lui a demandé designs à part entière qui se sentaient appropriés pour Smashing Magazines, personnalité distinctive et leur positionnement unique. L' équipe a utilisé des mots comme la communauté, excentrique et dynamique pour décrire leur marque et les designs recherchés qui, selon leurs mots, ont été portés à 11. Clarifier ce que les mots comme vibrants signifient visuellement est quelque chose que Dan fait exceptionnellement bien. Pour s'assurer que tout le monde partage une compréhension commune, il a créé un palpage plein d'exemples visuels de ces principes de conception. Pour reprendre les mots de Dan, « La communauté Smashing est vivante, alors avons une palette de couleurs qui se sent vibrante. Utilisons des rouges brillants, des oranges et des bleus, puis des tons plus foncés pour les compenser. » Dan l'a représenté de façon ludique en donnant des éléments arrondis ou un rayon de 11 pixels précisément. Si vous ne l'avez pas déjà repéré, il a fait pivoter leurs avatars et autres fonctionnalités précisément de 11 degrés. Ces discussions autour des principes de conception aident Dan à créer un design qui est distinctement Smashing Magazine. Il a appliqué leur signature orange généreusement, et il a choisi des polices de caractères, l'une pour la lisibilité et l'autre pour ses formes de lettres excentriques. L' équipe de Smashing Magazine voulait également souligner les dimensions, l'étendue et la profondeur de leurs communautés et de leurs contenus. Dan a soulevé le design en introduisant des éléments tridimensionnels, pour les sources de lumière et les ombres. Alors que des sites similaires affichent de petits avatars de leurs auteurs, Dan a choisi de mettre l'accent sur les personnes derrière contenu de Smashing Magazine en utilisant de grandes photographies qu'il a placées au-dessus, non en dessous de leur écriture. Donc Dan est conçu pour Smashing magazine bizarre ? Enfer, oui. C' est vibrant ? Absolument. De nombreuses entreprises bien connues ont maintenant mis à disposition leurs principes de conception. Tout comme les valeurs de la marque, ces principes sont différents d'une entreprise à l'autre. Par exemple, la mission de Google est d'organiser les informations du monde entier et de les rendre universellement accessibles et utiles. Leurs 10 choses que nous savons être vraies comprennent ; se concentrer sur l'utilisateur et tout le reste suivra. Rapide, c'est mieux que lent. Vous pouvez gagner de l'argent sans faire le mal. Le gouvernement du Royaume-Uni, les principes des services numériques sont destinés aux personnes qui construisent des services numériques pour le domaine gov.uk. Ils comprennent la construction pour l'inclusion, conception avec des données, et font le travail acharné pour le rendre simple. Maintenant, si vous êtes le propriétaire de Wheelman, quels principes voudriez-vous guider la conception continue de l'application et du site Web ? Quand je concevais Wheelman les principes d'un seul mot que je gardais à l'esprit, nous sommes audacieux, intrépides et opportuns. La forme que prennent vos principes de conception dépendra de combien vous voulez clarifier le sens de vos mots. Vous pourriez, comme je l'ai fait, utiliser un seul mot comme intrépide ou vous pourriez élargir ce mot en une phrase pour fournir un peu plus de clarté comme faire des choix audacieux pour faire le travail. N' ayez pas peur de prendre des décisions difficiles pour nos clients. Donnez aux gens seulement ce dont ils ont besoin quand ils en ont besoin. Vous pouvez également rassembler ces formats comme ceci. Si intrépide. N' ayez pas peur de prendre des décisions difficiles pour nos clients. Attention cependant, n'utilisez pas trop de mots car cela peut parfois diluer le principe et cela peut augmenter la confusion en fonction de votre combinaison de principes de conception, il ne sera pas toujours possible d'aborder tous les principes. Mais même des principes uniques peuvent être un excellent outil pour déterminer si un design reflète la marque, les objectifs et les valeurs de votre organisation. Lequel de ces modèles Wheelman démontre le mieux mon principe d'audace. audace n'a pas besoin d'être principalement des couleurs proéminentes ou de l'audace dans la typographie. Il peut également être représenté par votre choix de mise en page et de mise en page qui rompt avec la convention d'une bannière jumbotron pleine largeur et utilise une image pleine haute à la place, serait également un choix audacieux. Changer le style typique de la navigation intérieure pour refléter à la fois la marque Wheelman et améliorer la convivialité sur les petits écrans serait également un geste audacieux. Bien sûr, des principes comme audacieux, intrépide et opportuns ne seront pas pertinents pour toutes les organisations. Donc, vous devriez passer un peu de temps avant le prochain épisode considérant les meilleurs principes pour guider vos conceptions. Ne faites pas cela seul, car souvent le processus de collaboration qui consiste à décider des principes de conception de votre organisation peut être tout aussi précieux que les principes eux-mêmes. principe de conception doit influencer la direction artistique, conception et le développement de tous les aspects d'un produit ou d'un site Web. Cela ne peut se produire que lorsque les concepteurs et les développeurs les gardent à l'esprit. J' ai trouvé que la meilleure façon de veiller à ce que toutes personnes impliquées dans un design gardent à l'esprit les principes de conception, c'est de les transformer en objets comme des affiches ou des cartes postales, que je garde sur le mur de mon studio et dans le bureau du client. C' est quelque chose que les services numériques gouvernementaux ont vraiment réussi et leurs affiches montrent clairement que, dans un domaine comme le nôtre, nous pouvons créer des outils aussi créatifs que notre travail. Maintenant, j'espère que cet épisode de direction artistique pour le web vous a appris le rôle que les principes de conception peuvent jouer dans la direction de l'art. Assurez-vous de regarder toutes les vidéos de ce cours et en savoir plus sur ce sujet et plus dans mon livre. 5. Créer des personas et des scénarios utilisateurs: Bienvenue de retour. Dans cet épisode, je vais vous apprendre sur les personnages du public et les histoires d'utilisateurs et comment ils peuvent influencer la direction artistique de votre produit ou site Web. Maintenant, d'abord, un aperçu rapide pour tous ceux qui débutent dans l'écriture de personnages ou d'histoires d'utilisateurs. Si vous êtes un concepteur d'expérience utilisateur, ne sautez pas cet épisode. Vous connaîtrez sans doute déjà les personnages du public et les histoires des utilisateurs. Mais comment se rapportent-ils à la direction artistique ? De plus, mon point de vue sur les personnages et les histoires va probablement être très différent de la vôtre. Dans le marketing et dans UX, nous pensons généralement à deux types de personnas, une personne d'acheteur et une personne d'utilisateur. Je vais commencer par énumérer quelques faits sur ma première personne. Je veux que vous rencontriez Reggie. Il a 35 ans et il est marié. C' est un ancien boxeur et propriétaire d'une boîte de nuit, et il vit à Hoxton, dans l'est de Londres. Maintenant, en plus d'un tableau, je peux ajouter une courte biographie qui décrit Reggie plus en détail. Reggie est copropriétaire de la boîte de nuit Esmeralda Barn à Knightsbridge à Londres. Il a plusieurs autres intérêts commerciaux variés, y compris un cabinet de garde du corps et de protection pour les stars hollywoodiennes, dont Frank Sinatra. Les acheteurs sont des gens à qui vous vendez. Qui vous voulez convaincre d'acheter votre produit ou service, et vous voulez qu'il soit facile pour eux de se séparer de leur argent. Ces personnes sont aussi souvent appelées « personas marketing ». Un utilisateur est une personne qui consomme ou utilise le produit ou le service que vous fabriquez. Si vous travaillez dans des éditoriaux ou des nouvelles, ils peuvent également être des personnes qui lisent votre contenu. Si personas peut être principalement fictif, bien qu'ils devraient être basés sur la connaissance de personnes réelles qui utilisent votre produit ou site Web. Vous pouvez obtenir ces connaissances en regardant les gens l'utiliser ou en les interrogeant. Ensuite, j'ajoute plus d'informations sur Reggie, ses traits de personnalité et son expérience dans l'informatique, les médias sociaux et les logiciels. J' utilise une échelle glissante simple pour illustrer ces attributs. Parfois, une personne d'acheteur et une personne d'utilisateur sont la même personne. Pour utiliser un exemple de l'homme de roue, quelqu'un qui veut en apprendre davantage sur l'organisation de la voiture d'évasion rapide est susceptible d'être la même personne qui veut s'éloigner dans un. Personnas donnent un nom, histoire de fond, et parfois même un visage à une personne. Lorsque vous créez une personne, vous pouvez ajouter des informations personnelles ou professionnelles pertinentes. Par exemple, l'âge et peut-être leur sexe si c'est pertinent, endroit où ils vivent, leur emploi, s'ils en ont un, à quoi ressemble leur maison ou leur milieu de travail. Peut-être leurs objectifs et frustrations ou quel canal d'information ils préfèrent. Maintenant, soyez sélectif et n'incluez que ce dont vous avez besoin. J' ai vu beaucoup de personnages qui lisent plus comme beaucoup de romans parce qu'ils contiennent tellement d'informations. La plupart de cela à peine pertinent si c'est pertinent du tout. J' aime garder mes personas vraiment court et simple. Je me demande constamment comment les attributs de n'importe quelle personnalité peuvent influencer ma direction artistique. Après tout, il n'y a aucune raison d'inclure des informations qui ne sont pas pertinentes. Par exemple, l'âge est-il pertinent ? Ou pour l'homme de roue qui est plus susceptible d'être important ou le sexe de quelqu'un. Parce que les personnes âgées tirent aussi des vols. Où habite quelqu'un est important aussi. Comme je pourrais avoir besoin d'éviter quelques références culturelles ou de localiser ma copie écrite pour différents pays. Les chaînes de nouvelles que quelqu'un préfère seront plus pertinentes si vous travaillez sur un site éditorial. Mais moins quand vous concevez une application pour aider les gens à s'enfuir. Mon propre but d'écriture personnelle est de comprendre la personnalité et les caractéristiques de quelqu'un. Parce que les comprendre me donnera une connaissance claire de qu'ils peuvent ressentir et m'aidera à créer de meilleures histoires d'utilisateurs. Bien que je n'aime vraiment pas le mot utilisateur et je préfère le mot public. Les histoires d'utilisateurs sont fabuleuses pour capturer les problèmes de conception car elles vous encouragent à penser non seulement à un problème, mais aussi à la personne qui a le problème. C' est pourquoi il est important de bien réfléchir aux personnages de votre audience avant de commencer à écrire des histoires d'utilisateurs. Personas vous aide à penser à des personnes réelles dans des situations réelles. Ils vous aideront à créer des histoires d'utilisateurs précises. Lorsque vous écrivez une histoire d'utilisateur, vous devez le faire du point de vue de quelqu'un qui veut accomplir une tâche en utilisant vos produits ou votre site Web. Mes histoires d'utilisateurs suivent souvent un format défini, persona plus besoin plus but. C' est une personne avec une caractéristique. Persona ou qui. Ce qu'ils espèrent réaliser. Besoin de quoi. Pourquoi ils font ce qu'ils font ? C' est le but. C'est le pourquoi ? Cela se traduit généralement par qui, j'ai besoin, ou je veux. Alors ça, le pourquoi. Je trouve qu'un format simple garde les histoires d'utilisateurs faciles à comprendre et sans ambiguïté. Mais vous pouvez expérimenter avec différents formats d'histoire qui conviennent à votre public et qui aident votre équipe. J' utiliserais ce format pour créer deux histoires d'utilisateurs pour Wheel Man. Maintenant, je sais que vous n'allez probablement pas concevoir pour les gens qui s'enfuient après un cambriolage. Mais ce format fonctionne tout aussi bien, peu importe le travail que vous tirez. Commencez par les caractéristiques. Reggie, comme quelqu'un qui planifie un cambriolage. Maintenant, ajoutez ce que Reggie espère réaliser. En tant que quelqu'un qui planifie un vol, je veux qu'une voiture d'évasion m'emmène rapidement et de manière fiable de la bijouterie à ma planque. Enfin, la raison pour laquelle il en a besoin ou le vouloir. En tant que quelqu'un qui planifie un vol, je veux avoir une voiture d'évasion qui m'emmènera de la cible à ma planque. Parce qu'il y a une chance que la police arrive rapidement sur les lieux. N' essayez pas de capturer plus d'un problème dans une histoire utilisateur. La même personnalité pourrait inspirer plus d'une histoire en fonction de leurs besoins. Par exemple, pour Reggie, tant que quelqu'un qui planifie un vol, je veux une voiture qui ne peut pas être retracée à moi ou à l'un de mes complices parce que la police utilisera la vidéosurveillance du vol pour essayer de attrape-moi. Une fois que vous avez une base solide pour une histoire d'utilisateur, réduisez-la et peaufinez-la en supprimant toute information qui n'est pas essentielle au but de l'histoire. À titre d'exemple, je peux simplifier le langage de cette histoire. En tant que quelqu'un qui planifie un vol, je veux une voiture intraçable parce que la police utilisera la surveillance. J' aime développer à la fois des personnages et des histoires d'utilisateurs en collaboration avec d'autres personnes, car cela m'aide à tirer parti de l'ensemble le plus large d'expériences et de connaissances. Parfois, je collabore avec des propriétaires d'entreprise, des propriétaires de produits et des vendeurs. D' autres fois, je pourrais inclure des personnes des équipes de développement ou de marketing. personnalités du public et les histoires des utilisateurs doivent influencer la direction artistique, conception et le développement de tous les aspects d'un produit ou d'un site Web. Mais cela ne peut se produire que lorsque les concepteurs et les développeurs les gardent à l'esprit. J' ai trouvé que la meilleure façon de veiller à ce que toutes impliquées dans le design gardent à l'esprit les personnages et les histoires d'utilisateurs, c'est de les transformer en objets comme des affiches ou des cartes postales, que je garde sur le mur de mon studio et dans le pour rappeler à tout le monde pour qui nous concevons et les problèmes que nous essayons de résoudre. C' est quelque chose que Mailchimp a fait avec beaucoup de succès. Là, les affiches le rendent vraiment évident dans un domaine comme le nôtre, nous pouvons rendre nos outils aussi créatifs que notre travail. J' espère que cet épisode de direction artistique pour le web vous a appris la partie du public, personnages et des histoires d'utilisateurs peuvent jouer une direction artistique. Assurez-vous de regarder toutes les vidéos de ce cours et en savoir plus sur ce sujet et plus dans mon livre. 6. Concevoir un parcours client: Bienvenue de retour. Dans cet épisode, je vais vous enseigner les parcours des clients, et comment ceux-ci peuvent influencer la direction artistique de votre produit ou site Web. Maintenant, je souris toujours quand j'entends des designers parler de quelqu'un qui utilise un produit ou un site Web comme un voyage. Après tout, acheter un câble ou payer une taxe de voiture en ligne n'est pas la même chose que se rendre à Mordor. Cependant, qu'il s'agisse de voyages ou non, cartographie de l'expérience d'un client peut être un processus très utile pour vous aider à l'améliorer. Vous n'avez pas besoin d'être un assistant pour évoquer une carte de parcours client. Ce n'est pas un processus magique. En fait, n'importe qui peut et doit le faire. Voici mon guide de cinq minutes sur les parcours des clients et la direction artistique. Qu' est-ce qu'un parcours client ? Comment le cartographiez-vous ? Je pense que Paul Boag a la meilleure explication, et il a écrit : « Une personne se concentre sur la personne tandis qu' une carte de voyage client se concentre sur son expérience » Pourquoi en faire un ? Encore une fois, je pense que Paul offre la meilleure citation  : « Une carte de parcours client est une histoire conçue pour fournir des informations sur le parcours d'un client ». Les cartes de parcours client vous donnent une vue sur l'ensemble de l'expérience du client et vous montrent les possibilités de l'améliorer tout au long de la direction. Les cartes de parcours peuvent être puissantes pour notre direction car elles vous aident à comprendre non seulement ce que quelqu'un essaie de faire, mais aussi ce qu'il peut ressentir pendant qu'il le fait. Par exemple, comment quelqu'un peut-il se sentir en appuyant sur un lien dans un e-mail ou des messages sociaux et avant d'arriver sur votre site Web pour la première fois, que ressentirait-il quelqu'un lorsqu'il s'abonne à votre produit ou service ? Comment une personne peut se sentir lorsqu'elle reçoit un courriel de confirmation au sujet d'un achat ou d'une réservation qu'elle a effectuée. Des questions comme celles-ci se concentrent sur le client, et comment il se sent, ce qui est souvent oublié lorsque l'on se concentre uniquement sur objectifs commerciaux tels que l'augmentation des ventes ou des inscriptions. Les sentiments d'un client changeront probablement au fur et à mesure qu'il utilise un produit ou un site Web. Par exemple, lorsqu'ils voient un lien dans un message social ou un e-mail, ils peuvent être curieux et intéressés. Après en savoir plus sur ce qu'un produit ou un service peut faire, ils peuvent se sentir soulagés d'avoir trouvé une solution à leur problème, tout en s'inscrivant, ils peuvent également se sentir excités. Après avoir effectué une réservation ou un achat, nous espérons qu'ils vont se sentir heureux. Une carte de parcours client n'a pas besoin d'être un diagramme compliqué comme celui-ci. En fait, la meilleure façon d'illustrer ce qu'un client peut ressentir est de vous montrer une carte que j'ai créée pour Wellman. J' ai divisé cette carte en cinq étapes souvent mentionnées dans un parcours d'acheteurs marketing. Le premier est la sensibilisation. Quelqu' un passe de ne pas connaître un produit ou un service à savoir qu'il est disponible. Ils peuvent voir une publicité, une recommandation sur les médias sociaux ou recevoir un courriel. Ensuite, considérant qu'ils se rendent compte qu'ils ont un besoin et que votre produit ou service peut aider à le satisfaire. Ils ont envisagé de l'acheter ou non. C' est là que vous allez devoir faire un peu convaincant. Hey, vous pourriez considérer non seulement leur expérience d'achat, mais aussi ce qui se passe en attendant un e-mail d'activation, ou même une livraison physique. En conservant, quelqu'un utilise le produit ou le service. Vous voulez qu'ils aient une bonne expérience afin qu'ils restent un client et continuent à dire à d'autres personnes à quel point ils aiment votre produit ou votre site Web. Il n'y a rien de plus agréable qu'un client heureux aide à vendre un produit pour vous en répandant le mot et en disant à ses amis. Je pourrais parfois être plus précis sur une zone particulière d'un produit ou d'un site Web qui, dans le cas de Wellman, pourrait inclure la réservation d'un chauffeur d'escapade ou une livraison de nourriture à une maison sécurisée. Pour mon exemple à Wellman, je pourrais cartographier des trajets comme fixer une heure de vol, choisir votre destination, peut-être un échange de voiture, une piste d'atterrissage privée ou un refuge, choisir un chauffeur d'escapade, accepter la prendre, puis confirmer le travail. Avant de commencer à créer votre carte de parcours client, découvrez les informations dont vous disposez déjà sur ce que les utilisateurs font lorsqu'ils utilisent votre produit ou votre site Web. L' endroit le plus évident pour commencer est de regarder les analyses, car celles-ci vous indiqueront souvent les parties les plus populaires de votre site Web ou produit. Si vous n'avez pas déjà installé Analytics, il est temps de les installer. Les médias sociaux sont l'endroit où de nombreuses personnes entendent parler d'un produit ou d'un service. Il existe plusieurs outils, y compris HootSuite, qui est l'un des meilleurs outils d'écoute gratuits sur les réseaux sociaux, ou TweetReach, ou même TweetDeck de Twitter, qui vous donne des informations utiles sur ce que les gens disent. Les données ne vous en diront que tellement. Je préfère parler avec les clients, et si je ne peux pas entrer en contact direct avec eux, je parle avec des vendeurs ou du personnel d'assistance à la clientèle qui sont en contact avec eux tous les jours. J' ai trouvé le meilleur moyen d'obtenir des personnes au sein d'une organisation qui sont souvent en désaccord sur les plus petites choses à convenir sur une carte de parcours client est de les rassembler dans un atelier, inviter des clients si vous le pouvez, et tous ceux qui influent sur la conception de leur expérience, y compris les cadres supérieurs, parce qu'ils ont souvent le dernier mot. Ne traitez pas un atelier de parcours client comme n'importe quelle autre réunion. Au lieu de cela, vous devriez fixer des objectifs clairs et des objectifs réalistes pour ce que vous voulez atteindre. À moins que votre produit ou site Web ne soit incroyablement simple, ne vous attendez pas à créer une carte en une seule session. Choisissez une étape de votre carte. Peut-être la sensibilisation, et se concentrer sur cela en une seule session. Travaillez à l'étape suivante dans le prochain atelier et construisez votre carte à partir de là. Au cours de chaque atelier, identifiez ce que les gens tentent de réaliser, ce qu'ils ont besoin de savoir, comment ils pourraient ressentir. Pensez aux points de contact qu'ils rencontreront. Par exemple, lorsque vous passez de l'achat à la conservation, points de contact peuvent inclure des formulaires d'inscription, pages de paiement, des connexions ou le processus d'intégration. Pendant l'atelier, tracez ce que fait quelqu'un, les questions qu'il pose, ce qu'il pense, les points de contact qu'il rencontre et comment il se sent. Faites ceci sur un modèle de carte de parcours client de base comme celui-ci. Ce modèle ne doit pas être votre produit fini, c'est juste un outil pour organiser les informations que vous collectez avant de concevoir votre plan de parcours client final. Quelle que soit votre carte illustrée, veillez à ne pas compliquer les choses ou les gens confus en incluant trop d'informations. Votre carte ne doit inclure que ce qui est nécessaire pour décrire ce qu'une personne fait et ce que vous voulez qu'elle ressente. Vous devez également concevoir les cartes de parcours de vos clients de manière à les comprendre facilement et pertinentes pour les personnes qui ont besoin de les utiliser. Vous pouvez les rendre colorés ou engageants. Votre objectif devrait être que les gens prêtent attention à eux afin qu'ils gardent clients ressentent et chaque étape du voyage est avant tout dans leur esprit. J' aime penser aux cartes de parcours des clients comme des affiches. Ils pourraient accrocher au mur de mon studio pendant que je conçois, ou sur les murs du bureau client. De cette façon, ils ne seront pas oubliés ou inutilisés. J' espère que cet épisode de direction artistique pour le web vous a enseigné la partie que les cartes de voyage client peuvent appliquer dans la direction artistique. Assurez-vous de regarder toutes les vidéos de ce cours, et en savoir plus sur ce sujet et plus encore dans mon livre. [MUSIQUE] 7. Décider comment vous voulez que les gens se sentent: Bienvenue de retour. Dans cet épisode, je vais vous apprendre comment vous pouvez décider comment vous voulez que les gens ressentent, et comment cela peut influencer la direction de votre produit ou site Web. Maintenant, dans l'épisode 2 de ce cours, j'ai suggéré que notre direction peut être interprétée comme utilisant des techniques de conception pour évoquer intentionnellement une réaction émotionnelle de quelqu'un lorsqu'il lit un article, utilise un produit ou visite un site Web. J' ai commencé dans cet épisode en regardant deux interprétations très différentes d' une histoire sur l'affaire de cartel de la drogue la plus ancienne de la DEA. L' un venait de l'Atlantique, l'autre de ProPublica. Ces pages contiennent toutes deux la même copie écrite et un grand nombre des mêmes photographies. L' interprétation de l'Atlantique est présentée intentionnellement de façon factuelle, alors que chez ProPublica, les illustrations véhiculent une violence d' une intensité qui aurait été difficile à estomper si elles avaient utilisé la photographie. Ces illustrations font que les gens se sentent tendus et terrifiés et c'est correct parce que les lecteurs devraient éprouver ces émotions lorsqu'ils lisent sur la fusion des trafiquants de drogue et des actifs. Lorsque quelqu'un se sent comme vous l'aviez prévu lorsqu'il lit une histoire ou utilise une application, vous avez réussi à communiquer votre message ou votre but. La communication est ce qu'est vraiment la direction artistique. Ces histoires à The Atlantic et ProPublica ont été réalisées avec deux objectifs très différents en tête. Les décisions prises par leurs concepteurs visaient à appuyer ces objectifs. Lorsque je conçois une nouvelle histoire sur un cartel de la drogue, je dois tracer le quoi, où, comment et pourquoi, qui a été impliqué et ce qui s'est passé, où cela s'est passé, quand les événements ont eu lieu, pourquoi ils se sont produits ? Je peux garder ces faits d'une manière qui est bien, question de fait. Mais il y a plus à raconter des histoires que de relayer des faits. Quand quelqu'un lit sur un seigneur mexicain de la drogue, est-ce que je veux qu'ils se sentent calmes, ou est-ce que je veux qu'ils se sentent terrifiés ? J' ai tracé ces émotions sur trois échelles. Est-ce que je veux le lire pour me sentir calme ? Non. Détente ? Pas une chance. Inconfortable ? Absolument. Je veux qu'ils se tortillent dans leurs sièges. Et agité ? Oui. Je veux qu'ils se sentent frénétiques, aux yeux larges et travaillés aussi. Je veux que les clients se sentent détendus lorsqu'ils s' inscrivent à mon produit ou service à l'aide de leur carte de crédit. Mais en lisant sur une guerre de la drogue, certainement pas. Je ne voudrais pas qu'ils se sentent mal à l'aise pendant qu'ils lisent mes Conditions d'utilisation. Mais faire fondre les gens dans l'acide. Certainement. Je ne veux pas que quelqu'un se sente agité en utilisant une application bancaire. Mais en pensant à la violence alimentée par la drogue dans les rues du Mexique, vous pariez que je fais. Qu' en est-il encouragé ? Cela réduit quand quelqu'un apprend comment les produits ou services résolvent le problème de quelqu'un. Ils devraient se sentir motivés à en savoir plus, motivés même si l'offre est suffisamment convaincante. Obsédé. Quand il s'agit de mettre fin aux cartels de la drogue, obsession est exactement l'émotion que je veux évoquer. Je me suis demandé comment je veux que quelqu'un se sent avant de commencer l'art à diriger chaque nouveau design. Bien sûr, la terreur ne serait pas appropriée lorsque j'écris une copie pour une notification de produit. Votre mot de passe est incorrect, vous devriez être terrifié. Au lieu de cela, je choisis un ensemble différent d'émotions, plus approprié au contenu ou au contexte. lignes directrices de voix et de tonalité des chimpanzés mâles contiennent une liste utile d'exemples d'émotions. Ils comprennent des sentiments négatifs comme la colère, l'agacement, la confusion et l'impuissance. Ainsi que des sentiments positifs comme l'anticipation, la confiance, l'excitation et la confiance. On ne dirige pas leur version de l'histoire du cartel de la drogue. ProPublica a choisi une direction plus dramatique parce qu'ils voulaient que les gens se sentent consternés en la lisant. Leur choix des illustrations émotives de Tim McDonald du chaos, de la violence et de la mort contribue à stimuler ces émotions et à faire passer les lecteurs à l'échelle émotionnelle de l'intérêt à l'effroi de ce qui s'est passé. Si, comme l'Atlantique, ils ont choisi un photomontage plus conventionnel, cette aiguille aurait pu se déplacer moins. De nombreux magazines et journaux se sont efforcés d'apporter la qualité du design et de la direction artistique de leurs publications imprimées sur le Web. Mais ProPublica est une exception. Ils font face aux mêmes défis éditoriaux, créatifs et techniques que les autres organisations de presse. Mais ils les ont résolus en développant un processus qui engage les directeurs artistiques et les designers dès le début du cycle éditorial. Pour Lost Mothers, ProPublica a non seulement utilisé la grille de points comme navigation vers une histoire sur chaque femme, mais aussi pour illustrer combien de femmes n'ont pas été identifiées, comme l'a expliqué leur directeur artistique Rob Weychert. L' idée derrière le design n'était pas nécessairement de choquer les gens mais de vous donner une idée du peu choses connues ou comprises sur ce qui se passe. Chaque vignette comprend également des photographies de la famille d'une mère perdue et de ses proches pour donner plus d'impact émotionnel à leur histoire. Les gens prêtent attention aux histoires puissamment actionnées. Ils se font remarquer. Une histoire incroyable de viol, art réalisé pour le web par ProPublica est conçu réalisateur David Slate a remporté un prix Pulitzer pour le reportage explicatif. Maintenant, cette histoire est encore plus remarquable parce qu'elle a été écrite par deux journalistes. L' un faisait rapport du point de vue de la femme, l'autre de celui de la police, et lui-même ce n'est pas inhabituel. Mais au lieu de fusionner deux voix en une seule, l'éditeur les a gardées séparées. En tant que directeur artistique, David a reconnu les deux chronologies et les voix alternées ont rendu l'histoire plus puissante. Nous soulignons les distinctions à travers ses choix de conception. L' histoire de la femme utilise des illustrations spécialement commandées, tandis que l'histoire de la police comprend des photographies. Son histoire est toujours racontée à gauche, il y a à droite. Avec l'introduction et l'épilogue qui est pertinent à la fois placé dans le centre. Une histoire incroyable de viol est une histoire captivante qui est racontée plus émotionnellement, raison de sa direction artistique. En regardant quelques-uns des meilleurs designs éditoriaux sur le web aujourd'hui. J' espère que cet épisode de direction artistique pour le web vous a appris l'importance d'évoquer les sentiments corrects à travers la direction artistique. Assurez-vous de regarder toutes les vidéos de ce cours, et vous pouvez en savoir plus sur ce sujet et plus dans mon livre. 8. Créer une narration: Dans cet épisode, je vais vous enseigner l'art diriger l'expérience de votre produit et de votre site web, en parlant du processus de création d'un récit. Quand il a écrit, Art Direction Goes Digital, qui était son chapitre dans le livre, Art Direction Expliqué At Last, Khoi Vinn a dit : « La direction artistique est une bonne narration ». Il a poursuivi en décrivant que, tout au long de sa longue histoire, ce que nous avons le plus apprécié dans la pratique de la direction artistique, c'est la capacité de contrôler les éléments Myriad dans un design de manière à produire un une expérience narrative cohésive et distinctive. Que nous écrivions des faits ou des fictions, vendons ou fabriquons des produits, la façon dont nous engageons les gens, créons le désir, les rendons heureux et les encourageons à rester dans ce sens est de créer des récits. Si vous n'êtes pas du type studieux, un récit est un compte rendu oral ou écrit d'événements connectés. C'est une histoire. Ce qui est important dans cette définition n'est pas tellement qu'un compte est écrit ou parlé, mais que les événements décrits par une histoire sont connectés. Ces connexions créent des chemins dans l'esprit de quelqu'un. Pendant qu'ils sont sur ces chemins, vous pouvez influencer la façon dont ils se sentent tout au long de la direction. Les leçons sur l'artisanat des récits vous apprennent généralement qu'avant d'écrire votre premier mot, vous devez décider des résultats, une distribution, des histoires et une intrigue. Dans cet exemple d'un récit de design, je vais jouer le rôle de PDG de la société horlogère Panzera. Ils pourraient être l'auteur de cette histoire. Chaque histoire et chaque projet de direction artistique devrait commencer par demander, quel résultat voulons-nous ? Comment voulons-nous que quelqu'un se sent ? Les montres Panzera sont les meilleures de leur catégorie. Si je suis leur PDG, je voudrais que les gens se sentent heureux d'avoir découvert notre marque et excités d'acheter. Je dirais que nous visons à faire en sorte que l'apprentissage sur l' achat et la réception de nos produits soient une expérience fabuleuse. Nous voulons transformer les visiteurs occasionnels en clients, puis en ambassadeurs de notre marque. Qui sont nos personnages ? Ai-je dit des personnages ? Nous voulons dire nos clients, ou lecteurs, ou nos utilisateurs, ils ont la plupart du temps entre 30 et 55 ans, et les gens qui achètent des cadeaux uniques pour eux, ils ont un revenu disponible, mais pas des dépenses illimitées le pouvoir. Ils sont prêts à dépenser plus parce que porter une superbe montre est important pour eux. La montre qu'ils portent fait une déclaration à leur sujet, et ils ont adoré en parler. Vous pouvez les considérer comme des personnalités d'utilisateur. Permettez-moi de vous donner un exemple. Reggie a une trentaine d'années et il est le propriétaire d'une boîte de nuit à Knight'sbridge, qui est une partie à la mode du West End de Londres. Il rend souvent visite à d'autres hommes d'affaires et porte des montres en partie comme un symbole de son succès, mais aussi comme point de parole. Il est au courant de notre marque, et il a visité notre site à plusieurs reprises. Que voulons-nous arriver ? Certains tutoriels narratifs recommandent des organigrammes pour garder une trace d'un tracé, de la même manière que je pourrais tracer un parcours client. Pensez aux points de tracé comme des points de contact. J' espère que vous pouvez voir à quel point les expériences utilisateur de conception similaires, sont à écrire des histoires. Reggie nous revisite, et il voit notre dernière édition. Il a passé plusieurs minutes à parcourir des photos et à lire. ne reste plus que quelques montres, il décide de faire un achat. La caisse est fluide, et Reggie se sent confiant, même heureux, et il sourit en lisant le courriel de confirmation personnel que nous lui avons envoyé. Quelques jours plus tard, nous livrons la montre de Reggie et il prend une forte respiration quand il ouvre la boîte. Avant même de mettre la montre sur son poignet, Reggie publie une photo sur ses réseaux sociaux. À sa prochaine réunion, Reggie a hâte de montrer sa nouvelle montre. Tout cela était un art dirigé pour que Reggie se sente d'abord rassuré, puis ravi qu'il ait choisi d'acheter à l'entreprise. Dans cette histoire, Reggie est déjà familier avec la marque, et ce n'est pas un hasard. L' entreprise a passé des années d'art à diriger leurs réseaux sociaux. Tout ce qu'ils publient est intentionnel et impeccable. Ils publient régulièrement des photos sur Instagram. Ils sont tous photographiés par des photographes professionnels et sont soigneusement orientés vers l'art afin de maintenir un look et un message cohérents. En plus du contenu et du style de la photographie et de la vidéo, direction artistique influence également le ton de la voix et du langage qu' une entreprise utilise lorsqu'elle écrit sur des réseaux sociaux et autres canaux de marketing. Panzera fabrique des montres seulement depuis 2009, mais l'histoire de l'horlogerie résonne avec ses clients. Leur vocabulaire met l'accent sur des mots comme Heritage concernant l'entreprise, et Modern, Vintage et Néo-Classic chaque fois qu'ils parlent de leurs créations. Le site est bien conçu et il est facile de naviguer, mais il y a plus à une page attrayante qu'un design attrayant. La direction artistique permet de s'assurer que la conception d'un site Web respecte pleinement les valeurs d'une entreprise par le choix et le style des photographies ou des illustrations. Il connecte des visuels avec des messages écrits pour raconter des histoires, et à travers eux atteindre les objectifs d'une entreprise pour leur site Web. Les montres sont un point de discussion important pour Reggie. Pour plaire aux gens comme lui, le site de Panzera met l'accent sur les aspects les plus distinctifs de leur design de pièce temporelle. Copy se concentre sur leurs motifs de couronne et de main, renforcés par la photographie en gros plan. La montre n'est qu'une partie de l'histoire, mais, tout aussi important, est ce que les gens disent à ce sujet. La société inclut des critiques et des témoignages pour augmenter l'attrait du produit. Certaines personnes pourraient décrire des idées comme ça comme une psychologie, mais je ne suis pas psychologue. Pour moi, c'est juste en savoir un peu sur ce qui pousse les gens à cocher, et bien sûr, sur la direction artistique. J' espère que cet épisode de direction artistique pour le web vous a appris le rôle que les histoires jouent une direction artistique. Assurez-vous de regarder toutes les vidéos de ce cours et en savoir plus sur ce sujet, et plus encore dans mon livre. 9. Conclusion: Maintenant, comme ma vraie conduite, c'est qu'il est temps pour moi de faire un saut rapide. Lorsque j'ai entrepris ce cours, j'ai voulu enseigner aux gens l'importance de la direction artistique pour le Web et comment elle peut aider les gens à raconter des histoires qui permettent de mieux communiquer avec le public. Je voulais que les directeurs artistiques expérimentés sachent comment leurs compétences peuvent être aussi précieuses pour le web que pour la page imprimée. Avant tout, je voulais que les concepteurs de sites web et les développeurs apprennent à faire fonctionner la direction artistique pour des produits numériques ou des sites web. Que vous conceviez des sites Web qui fonctionnent sur des plateformes comme Shopify ou Squarespace, semaines ou WordPress, ou que vous conceviez à la main tous les aspects d'une expérience numérique. La direction artistique rendra votre site plus efficace en matière de communication, de persuasion et de vente. Si vous développez des produits, la durée de l' art les rendra plus attrayants et, en fin de compte, plus agréables à utiliser. J' espère que ce cours vous inspire à penser à la direction artistique, et comment il peut rendre votre travail et le web beaucoup mieux pour tout le monde. direction artistique est-elle pertinente pour le web ? Absolument, il l'est. Avons-nous les technologies et les outils nécessaires pour fournir une orientation artistique pour n'importe quel produit et site Web ? Il n'y a aucun doute là-dessus. Vous pouvez en savoir plus sur ce sujet et plus dans mon livre. Direction artistique pour le Web , disponible sur artdirectionfortheweb.com. Ce site contient également ma liste de lecture recommandée d'autres livres sur la direction artistique, des livres qui m'ont influencé et mon travail pour le web. Je crois que j'ai joué mon rôle. Merci d'avoir regardé. Le reste dépend de toi, et je te verrai sur mon prochain cours.