Art Direction für das Internet

1. Einführung: Hi, mein Name ist Andy Clark und ich bin Art Director und Designer hier in meinem Studio, Stuff und Unsinn. Seit 20 Jahren unterstütze ich Unternehmen, große und kleine, Wohltätigkeitsorganisationen wie Greenpeace und WWF, ihre Website und Produktdesigns zu verbessern. Jetzt ist dies ein Kurs über die Kunstrichtung für das Web und in der nächsten Stunde werde ich euch über unsere Richtung unterrichten. Ich werde Ihnen sagen, was es bedeutet und warum es wichtig ist. Ich werde erklären, wer es tun kann und was am wichtigsten ist, wie es für das Web gilt. Wenn Sie nun ein erfahrener Art Director oder Designer sind, der im Druck arbeitet, hilft Ihnen dieser Kurs zu verstehen, wie Sie Ihr Talent ins Web bringen können. Es ist auch für Webdesigner und Entwickler, die die Kunstrichtung verstehen wollen und wie sie für digitale Produkte und Websites funktioniert. Dieser Kurs richtet sich auch an Entwickler, die die Designprinzipien lernen möchten , die Designer jeden Tag verwenden, damit sie sie auf Websites auf jeder Plattform anwenden können. Ich werde Ihnen beibringen, warum Kunstrichtung für das Internet wichtig ist, indem ich von einigen der einflussreichsten Art Directors der letzten 60 Jahre lerne. Einschließlich Alexey Brodovitch und seine einflussreiche Arbeit für Harper's Bazaar Modemagazin in den 1930er und 40er Jahren. Bia Filer, eine von Harpers ersten weiblichen Art-Direktorin, und die das erste schwarze Modell, das auf dem Cover des Mainstream-Modemagazins zu sehen war. Nicht zu vergessen Neville Brody, die rebellisch Kunst leitete das Face Fashion and Music Magazine in Großbritannien in den 1980er Jahren. So erfahren Sie, wie Ihre Markenwerte die Kunstrichtung beeinflussen können. Sie lernen, wie Sie über die Prinzipien entscheiden, die Ihr Design leiten werden. Wie Persona's und User Stories Ihnen dabei helfen können Erzählungen zu erstellen und zu entscheiden, wie Sie Menschen fühlen sollen. Ich lehre Sie darüber, wo die Kunstrichtung die Erfahrung eines Menschen beeinflussen kann , wenn sie ein Produkt oder eine Website verwenden, und wo die Kunstrichtung am relevantesten sein kann und wie Sie sich darauf vorbereiten können, was Sie entwerfen, durch nachdenkliche Kunstrichtung. Um mir zu helfen, zu beschreiben, wie man Art-Direct-Designs für Produkte und Websites, Ich habe Wheel Man gemacht, die eine App für die Buchung eines schnellen Autos und eines Fluchtfahrers ist, plus eine Begleit-Website, die voll von Ratschlägen, wie , um sicherzustellen, dass Sie weg sauber. Die Website des Radmanns erzählt den Lesern auch über einige der berüchtigten Londoner Verbrecher und Banden in den 1960er Jahren sowie die Morde und Raubüberfälle und Gewalt, die sie begangen haben. Ich würde mich freuen, wenn Sie von den Wheel Man Beispielen lernen, aber ich schlage nicht vor, dass Sie in diese Verbrecher blutigen Fußstapfen treten. Ich habe auch ein Buch geschrieben, zufällig heißt es Art Direction for the Web, wo ich näher zu all diesen Themen gehe. Erfahren Sie mehr über dieses Buch auf artdirectionfortheweb.com. Ich möchte wirklich, dass dieser Kurs so angenehm wie informativ ist. Begleiten Sie mich also auf diese Art Direction für den Webkurs und erfahren Sie mehr über dieses Thema und mehr in meinem Buch. Bist du bereit? 2. Art Direction verstehen: In dieser Episode von Kunstrichtung für das Internet werde ich Ihnen beibringen, was Kunstrichtung bedeutet und warum es wichtig ist, indem ich von einigen der einflussreichsten Art Directors der letzten 60 Jahrelerne der einflussreichsten Art Directors der letzten 60 Jahre und einige unglaubliche Beispiele aus dem Web heute. Um zu beginnen, werden wir diese beiden Geschichten studieren. Sie sind ein Beispiel für die künstlerische Regie eines Nachrichtenartikels über den längsten Drogenkartellfall der USDEA auf zwei sehr unterschiedliche Arten. Beide Seiten enthalten die gleiche schriftliche Kopie, viele der gleichen Fotografien. Eine stammt aus dem Atlantik, wo Informationen absichtlich sachlich dargestellt werden, damit Ihr Leser denken kann, dass der Atlantik ausgewogen und zuverlässig ist. Der andere kommt von ProPublica. Hier vermitteln Illustrationen Gewalt, mit einer Intensität, die mit der Fotografie schwer zu verkrampfen gewesen wäre. Diese Illustrationen lassen die Menschen angespannt und verängstigt fühlen, und weißt du, das ist okay. Leser sollten diese Emotionen erleben, wenn sie über Schießereien und Schmelzen von Drogenhändlern in Vermögenswert lesen . Der Prozess, diese Gefühle hervorzurufen, wird als Kunstrichtung bezeichnet. Diese Geschichten waren Kunst mit zwei sehr unterschiedlichen Zielen im Auge gerichtet. Die Entscheidungen, die bei der Gestaltung dieser Artikel getroffen wurden , hängen von Faktoren ab, die ich in diesem Kurs untersuchen werde. Wie können wir die künstlerische Richtung definieren? Nun, eine Interpretation von mir ist, dass Richtung Design verwendet um absichtlich eine emotionale Antwort von jemandem hervorzurufen, wenn sie einen Artikel lesen. Nun, sie verwenden ein Produkt, na ja, sie besuchen eine Website. Art Direction hat eine lange und faszinierende Geschichte und viele talentierte Art Directors gemacht Arbeit, die nicht nur den Test der Zeit, aber es ist auch ikonisch geworden. Ich werde dir drei Art Directors beibringen, deren Arbeit mich jeden Tag inspiriert. Die erste Person, von der ich Ihnen erzählen möchte, ist Alexey Brodovitch, der von 1934 bis 1958 künstlerisch leitete Harper's Bazaar Zeitschrift. Also, was soll ich über jemanden sagen, der Pablo Picasso ausgewählt hat , um den ersten Platz in einem Plakatwettbewerb zu gewinnen? Nun, ich sag dir was, es ist zu viel, um in diese wenigen Minuten zu quetschen. Brodovitch war mehr als ein Art Director. Er war ein Künstler und ein sehr geschickter Fotograf, der unter anderem Diane Arbus und Richard begeisterte Don nahm . Es ist offensichtlich, dass es Brodovitchs Wissen über die Fotografie war , das seiner Arbeit ein klassisches Gefühl gab. Irgendwie verstand er instinktiv, Fotografien mit schriftlichen Inhalten zu kombinieren, Text oft in Formen verwandelte, die die Formen seiner Fotografie kontrastierten oder widerspiegeln. Brodovitchs künstlerische Leitung für Harper's Bazaar, das Modemagazin, beeinflusst seitdem Designer. Ich finde seine Layout-Skizzen als die informativsten , weil ich oft mehr darüber lerne, wie jemand denkt, indem ich die laufenden Arbeiten betrachte und nicht nur das fertige Ergebnis. Bis vor kurzem war mir der Name Bea Feitler nicht bewusst, obwohl ihr Rolling Stone Cover mit einem Foto von einem nackten John Lennon um einen voll bekleideten Yoko Ono gewickelt wurde , der von Annie Leibovitz erschossen wurde, ist eines der ikonischsten Magazin-Covers, die je entworfen wurden. In den frühen 1960er Jahren und war noch erst in ihren 20er Jahren Feitler einer der jüngsten Art Directors der Verlagsbranche. Mit ihrem kühnen Farbgebrauch Feitlers Arbeiten an Harpers charakterisieren Feitlers Arbeiten an Harpersdie optimistische Stimmung der Vereinigten Staaten in dieser Zeit. Aber es war nicht nur die Farbe, die sie auf ihren Seiten benutzte, die unvergesslich war. Weil sie 1965 das erste schwarze Modell darstellte, das auf dem Cover eines Mainstream-Modemagazins zu sehen war. Oh, und sie hat auch einmal Andy Warhol in der Mitte der 80er Jahre geküsst. Ich war besessen von Musik. Es war also schwer, nichts über das Face Magazine zu wissen. Ich wusste, dass es etwas Besonderes daran gibt. Obwohl ich damals nicht wusste, wer Neville Brody war oder was ein Art Director tat. Für den Fall, dass Sie es nicht wissen. The Face war ein Kultur-, Mode- und Musikmagazin, das bis 2004 in Großbritannien veröffentlicht wurde. Und Brody arbeitete bis 1986 als Art Director. Wie Punk hatte das Gesicht eine rebellische Einstellung zum Establishment. Ein Großteil von Brodys Arbeit war experimentell. Er beschreibt einmal, dass das Gesicht ein lebendiges Labor ist , in dem er experimentieren und es dann veröffentlichen lassen konnte. Seine goldene Regel war, alles in Frage zu stellen. Nach dem Gesicht arbeitete Brody an Werbe- und Identitätskampagnen. Er gründete das interaktive Magazin Fuse und eine Bibliothek für Schriftarten. Was kann uns jemand, der vor Jahrzehnten in der Welt der Werbung und Zeitschriftenart Direction gearbeitet hat , über unsere durch und durch moderne Medien lehren? Nun, Erfahrungen zu gestalten ist mehr als nur etwas brauchbar zu machen. Es lohnt sich wirklich, ein breites Interesse an Kunst und Design zu haben. Es zahlt sich immer aus, mutig zu sein, und manchmal lohnt es sich, rebellisch zu sein. Gehen wir zurück zur künstlerischen Leitung von Devils, Deals und der DEA, dem Artikel von ProPublica. Wenn ich eine neue Geschichte über ein Drogenkartell entwerfe, muss ich die Fakten darlegen, wer , was, wo, wann, wie und warum. Ich muss wissen, wer involviert ist, was passiert ist, wo etwas passiert ist, wann die Ereignisse stattfanden, warum das passiert ist, wie der Atlantik. Ich kann diese Tatsachen auf eine Art und Weise erklären, die gut ist. Aber es gibt in der Regel mehr Geschichten zu erzählen, als nur Fakten weiterzugeben. Denn wenn jemand über einen mexikanischen Drogen-Lord liest, möchte ich, dass er etwas fühlt. Ich möchte, dass sie sich entweder ruhig oder aufgeregt, ängstlich oder verängstigt, ermutigt, vielleicht besessen fühlen. Ich fragte mich, wie ich möchte, dass jemand sich fühlt, bevor ich mit der Kunst beginne, jedes neue Design zu leiten. Natürlich wäre Terror nicht angemessen, wenn ich Werbung, Marketingmaterial oder vielleicht sogar Produktbenachrichtigungen schreibe . Ich werde nicht sagen, dass Ihre Datei nicht hochgeladen wurde. Du solltest Angst haben. Aber Drogenbarone sind böse. Sie machen entsetzliche Dinge und sie sind da draußen. Deshalbwählte ProPublica, wenn ich ihre Version der vorherigen Geschichte Regie führe, eine dramatischere Richtung, weil sie wollten, dass wählte ProPublica, wenn ich ihre Version der vorherigen Geschichte Regie führe, eine dramatischere Richtung sich die Menschen entsetzt fühlen, während sie sie sie gelesen haben. Diese Auswahl an Illustrationen trug dazu bei, diese Emotionen zu stimulieren. Als ProPublica sich entschied, Ted McDonalds Illustrationen von Chaos, Gewalt und Tod zu verwenden . Sie veränderten die Leser von Interesse zu entsetzten. Während der Ansatz des Atlantiks viel sachlicher war. ProPublica wollte eine starke emotionale Reaktion auf ihre Version provozieren. Mein alter Freund Dan Mali erklärt, dass wir ohne Kunstrichtung mit trockenen, sterilen Erfahrungen leicht vergessen werden. Egal, ob Sie an einem Produkt oder einer Website arbeiten. Vielleicht entwerfen Sie E-Mail-Newsletter oder Anmeldebildschirme oder Benachrichtigungen oder sogar einen Onboarding-Prozess. Wenn Sie so etwas wie ich sind, ist das Letzte, was Sie wollen, dass die Menschen fühlen, dass Ihre Entwürfe trocken und steril sind und schnell vergessen. Die Kunstrichtung kann verhindern, dass dies geschieht. Heutzutage ist es üblich, dass viele verschiedene Menschen mit vielen verschiedenen Fähigkeiten an der Gestaltung all dieser Dinge arbeiten. Der Unterschied zwischen Printmedien und dem Web besteht darin, dass die Kunstrichtung keine separate Betrachtung von normalen Aktivitäten sein muss. Genauso wie Zugänglichkeit und Performance-Kunst sollte Teil von allem sein, was Sie täglich tun. Auf dem Web Art Direction ist nicht nur die Aufgabe einer Person. Grafikdesigner oder Produktdesigner oder UX-Designer und Webdesigner sollten alle die künstlerische Ausrichtung übernehmen. Allgemeine und Produktvermarkter können auch direkt Kunst selbst ein CEO kann ein Art Director sein , wenn sie sich darum kümmern, wie Menschen fühlen, während sie ein Geschäft erleben. Natürlich nimmt die künstlerische Leitung ein gutes Auge, aber jeder kann gelehrt werden. Es braucht Übung. Aber nicht mehr als ein erfahrener Designer oder Entwickler zu werden. Also müssen Sie Ihren Chef zu überzeugen oder Ihr Kunde ist Kunst Richtung sollte etwas ernst nehmen. Nein, mach es einfach. Bringen Sie die künstlerische Richtung in das, was Sie jeden Tag entwerfen oder entwickeln, und die Menschen werden den Unterschied bemerken. Ich hoffe, dass diese Episode der Kunstrichtung für das Web Sie über die Bedeutung der Kunstrichtung gelehrt. Sehen Sie sich nun alle Videos in diesem Kurs an und erfahren Sie mehr über dieses Thema und mehr in meinem Buch. 3. Markenwerte und Art Direction: In dieser Folge werde ich Ihnen erklären, wie die Markenwerte Ihrer Organisation die Kunstrichtung Ihres Produkts oder Ihrer Website beeinflussen können . Einige Menschen konflikten immer noch Branding innerhalb der visuellen Identität der Organisation. Sie färben Palette, Logo, Slogan und Typografie, und vielleicht seinen Ton der Stimme. Aber Branding ist mehr als das, was die Menschen hören oder sehen. Es geht um Persönlichkeit, Zweck und vor allem um eine Beziehung und Organisation mit anderen Menschen. Jetzt ist das kein Kurs zum Branding. Was meine ich also unter Markenwerten im Kontext der Kunstrichtung, ein gutes Geschäft jeglicher Art hängt von guten Beziehungen ab. In der Tat sagte Howard Schultz, der zweimal CEO von Starbucks war, der zweimal CEO von Starbucks war,dass, wenn die Leute glauben, dass sie Werte teilen, wo das Unternehmen, sie bleiben treu mit der Marke. Wenn Sie dauerhafte Beziehungen zu Kunden schaffen möchten, müssen Sie Ihre Markenwerte klar definieren, damit die Menschen eine Affinität zu ihnen empfinden können. Viele Unternehmen beginnen, indem sie ihre Markenwerte darauf stützen , wie sie von ihren Kunden wahrgenommen werden möchten. Sie denken an Werke wie freundlich, professionell, zuverlässig und preiswert. Aber diese Worte könnten für jedes Unternehmen gelten, das in demselben Sektor tätig ist. Jetzt kenne ich einige schattige Leute, aber hast du jemals jemanden getroffen, der absichtlich nicht als professionell oder vertrauenswürdig wahrgenommen werden wollte. Wörter wie diese, es wird bedeutungslos, ist leidenschaftlich für Fisch und Chips oder Steuereffizienz. Die Auswahl dieser ist Ihr Wert ist nicht helfen, Sie zu definieren. Du kannst mir vertrauen, ich bin ein Profi. Nun haben viele namhafte Unternehmen klare Markenwerte und diese unterscheiden sich von Unternehmen zu Unternehmen. Adobe ist beispielsweise echt, außergewöhnlich, innovativ und involviert. Aber ich habe Schwierigkeiten, zu sehen, wie sich diese Werte von einer beliebigen Anzahl von Unternehmen unterscheiden , die Software herstellen und sogar einige, die es nicht tun. Auf der anderen Seite, Rechnung die Bären Werte passen perfekt zu der Verspieltheit dieser Marke. Dazu gehören Vielfalt, Zusammenarbeit und Feiern. Vielleicht kommt mein aktueller Favoritensatz von Werten aus dem quadratischen Raum. Dazu gehören auch Ihr eigener Kunde sein. Design ist kein Luxus. Ermöglichen Sie Einzelpersonen und gute Arbeit braucht Zeit. Wenn Sie der Besitzer von Rad, dass eine App auf einer Website für ein Buch in einem schnellen Auto und er entkommt Fahrer, oder möchten Sie, dass Kunden über Ihren Service sagen? Überdenken Sie es nicht. Denken Sie stattdessen über die drei oder vier Werte nach. Sie wollen, dass die Leute eine neue Organisation für Wheel Man sehen. Sie könnten schnell sein, das ist schnell und einfach zu bedienen. Schnell, um dich wegzubringen. Ehrlich, denn selbst Verbrecher wollen wissen, wem sie vertrauen können. Zuverlässig. Niemand will vor einer Bank stehen gelassen werden, nicht mit dem Salz. Der Markenwert sollte bei allem, was Sie tun, klar und konsistent sein. Aber warum sollten sie es sein? Bleiben wir bei Wellman und gehen mit dem Wissen. Wir kennen die besten Rückstraßen, um nach unten zu fliehen. Das ist nach der Prüfung benannt, die jeder schwarze Taxifahrer in London bestehen muss. Haben Sie Mut, schnell zu fahren und sauber wegzukommen, anpassungsfähig zu sein. Weil man nie weiß, was um die nächste Ecke ist. Organisationen Markenwerte bilden diese Strategie für die Kunstrichtung. Sie helfen, diese Strategie im Auge zu behalten, wenn Sie Entscheidungen über Design treffen. Wie übersetzen sich diese braunen Werte in Kunstrichtung für Radmann? Nun, sie sollten informieren, dass wir Menschen Nachrichten an Kunden darüber, was das Unternehmen tut und warum Leute sie benutzen sollten, um zu entkommen. Dies wird in der einfachen Slogan zusammengefasst, kommt damit davon, was nicht zu verwechseln ist, kommt mit uns weg, kommt mit uns weg, was vielleicht der Slogan für ein Reisebüro sein könnte. Wert sollte auch den Ton der Stimme von allem mit allen meinen Rechten beeinflusst, vom Inhalt dieser Website bis zum Stil der Benachrichtigungen und andere Mikrokopien in der App. Nun, dies ist ein idealer Ort für Radmann, um ihre sehr unverwechselbare Persönlichkeit zu zeigen, einschließlich Brenner, E-Mail und sagte Raubzeit, Wellmans Markenwerte von Wissen, Mut und Anpassungsfähigkeit beeinflussen auch die Art und Weise, wie sie möchten, dass sich Menschen fühlen, wenn sie ihre App verwenden oder ihre Website lesen. Sie wollen, dass sie sicher sind in dem Wissen, dass Wellman-Fahrer die Erfahrung haben, um Sie dorthin zu bringen, wo Sie hingehen müssen. Das ist kein Gefängnis, dass sich die Menschen durch ihre Expertise beruhigt fühlen, obwohl das Wort beruhigend nicht explizit erwähnt wird. Sie wollen, dass sich die Menschen selbstbewusst fühlen. Selbst wenn sie nicht das Wort Vertrauen sagen. Beide sind impliziert eine illustrierte alles , was der Mensch kommuniziert und entwirft. Fundamentstile, einschließlich Farbpalette, Logo und Typografie, können ebenfalls von Markenwerten beeinflusst werden. Topographie ist besonders wichtig, um die Persönlichkeit einer Marke zu vermitteln. Jetzt sagen die Leute oft, dass Schriftarten Zeichen haben, aber ich ziehe es vor, sie als unterschiedliche Stimmen zu betrachten. Jede Stimme hat ihre einzigartige Kombination aus Ton und Textur und Tambora-Bildern und wie wir sie darstellen, hat auch einen enormen Einfluss darauf, wie Menschen unsere Designs wahrnehmen. Ob auf einer kommerziellen oder redaktionellen Website oder innerhalb eines Produkts. Ganz gleich, ob Sie sich für Fotografie oder Illustration entscheiden , um Ihre Inhalte und Funktionalität zum Leben zu erwecken. Zum Beispiel wählte ich auf der Wellman-Website Schwarz-Weiß-Fotografie für historische Artikel wie diesen über den berüchtigten South Londoner Vollstrecker, verrückte Frankie Fraser oder darüber, über Amy Johnson, die war die erste Frau, die Solo von Großbritannien nach Australien fliegt. Ihre erstaunliche Geschichte verdient es, auf eine Art und Weise zu erzählen, die genauso spannend ist wie ihre lange Reise. Jetzt wählte ich Farbfotografie für aktuelle Inhalte, einschließlich dieser Mini Cooper und diese Koffer, die beide Sie brauchen, wenn Sie nach einem Raub wegkommen wollen, erfolgreich die Übersetzung von Markenwerten in die künstlerische Richtung wesentlich, um sicherzustellen, dass jedes Produkt oder Website die Organisation widerspiegelt, die es macht. Haben Sie Markenwerte für Ihre Organisation definiert, wenn Sie vor der nächsten Episode noch keine Zeit damit verbracht haben, was Ihre Kunden über Ihre Organisation, Ihr Produkt oder Ihre Dienstleistung sagen sollen und wie Sie möchten, dass sie darüber nachdenken. Ich hoffe, dass diese Episode der Kunstrichtung für das Web Ihnen beigebracht hat , dass Markenwerte eine künstlerische Richtung spielen können. Achten Sie darauf, alle Videos in diesem Vortrag zu sehen. Mehr zu diesem Thema und mehr erfahren Sie in meinem Buch. 4. Designprinzipien bestimmen: Willkommen zurück. In dieser Folge werde ich Ihnen beibringen, wie Sie die Designprinzipien Ihrer Organisation definieren und wie diese die Kunstrichtung Ihres Produkts und Ihrer Website beeinflussen können. Nun sollten Sie in einem kreativen Brief über die Ziele eines individuellen Designprojekts berichten. Designprinzipien sind jedoch unschätzbare Tools, die Ihnen helfen, ein konsistentes Markenerlebnis über Produkte und Websites hinweg zu gewährleisten . Der Prozess der Entscheidung über diese Grundsätze kann auch außerordentlich lohnend sein. Es bringt Menschen aus einer ganzen Organisation zusammen und hilft dabei, ein gemeinsames Verständnis zu entwickeln und zu beurteilen, ob ein Design die Marke, die Ziele und Werte Ihrer Organisation widerspiegelt. ein paar Jahren haben mich die Besitzer von Smashing Magazine gebeten, ihnen während der Konzeptphase ihres neuen Website-Designs zu helfen. Eine berühmte Marke neu zu gestalten, vor allem eine, die dem Publikum so bekannt ist, ist kein Job, den ich leichtfertig mache. Nach mehreren Wochen Workshops und Dutzenden von Design-Iterationen lieferte ich eine Reihe von Konzeptdesigns und einigen Ideen und Prototypen, so dass das Smashing Magazin-Team viel mehr kommunizieren konnte , was sie von einem neuen Designer benötigten klar. Hier sind zwei meiner Konzeptentwürfe für das Magazin Smashing. Dann bewaffnet mit meinen Konzepten, wandte sich das Smashing Team an Danmore und bat ihn vollwertige Designs, die sich für Smashing Magazine, unverwechselbare Persönlichkeit und ihre einzigartige Positionierung richtig anfühlten . Das Team benutzte Wörter wie Community, skurrile und lebendige, um ihre Marke zu beschreiben und wollte Designs, die in ihren Worten bis 11 Jahre alt wurden . Klärung, was Worte wie lebendige Worte visuell bedeuten , ist etwas, was Dan außergewöhnlich gut macht. Um sicherzustellen, dass jeder ein gemeinsames Verständnis hat, schuf er eine Seite voller visueller Beispiele für diese Designprinzipien. Um Dans Worte zu verwenden „Die Smashing Community ist eine lebendige, also lasst uns eine Farbpalette haben, die sich lebendig anfühlt. Lasst uns leuchtende Rot-, Orangen- und Blues- und dann dunklere Töne verwenden, um sie zu kompensieren.“ Dan stellte dies spielerisch dar, indem er abgerundete Elemente oder Radius von genau 11 Pixeln gab. Wenn Sie es noch nicht entdeckt haben, drehte er ihre Avatare und andere Features um genau 11 Grad. Diese Diskussionen rund um Designprinzipien helfen Dan dabei, ein Design zu kreieren, das unverwechselbar Smashing Magazine ist. Er wandte ihre Unterschrift orange großzügig an, und er entschied sich für Schriften, eine für Lesbarkeit und die andere für seine skurrilen Buchstabenformen. Das Smashing Magazin-Team wollte auch betonen, wie ihre Communities und Inhalte Dimensionen, Breite und Tiefe haben. Dan hob das Design auf, indem sie dreidimensionale Elemente für Lichtquellen und Schatten einführte. Während ähnliche Seiten kleine Avatare ihrer Autoren zeigen, entschied sich Dan, die Menschen hinter dem Inhalt von Smashing Magazine hervorzuheben , indem er große Fotografien verwendet, die er oben platziert hat, nicht unter ihrer Schrift. Ist Dans für das Smashing Magazin schrullig? Verdammt, ja. Ist es lebendig? Absolut. Viele namhafte Unternehmen haben nun ihre Gestaltungsprinzipien für uns zur Verfügung gestellt, von denen wir lernen können. Genau wie Markenwerte unterscheiden sich diese Prinzipien von Unternehmen zu Unternehmen. Zum Beispiel ist es die Mission von Google, die Informationen der Welt zu organisieren und sie universell zugänglich und nützlich zu machen. Ihre 10 Dinge, die wir wissen, um wahr zu sein, gehören; konzentrieren Sie sich auf den Benutzer und alles andere wird folgen. Schnell ist besser als langsam. Du kannst Geld verdienen, ohne Böses zu tun. Die Prinzipien der britischen Regierung, Digital Services sind für Menschen gedacht , die digitale Dienste für die gov.uk Domain errichten. Sie umfassen Build für die Aufnahme, Design mit Daten, und tun die harte Arbeit, um es einfach zu machen. Wenn Sie nun der Besitzer von Wheelman sind, welche Prinzipien würden Sie das weitere Design der App und der Website leiten wollen? Als ich Wheelman die Prinzipien des einzelnen Wortes entwarf, die ich im Auge behalten habe, sind wir mutig, furchtlos und zeitnah. Die Form, die Ihre Designprinzipien annehmen, hängt davon ab wie viel Sie die Bedeutung Ihrer Wörter klären möchten. Sie könnten, wie ich es tat, einfach ein einziges Wort wie furchtlos verwenden, oder Sie könnten dieses ein Wort in eine Phrase erweitern, um ein wenig mehr Klarheit zu bieten, wie kühne Entscheidungen zu treffen, die den Job erledigen. Sie keine Angst, harte Entscheidungen für unsere Kunden zu treffen. Geben Sie den Menschen nur das, was sie brauchen, wenn sie es brauchen. Sie könnten diese Formate auch so zusammenbringen. So furchtlos. Sie keine Angst, harte Entscheidungen für unsere Kunden zu treffen. Seien Sie vorsichtig, verwenden Sie nicht zu viele Wörter, da dies manchmal das Prinzip verdünnen kann und es kann Verwirrung je nach Mischung von Designprinzipien erhöhen, es wird nicht immer möglich sein, jedes Prinzip anzugehen. Aber selbst einzelne Prinzipien können ein ausgezeichnetes Instrument sein, um zu beurteilen, ob ein Design die Marke, die Ziele und Werte Ihres Unternehmens widerspiegelt. Welches dieser Wheelman Entwürfe zeigt am besten mein Kühnheitsprinzip. Kühnheit muss nicht vor allem um prominente Farben oder Kühnheit in der Typografie sein. Es kann auch durch Ihre Wahl von Layout und Layout dargestellt werden, die mit der Konvention einer vollen Breite Jumbotron Banner bricht und verwendet eine volle hohe Bild statt, wäre auch eine mutige Wahl. Der typische Stil der inneren Navigation zu ändern, um sowohl die Marke Wheelman widerzuspiegeln als auch die Benutzerfreundlichkeit auf kleinen Bildschirmen zu verbessern, wäre ebenfalls ein mutiger Schritt. Natürlich sind Prinzipien wie mutig, furchtlos und zeitnah nicht für jede Organisation relevant. Also sollten Sie einige Zeit vor der nächsten Episode verbringen, um die besten Prinzipien zu berücksichtigen, um Ihre Entwürfe zu leiten. Tun Sie dies nicht allein, denn oft kann der kollaborative Prozess der Entscheidung über die Designprinzipien Ihres Unternehmens genauso wertvoll sein wie die Prinzipien selbst. Das Designprinzip sollte die künstlerische Ausrichtung, das Design und die Entwicklung eines jeden Aspekts eines Produkts oder einer Website beeinflussen . Das kann nur passieren, wenn Designer und Entwickler sie im Hinterkopf behalten. Ich fand, dass der beste Weg, um sicherzustellen, dass jeder an einem Design beteiligt ist, Designprinzipien im Auge behält, darin besteht, sie in Gegenstände wie Poster oder Postkarten zu verwandeln, die ich an der Wand meines Ateliers und im Büro des Kunden aufbewahre. Dies ist etwas, was staatliche digitale Dienste wirklich erfolgreich gemacht haben , und ihre Plakate machen deutlich, dass wir in einem Bereich wie unserem Werkzeuge so kreativ gestalten können wie unsere Arbeit. Jetzt hoffe ich, dass diese Episode der Kunstrichtung für das Web Ihnen die Rolle beigebracht hat, die Designprinzipien in der künstlerischen Richtung spielen können. Sehen Sie sich alle Videos in diesem Kurs an und erfahren Sie mehr über dieses Thema und mehr in meinem Buch. 5. Publikumsrollen und Benutzererlebnisse erstellen: Willkommen zurück. In dieser Folge werde ich Sie über Publikumspersonas und Benutzergeschichten informieren und wie sie die Kunstrichtung Ihres Produkts oder Ihrer Website beeinflussen können. Jetzt zuerst ein kurzer Überblick für alle, die neu im Schreiben von Personas oder User Stories sind. Wenn Sie ein User Experience Designer sind, überspringen Sie diese Folge nicht. Sie werden zweifellos schon über Personas und User Stories erfahren. Aber wie beziehen sie sich auf die künstlerische Leitung? Und meine Meinung zu Personas und Geschichten wird wahrscheinlich ganz anders sein als Ihre. Im Marketing und in UX denken wir generell an zwei Arten von Personas, eine Käufer-Persona und eine Nutzer-Persona. Ich werde damit beginnen, einige Fakten über meine erste Person aufzulisten. Ich möchte, dass du Reggie kennenlernt. Er ist 35 und verheiratet. Er ist ein ehemaliger Boxer und ein Nachtclub-Besitzer und lebt in Hoxton in East London. Nun kann ich neben einer Tabelle auch eine kurze Biografie hinzufügen, die Reggie ausführlicher beschreibt. Ich könnte sagen, Reggie ist Miteigentümer von Esmeraldas Barn Nachtclub in Knightsbridge in London. Er ist mehrere andere vielfältige Geschäftsinteressen, darunter eine Bodyguard und Schutzfirma für Hollywood-Stars, darunter Frank Sinatra. Käufer sind Menschen, an die du verkaufst. Wer Sie überzeugen möchten, um Ihr Produkt oder Ihre Dienstleistung zu kaufen, und Sie möchten es ihnen leicht machen, sich von ihrem Geld zu trennen. Diese werden auch oft als Marketingpersonas bezeichnet. Eine Benutzerpersona ist jemand, der das von Ihnen erstellte Produkt oder die Dienstleistung konsumiert oder verwendet. Wenn Sie in redaktionellen oder Nachrichten arbeiten, können sie auch Personen sein, die Ihre Inhalte lesen. Wenn Personas können meist fiktiv sein, obwohl sie auf Wissen von echten Menschen basieren sollten , die Ihr Produkt oder Ihre Website verwenden. Sie können dieses Wissen erhalten, indem Sie beobachten, wie Menschen es verwenden oder indem Sie sie interviewen. Als Nächstes füge ich weitere Informationen über Reggie hinzu, seine Persönlichkeitsmerkmale und seine Erfahrung in IT und Social Media sowie mit Software. Ich verwende einen einfachen Schiebemaßstab, um diese Attribute zu veranschaulichen. Manchmal sind eine Käufer-Persona und eine Benutzer-Persona dieselbe Person. Um ein Rad Mann Beispiel zu verwenden, jemand, der über die Anordnung der schnellen Flucht Auto lernen will , ist wahrscheinlich die gleiche Person, die will weg in einem sein. Personas geben einem Menschen einen Namen, eine Hintergrundgeschichte und manchmal sogar ein Gesicht. Wenn Sie eine Persona erstellen, können Sie relevante persönliche oder berufliche Informationen hinzufügen. Zum Beispiel, Alter und vielleicht ihr Geschlecht, wenn das relevant ist, wo sie leben, ihre Arbeit, wenn sie einen haben, wie ihr Zuhause oder ihre Arbeitsumgebung ist. Möglicherweise ihre Ziele und Frustrationen oder welchen Nachrichtenkanal sie bevorzugen. Seien Sie nun selektiv und geben Sie nur das an, was Sie brauchen. Ich habe viele Personas gesehen, die mehr wie viele Romane lesen , weil sie so viele Informationen enthalten. meiste davon ist kaum relevant, wenn es überhaupt relevant ist. Ich mag es, meine Personas wirklich kurz und einfach zu halten. Ich frage mich ständig, wie die Attribute in jeder Persona meine künstlerische Richtung beeinflussen könnten. Schließlich gibt es keinen Grund, Informationen einzubeziehen, die nicht relevant sind. Gibt es zum Beispiel altersrelevant? Oder für Rad-Mann, das ist eher wichtig oder jemandes Geschlecht. Weil auch ältere Menschen Raubüberfälle abziehen. Wo jemand lebt, ist auch wichtig. Da muss ich möglicherweise einige kulturelle Referenzen vermeiden oder mein Kopierschreiben für verschiedene Länder lokalisieren. Die Nachrichtenkanäle, die jemand bevorzugt, werden relevanter sein, wenn Sie an einer redaktionellen Website arbeiten. Aber weniger, wenn Sie eine App entwerfen, um Menschen zu helfen, davonzukommen. Mein persönliches Schreibziel ist es, die Persönlichkeit und Eigenschaften von jemandem zu verstehen. Denn wenn ich sie verstehe, kann ich klares Wissen darüber geben, wie sie sich fühlen und mir helfen, bessere User Stories zu erstellen. Obwohl ich das Wort Benutzer wirklich nicht mag und ich bevorzuge das Wort Publikum. User Stories sind fabelhaft für die Erfassung von Designproblemen weil sie Sie ermutigen, nicht nur über ein Problem nachzudenken, sondern auch die Person, die das Problem hat. Deshalb ist es wichtig, klar über Ihre Zielgruppen-Personas nachzudenken , bevor Sie mit dem Schreiben von User Stories beginnen. Personas helfen Ihnen, über echte Menschen in realen Situationen nachzudenken. Sie werden Ihnen helfen, genaue User Stories zu erstellen. Wenn Sie eine User Story schreiben, sollten Sie dies aus der Sicht von jemandem tun, der eine Aufgabe mit Ihren Produkten oder Ihrer Website ausführen möchte . Meine User Stories folgen oft einem festgelegten Format, Persona plus Bedarf plus Zweck. Es ist eine Person mit einer Eigenschaft. Persona oder wer. Was sie erreichen wollen. Brauchen Sie auf was. Warum tun sie, was sie tun? Das ist der Zweck. Das ist der Grund? Dies bedeutet normalerweise, wer, ich brauche oder will. Also, das, das warum. Ich finde, ein einfaches Format hält Benutzergeschichten leicht zu verstehen und eindeutig. Aber Sie können mit verschiedenen Story-Formaten experimentieren , die zu Ihrem Publikum passen und Ihrem Team helfen. Ich würde dieses Format verwenden, um zwei Benutzergeschichten für Radmann zu erstellen. Ich weiß, dass du wahrscheinlich nicht für Leute entwerfen wirst, die nach einem Raub davonkommen. Aber dieses Format funktioniert genauso gut, egal welchen Job Sie abziehen. Beginnen Sie mit den Eigenschaften. Reggie, als jemand, der einen Raub plant. Nun, füge hinzu, was Reggie zu erreichen hofft. Als jemand, der einen Raub plant, möchte ich, dass ein Fluchtauto mich schnell und zuverlässig vom Juweliergeschäft zu meinem sicheren Haus bringt. Schließlich der Grund dafür, es zu brauchen oder zu wollen. Als jemand, der einen Raub plant, möchte ich einen Fluchtwagen haben, der darauf wartet, mich vom Ziel in mein Unterschlupfhaus zu bringen. Weil es eine Chance gibt, dass die Polizei schnell am Tatort ankommt. Versuchen Sie nicht, mehr als ein Problem in einer User Story zu erfassen. Die gleiche Persona könnte mehr als eine Geschichte inspirieren, je nachdem, was ihre Bedürfnisse sind. Zum Beispiel, für Reggie, als jemand, der einen Raub plant, möchte ich ein Fluchtauto, das nicht auf mich oder einen meiner Komplizen zurückverfolgt werden kann , weil die Polizei die Videoüberwachung des Raubes nutzen wird , um zu versuchen, Fangen Sie mich. Sobald Sie eine solide Grundlage für eine User Story haben, reduzieren und verfeinern Sie sie, indem Sie alle Informationen entfernen , die für den Zweck der Geschichte nicht wichtig sind. Als Beispiel kann ich die Sprache dieser Geschichte vereinfachen. Als jemand, der einen Raub plant, will ich einen unauffindbaren Fluchtwagen, weil die Polizei die Überwachung benutzen wird. Ich entwickle gerne sowohl Personas als auch User Stories in Zusammenarbeit mit anderen Menschen, da dies mir hilft, die meisten Erfahrungen und Kenntnisse zu nutzen . Manchmal arbeite ich mit Geschäftsinhabern, Produkteigentümern und Vertriebsmitarbeitern zusammen. Andere Male kann ich Leute aus der Entwicklung oder aus Marketing-Teams einschließen. Publikumspersonas und User Stories sollten die künstlerische Ausrichtung, das Design und die Entwicklung jedes Aspekts eines Produkts oder einer Website beeinflussen . Aber das kann nur passieren, wenn Designer und Entwickler sie im Hinterkopf behalten. Ich habe herausgefunden, dass der beste Weg, um sicherzustellen, dass jeder der mit dem Design beteiligt ist, Personas und Benutzergeschichten im Auge behält, es ist, sie in Gegenstände wie Poster oder Postkarten zu verwandeln, die ich an der Wand meines Studios und in Büro, um alle daran zu erinnern, für die wir entwerfen und die Probleme, die wir lösen wollen. Das ist etwas, das Mailchimp sehr erfolgreich gemacht hat. Da Plakate machen es in einem Bereich wie unserem wirklich offensichtlich, wir können unsere Werkzeuge so kreativ wie unsere Arbeit machen. Ich hoffe, dass diese Episode der Kunstrichtung für das Web Ihnen gelehrt hat, den Teil des Publikums, Personas und User Stories können eine künstlerische Richtung spielen. Achten Sie darauf, alle Videos in diesem Kurs zu sehen und mehr über dieses Thema und mehr in meinem Buch zu erfahren. 6. Kundenweg entwerfen: Willkommen zurück. In dieser Folge werde ich Sie über Customer Journeys und wie diese die Kunstrichtung Ihres Produkts oder Ihrer Website beeinflussen können. Jetzt lächle ich immer, wenn ich höre, wie Designer sich auf jemanden beziehen , der ein Produkt oder eine Website als Reise benutzt. Schließlich ist der Kauf eines Kabels oder die Bezahlung einer Kfz-Steuer im Internet kaum das Gleiche wie nach Mordor. Unabhängig davon, ob es sich um Reisen handelt oder nicht, kann die Abbildung der Kundenerfahrung ein sehr hilfreicher Prozess sein, um Ihnen dabei zu helfen, diese zu verbessern. Sie müssen kein Assistent sein, um eine Customer Journey Map zu zaubern. Es ist kein magischer Prozess. In der Tat kann und sollte jeder es tun. Hier ist meine fünfminütige Anleitung zu Customer Journeys und Art Direction. Was ist eine Customer Journey? Wie mappen Sie es ab? Ich denke, Paul Boag hat die beste Erklärung, und er schrieb: „Eine Persona konzentriert sich auf die Person, während eine Customer Journey Map auf ihre Erfahrung konzentriert“ Warum machen Sie eine? Auch hier denke ich, dass Paul das beste Zitat bietet: „Eine Customer Journey Map ist eine Geschichte, „Eine Customer Journey Map ist eine Geschichte entwickelt wurde, um Einblicke in die Journey eines Kunden zu geben.“ Customer Journey Maps geben Ihnen einen Überblick über das gesamte Kundenerlebnis und zeigen Ihnen, wo es Möglichkeiten geben könnte, es in der gesamten Richtung zu verbessern. Reisekarten können für unsere Richtung leistungsstark sein weil sie Ihnen helfen, nicht nur zu verstehen, was jemand versucht, sondern auch, wie sie sich fühlen, während sie es tun. Wie könnte jemand zum Beispiel daran denken, einen Link in einer E-Mail oder in sozialen Beiträgen zu drücken und bevor er zum ersten Mal auf Ihrer Website ankommt, was könnte jemand fühlen, wenn er sich für Ihr Produkt oder Ihre Dienstleistung registriert? Wie kann sich jemand fühlen, wenn er eine Bestätigungs-E-Mail über etwas, das er gekauft hat, oder eine Buchung, die er gemacht hat, erhält? Fragen wie diese konzentrieren sich auf den Kunden und wie er sich fühlen könnte, was oft vergessen wird, wenn man sich ausschließlich auf Geschäftsziele wie Umsatzsteigerungen oder Anmeldungen konzentriert . Die Gefühle eines Kunden werden sich wahrscheinlich ändern, wenn sie ein Produkt oder eine Website verwenden. Wenn sie beispielsweise einen Link in einem Social Post oder einer E-Mail sehen, könnten sie neugierig und interessiert sein. Nachdem sie mehr darüber erfahren haben, was ein Produkt oder eine Dienstleistung leisten kann, fühlen sie sich erleichtert, eine Lösung für ihr Problem gefunden zu haben, während sie sich anmelden, könnten sie sich auch aufgeregt fühlen. Nach einer Buchung oder einem Kauf hoffen wir, dass sie sich glücklich fühlen werden. Eine Customer Journey Map muss kein kompliziertes Diagramm wie dieses sein. Der beste Weg, um zu veranschaulichen, was ein Kunde fühlt, ist, Ihnen eine Karte zu zeigen, die ich für Wellman erstellt habe. Ich habe diese Karte in die fünf Etappen unterteilt, die oft in einer Marketing-Käufer-Reise erwähnt werden. Der erste ist das Bewußtsein. Jemand geht von der Nichtkenntnis eines Produkts oder einer Dienstleistung zu wissen, dass es verfügbar ist. Sie können eine Anzeige, eine Empfehlung in sozialen Netzwerkensehen eine Empfehlung in sozialen Netzwerken oder eine E-Mail erhalten. Dann bedenkt man, dass sie ein Bedürfnis haben und dass Ihr Produkt oder Ihre Dienstleistung dazu beitragen kann, es zu befriedigen. Sie überlegten, ob sie es kaufen sollten oder nicht. Hier wirst du etwas überzeugendes tun müssen. Hey, Sie könnten nicht nur ihre Kauferfahrung in Betracht ziehen, sondern auch, was passiert, während sie auf eine Aktivierungs-E-Mail oder sogar eine physische Lieferung warten . Beibehaltung, jemand verwendet das Produkt oder die Dienstleistung. Sie möchten, dass sie eine gute Erfahrung haben, damit sie ein Kunde bleiben und anderen Leuten mitteilen, wie sehr sie Ihr Produkt oder Ihre Website mögen. Es gibt nichts Schöneres als ein glücklicher Kunde, hilft, ein Produkt für Sie zu verkaufen, indem er das Wort verbreitet und seinen Freunden erzählt. Ich könnte manchmal spezifischer über einen bestimmten Bereich eines Produkts oder einer Website sein, die im Fall von Wellman, Buchung eines Fluchtfahrers oder eine Lieferung von Lebensmitteln zu einem sicheren Haus beinhalten könnte. Für mein Beispiel in Wellman, könnte ich Reisen wie das Festlegen einer Raubzeit, das Auswählen Ihres Ziels, vielleicht einen Autoswap, eine private Landebahn oder ein sicheres Haus, Wahl eines Fluchtfahrers, die Zustimmung zur nehmen und dann den Job bestätigen. Bevor Sie mit der Erstellung Ihrer Customer Journey Map beginnen, erfahren Sie, welche Informationen Sie bereits darüber haben was Personen tun, wenn sie Ihr Produkt oder Ihre Website verwenden. Der offensichtlichste Ort, um zu beginnen, ist das Betrachten von Analytics, da diese Ihnen oft die beliebtesten Teile Ihrer Website oder Ihres Produkts erzählen. Wenn Sie noch keine Analytics installiert haben, ist es jetzt an der Zeit, sie zu installieren. sozialen Medien hören viele Menschen zuerst von einem Produkt oder einer Dienstleistung. Es gibt verschiedene Tools wie HootSuite, das ist eines der besten kostenlosen Social-Media-Hör-Tools, oder TweetReach, oder sogar TweetDeck von Twitter, die Ihnen nützliche Einblicke in das, was die Leute sagen. Daten werden Ihnen aber nur so viel sagen. Ich spreche lieber mit Kunden, und wenn ich nicht direkt mit ihnen in Kontakt treten kann, spreche ich mit Vertriebsmitarbeitern oder Kundendienstmitarbeitern, die täglich Kontakt mit ihnen haben. Ich habe den besten Weg gefunden, Menschen in einer Organisation zu bekommen, die oft über die kleinsten Dinge nicht einverstanden sind , sich auf eine Customer Journey Map zu einigen , indem sie sie in einem Workshop zusammenbringen, Kunden einladen, wenn möglich, und jeder, der die Gestaltung ihrer Erfahrung beeinflusst, einschließlich Senior Manager, weil sie oft das letzte Wort haben. Behandeln Sie einen Customer Journey Workshop nicht wie jedes andere Meeting. Stattdessen sollten Sie klare Ziele und realistische Ziele für das, was Sie erreichen wollen, setzen. Wenn Ihr Produkt oder Ihre Website nicht unglaublich einfach ist, erwarten Sie nicht, eine Karte in nur einer Sitzung zu erstellen. Wählen Sie einen Schritt Ihrer Karte aus. Vielleicht Bewusstsein, und konzentrieren Sie sich auf das in einer Sitzung. Arbeiten Sie am nächsten Schritt im nächsten Workshop und erstellen Sie Ihre Karte von dort. Ermitteln Sie in jedem Workshop, was Menschen zu erreichen versuchen, was sie wissen müssen, wie sie sich fühlen könnten. Denken Sie an die Berührungspunkte, denen sie begegnen werden. Wenn Sie beispielsweise vom Kauf zur Aufbewahrung wechseln, können Kontaktpunkte Anmeldeformulare, Zahlungsseiten, Logins oder den Onboarding-Prozess umfassen . Zeichnen Sie während des Workshops auf, was jemand tut, die Fragen, die sie stellen, was sie denken, die Berührungspunkte, denen sie begegnen und wie sie sich fühlen. Tun Sie dies auf einer einfachen Customer Journey Kartenvorlage wie folgt. Diese Vorlage muss nicht Ihr fertiges Produkt sein, sondern ist nur ein Werkzeug, um die Informationen zu organisieren, die Sie sammeln, bevor Sie Ihre endgültige Customer Journey Map entwerfen. Was auch immer Ihre Karte veranschaulicht, achten Sie darauf, nicht zu komplizieren Angelegenheiten oder verwirrte Menschen, indem Sie zu viele Informationen einbeziehen. Ihre Karte sollte nur das enthalten, was benötigt wird, um zu beschreiben, was jemand tut und wie Sie sie fühlen möchten. Außerdem sollten Sie Ihre Customer Journey Maps so gestalten, dass sie für die Benutzer, die sie benötigen, leicht und relevant sind. Sie können sie bunt oder ansprechend machen. Ihr Ziel sollte es sein, dass die Menschen darauf achten, damit sie das Gefühl der Kunden behalten und jeder Schritt auf der Reise in ihren Köpfen steht. Ich stelle mir Customer Journey Maps gerne als Poster vor. Sie könnten an meiner Atelierwand hängen, während ich entwerfe, oder an den Wänden im Kundenbüro. Auf diese Weise werden sie weder vergessen noch ungenutzt. Ich hoffe, dass diese Episode der Kunstrichtung für das Web Ihnen den Teil gelehrt hat , dass Customer Journey Maps in Richtung Kunst gelten kann. Achten Sie darauf, alle Videos in diesem Kurs zu sehen, und erfahren Sie mehr über dieses Thema und mehr in meinem Buch. (MUSIK) 7. Bestimmung, welche Gefühle in Besuchern hervorgerufen werden sollen: Willkommen zurück. In dieser Folge werde ich Ihnen beibringen, wie Sie entscheiden können, wie Sie möchten, dass sich die Menschen fühlen und wie dies die Richtung Ihres Produkts oder Ihrer Website beeinflussen kann. Nun, zurück in Folge 2 dieses Kurses, schlug ich vor, dass unsere Richtung so interpretiert werden kann, dass Designtechniken verwendet werden, um absichtlich eine emotionale Antwort von jemandem hervorzurufen, wenn sie einen Artikel lesen oder ein Produkt verwenden oder eine Website besuchen. Ich begann in dieser Episode, indem ich mir zwei sehr unterschiedliche Interpretationen einer Geschichte über den am längsten laufenden Drogenkartellfall der DEA angesehen habe. Einer war aus dem Atlantik, der andere aus ProPublica. Beide Seiten enthalten das gleiche schriftliche Exemplar und viele der gleichen Fotografien. Die Interpretation durch den Atlantik wird in absichtlich sachlicher Weise dargestellt , während auf der ProPublica Illustrationen Gewalt mit einer Intensität vermitteln, die schwer zu verkrampfen gewesen wäre, wenn sie Fotografie benutzt hätten. Diese Illustrationen machen Menschen angespannt und verängstigt und das ist in Ordnung, weil Leser diese Emotionen erleben sollten, wenn sie über schmelzende Drogenhändler und Vermögenswerte lesen. Wenn jemand das Gefühl hat, wie Sie es beabsichtigt haben, wenn er eine Geschichte liest oder eine Anwendung verwendet, ist es Ihnen gelungen, Ihre Nachricht oder Ihren Zweck zu kommunizieren. Kommunikation ist das, worum es in der Kunstrichtung wirklich geht. Diese Geschichten bei The Atlantic und ProPublica waren mit zwei sehr unterschiedlichen Zielen in der Kunst ausgerichtet. Die von ihren Designern getroffenen Entscheidungen sollten diese Ziele unterstützen. Wenn ich eine neue Geschichte über ein Drogenkartell entwerfe, muss ich festlegen, was, wo, wie und warum, wer war beteiligt und was geschah, wo es passierte, wann die Ereignisse stattfanden, warum sie passierten? Ich kann diese Tatsachen auf eine Art und Weise bleiben, die gut ist. Aber es gibt mehr, Geschichten zu erzählen, als nur Fakten weiterzugeben. Wenn jemand über einen mexikanischen Drogenherrn liest, soll ich, dass er sich ruhig fühlt, oder soll ich, dass er sich verängstigt fühlt? Ich habe diese Emotionen auf drei Skalen gezeichnet. Möchte ich es lesen, um mich ruhig zu fühlen? Nein. Entspannt? Keine Chance. Unbequem? Absolut. Ich will, dass sie in ihren Sitzen sprengen. Was ist mit aufgeregt? Ja. Ich möchte, dass sie sich hektisch und weitäugig fühlen und auch aufgewühlt fühlen. Ich möchte, dass sich Kunden entspannt fühlen, wenn sie sich mit ihrer Kreditkarte bei meinem Produkt oder Service anmelden. Aber wenn man über einen Drogenkrieg liest, definitiv nicht. Ich möchte nicht, dass sie sich unwohl fühlen, während sie meine Nutzungsbedingungen lesen. Aber Menschen in Säure schmelzen. Auf jeden Fall. Es gibt keine Möglichkeit, dass sich jemand aufgeregt fühlt, während ich eine Banking-Anwendung verwende. Aber wenn man an die drogenabhängige Gewalt auf den Straßen Mexikos denkt, wette man, was ich tue. Was ist mit ermutigt? Das schneidet ein, wenn jemand lernt, wie Produkte oder Dienstleistungen das Problem eines Menschen lösen. Sie sollten sich motiviert fühlen, mehr zu erfahren, auch wenn das Angebot überzeugend genug ist. Besessen. Wenn es darum geht, Drogenkartelle abzuschalten, ist Besessenheit genau die Emotion, die ich hervorrufen möchte. Ich fragte mich, wie ich möchte, dass jemand sich fühlt, bevor ich mit der Kunst beginne, jedes neue Design zu leiten. Natürlich wäre Terror nicht angemessen, wenn ich eine Kopie für eine Produktbenachrichtigung schreibe. Ihr Passwort ist falsch, Sie sollten Angst haben. Stattdessen wähle ich eine andere Reihe von Emotionen, besser geeignet für den Inhalt oder Kontext. Männliche Schimpansen Stimme und Ton Richtlinien enthalten eine hilfreiche Liste von Beispiel-Emotionen. Dazu gehören negative Gefühle wie Wut, Ärger, Verwirrung und Hilflosigkeit. Sowie positive Gefühle wie Vorfreude, Zuversicht, Aufregung und Vertrauen. Wir leiten ihre Version der Drogenkartellgeschichte nicht. ProPublica wählte eine dramatischere Richtung, weil sie wollten, dass sich die Menschen entsetzt fühlen, während sie sie lesen. Ihre Wahl von Tim McDonalds emotionalen Illustrationen von Chaos, Gewalt und Tod hilft, diese Emotionen zu stimulieren und die Leser in die emotionale Skala von Interesse zu versetzen , entsetzt über das, was passiert ist. Wenn sie sich wie der Atlantik für eine konventionellere Fotomontage entschieden haben , könnte sich diese Nadel weniger bewegt haben. Viele Zeitschriften und Zeitungen haben sich darum bemüht, die Qualität von Design und Kunstrichtung aus ihren Printpublikationen ins Internet zu bringen . Aber ProPublica ist eine Ausnahme. Sie stehen vor den gleichen redaktionellen, kreativen und technischen Herausforderungen wie andere Nachrichtenorganisationen. Aber sie haben sie gelöst, indem sie einen Prozess entwickelt haben, der Art Directors und Designer früh im redaktionellen Zyklus einbezieht. Für Lost Mothers nutzte ProPublica nicht nur das Punktraster als Navigation zu einer Geschichte über jede Frau, sondern veranschaulicht auch , wie viele Frauen nicht identifiziert wurden, wie mir ihr Art Director Rob Weychert erklärte. Die Idee hinter dem Design war nicht, Menschen unbedingt zu schockieren sondern Ihnen ein Gefühl dafür zu geben, wie wenig wirklich bekannt oder verstanden wird , was vor sich geht. Jede Vignette enthält auch Fotos von der Familie einer verlorenen Mutter und geliebten Menschen, um ihrer Geschichte mehr emotionale Wirkung zu verleihen. Die Menschen achten auf kraftvoll betätigte Geschichten. Sie werden bemerkt. Eine unglaubliche Geschichte der Vergewaltigung, Kunst für das Web von ProPublica gerichtet ist entworfen Regisseur David Slate gewann einen Pulitzer-Preis für erklärende Berichterstattung. Nun, diese Geschichte ist noch bemerkenswerter, weil sie von zwei Journalisten geschrieben wurde. Einer meldete aus der Sicht der Frau, der andere von dem der Polizei, und selbst das ist nicht ungewöhnlich. Aber anstatt zwei Stimmen zu einer zu verschmelzen, hielt der Editor sie getrennt. Als Art Director erkannte David die beiden Zeitlinien und wechselnde Stimmen machten die Geschichte mächtiger. Wir betonen die Unterscheidungen durch seine Design-Entscheidungen. Die Geschichte der Frau verwendet speziell in Auftrag gegebene Illustrationen, während die Polizeigeschichte Fotografie beinhaltet. Ihre Geschichte wird immer auf der linken Seite erzählt, da ist auf der rechten Seite. Mit der Einführung und Epilog, die relevant für beide in der Mitte platziert. Eine unglaubliche Geschichte von Vergewaltigung ist eine fesselnde Geschichte, die aufgrund ihrer künstlerischen Richtung emotionaler erzählt wird. Durch einen Blick auf einige der besten redaktionellen Design im Internet heute. Ich hoffe, dass diese Episode der Kunstrichtung für das Web Ihnen gelehrt hat wie wichtig es ist, die richtigen Gefühle durch die Kunstrichtung hervorzurufen. Achten Sie darauf, alle Videos in diesem Kurs zu sehen, und Sie können mehr über dieses Thema und mehr in meinem Buch erfahren. 8. Ein Narrativ entwickeln: In dieser Episode werde ich Sie über Kunst lehren, die die Erfahrung Ihres Produkts und Ihrer Website lenkt, indem ich über den Prozess der Erstellung einer Erzählung spreche. Als er schrieb, Art Direction Goes Digital, das war sein Kapitel in dem Buch, Art Direction Endlich erklärt, Khoi Vinn sagte: „Kunstrichtung ist gutes Geschichtenerzählen.“ Er schrieb weiter, dass im Laufe seiner langen Geschichte, was wir in der Praxis der Kunstrichtung am meisten geschätzt haben, dies ist; die Fähigkeit, die Myriaden-Elemente in einem Design so zu steuern , dass eine nachhaltige, zusammenhängende und unverwechselbare Erzählerfahrung. Ob wir Fakten oder Fiktion schreiben, Produkte verkaufen oder herstellen — die Art und Weise, wie wir Menschen engagieren, Lust schaffen, sie glücklich machen und sie ermutigen, so zu bleiben, besteht darin, Erzählungen zu erschaffen. Wenn Sie nicht der fleißige Typ sind, ist eine Erzählung eine gesprochene oder schriftliche Berichte über verbundene Ereignisse. Es ist eine Geschichte. Was an dieser Definition wichtig ist ist nicht so sehr, dass ein Account geschrieben oder gesprochen wird, sondern dass die Ereignisse, die eine Story beschreibt, miteinander verbunden sind. Diese Verbindungen schaffen Wege im Kopf von jemandem. Während sie auf diesen Pfaden sind, können Sie beeinflussen, wie sie sich in der ganzen Richtung fühlen. Lektionen zum Basteln von Erzählungen lehren Sie normalerweise, dass Sie vor dem Schreiben Ihres ersten Wortes über Ergebnisse, eine Besetzung, Hintergrundgeschichten und eine Handlung entscheiden sollten . In diesem Beispiel einer Design-Erzählung werde ich die Rolle des CEO der Uhrenfirma Panzera spielen. Sie könnten der Autor dieser Geschichte sein. Jede Geschichte und jedes Kunstrichtungsprojekt sollte mit der Frage beginnen, welches Ergebnis wollen wir? Wie wollen wir, dass sich jemand fühlt? Panzera Uhren sind die besten in ihrer Klasse. Wenn ich ihr CEO bin, würde ich wollen, dass sich die Leute glücklich fühlen, unsere Marke entdeckt zu haben und aufgeregt zu haben. Ich würde sagen, wir wollen das Lernen über Kauf und dann erhalten unsere Produkte sind fabelhafte Erfahrung. Wir wollen Gelegenheitsbesucher zu Kunden machen und dann zu Botschaftern für unsere Marke werden. Wer sind unsere Charaktere? Habe ich Charaktere gesagt? Wir meinen unsere Kunden oder Leser oder unsere Benutzer, sie sind meist zwischen 30 und 55 Jahre alt, und Menschen, die einzigartige Geschenke für sie kaufen, sie haben einige verfügbare Einkommen, aber nicht unbegrenzte Ausgaben Macht. Sie sind bereit, mehr auszugeben, weil es ihnen wichtig ist, eine großartige Uhr zu tragen. Die Uhr, die sie tragen, macht eine Aussage über sie, und sie liebten es, darüber zu reden. Sie können sich diese als Benutzerpersonas vorstellen. Lassen Sie mich Ihnen ein Beispiel geben. Reggie ist Mitte der dreißiger Jahre und er ist der Besitzer eines Nachtclubs in Knight'sbridge , einem modischen Teil des Londoner West End. Er besucht oft andere Geschäftsleute und trägt Uhren zum Teil als Symbol für seinen Erfolg, aber auch als Gesprächspunkt. Er ist sich unserer Marke bewusst und hat unsere Website mehrmals besucht. Was wollen wir denn passieren? Einige erzählerische Tutorials empfehlen Flussdiagramme, um eine Handlung zu verfolgen, in ähnlicher Weise wie ich eine Customer Journey abbilden könnte. Stellen Sie sich Plot-Punkte als Berührungspunkte vor. Ich hoffe, Sie können sehen, wie ähnlich die Gestaltung von Benutzererlebnissen sind Geschichten zu schreiben. Reggie besucht uns erneut, und er sieht unsere neueste Ausgabe. Er verbrachte einige Minuten damit, Fotos zu durchsuchen und zu lesen. nur wenige Uhren übrig sind, beschließt er, einen Kauf zu tätigen. Die Kasse ist reibungslos, und Reggie fühlt sich zuversichtlich, sogar glücklich, und er lächelt beim Lesen der persönlichen Bestätigungs-E-Mail, die wir ihm geschickt haben. Ein paar Tage später liefern wir Reggies Uhr und er nimmt einen scharfen Atemzug, wenn er die Box öffnet. Bevor er die Uhr überhaupt an sein Handgelenk legt, postet Reggie ein Foto auf seinen Social-Media-Feeds. Bei seinem nächsten Treffen kann Reggie es kaum erwarten, seine neue Uhr zu zeigen. All dies war Kunst gerichtet, um Reggie zunächst beruhigt fühlen, und dann erfreut, dass er ausgewählt wurde, von der Firma zu kaufen. In dieser Geschichte ist Reggie bereits mit der Marke vertraut, und das ist kein Zufall. Das Unternehmen hat jahrelang Kunst verbracht, ihre Social-Media-Kanäle zu leiten. Alles, was sie veröffentlichen, ist absichtlich und makellos. Sie veröffentlichen regelmäßig Fotografien auf Instagram. Diese werden alle von professionellen Fotografen aufgenommen und sind sorgfältig Kunst gerichtet, um ein konsistentes Aussehen und Botschaft zu erhalten. Neben dem Inhalt und dem Stil von Fotografie und Video beeinflusst Art Direction auch den Ton der Stimme und Sprache, die ein Unternehmen verwendet, wenn es auf sozialen und anderen Marketing-Kanälen schreibt. Panzera produziert erst seit 2009 Uhren, aber die Geschichte der Uhrmacherkunst schwingt bei ihren Kunden. Ihr Vokabular betont Wörter wie Heritage in Bezug auf das Unternehmen und Modern, Vintage und Neo-Classic, wenn sie über ihre Designs sprechen. Die Website ist gut gestaltet und leicht zu navigieren, aber es gibt mehr auf einer überzeugenden Seite als nur ein attraktives Design. Art Direction hilft sicherzustellen, dass ein Website-Design die Werte eines Unternehmens durch die Auswahl und den Stil von Fotografien oder Illustrationen vollständig unterstützt . Es verbindet visuelle Elemente mit schriftlichen Nachrichten, um Geschichten zu erzählen, und durch sie die Ziele eines Unternehmens für ihre Website zu erreichen. Uhren sind ein wichtiger Gesprächspunkt für Reggie. Um Menschen wie ihn anzusprechen, unterstreicht die Panzera-Website die markantesten Aspekte ihres Zeitstückdesigns. Copy konzentriert sich auf ihre Kronen- und Handdesigns, verstärkt durch Nahaufnahmen. Die Uhr ist nur ein Teil der Geschichte, obwohl, ebenso wichtig, ist, was die Leute darüber sagen. Das Unternehmen enthält Bewertungen und Testimonials, um die Attraktivität des Produkts zu erhöhen. Manche Leute beschreiben solche Einsichten vielleicht als Psychologie, aber ich bin kein Psychologe. Für mich ist das nur ein wenig darüber zu wissen, was die Leute dazu bringt, und natürlich die Kunstrichtung. Ich hoffe, diese Episode der Kunstrichtung für das Web hat Ihnen die Rolle beigebracht , dass Geschichten eine künstlerische Richtung spielen. Achten Sie darauf, alle Videos in diesem Kurs zu sehen und mehr über dieses Thema und mehr in meinem Buch zu erfahren. 9. Schlussbemerkung: Nun, wie mein richtiger Mann fährt, ist es Zeit für mich, ein schnelles Entkommen zu machen. Als ich diesen Kurs absolvierte, wollte ich den Leuten die Bedeutung der Kunstrichtung für das Internet vermitteln und wie sie den Menschen helfen kann, Geschichten zu erzählen, die besser mit dem Publikum in Verbindung stehen. Ich wollte, dass erfahrene Art-Directors wissen, wie ihre Fähigkeiten für das Web genauso wertvoll sein können wie für die gedruckte Seite. Vor allem wollte ich, dass die Webdesigner und -entwickler lernen, wie man die Kunstrichtung für digitale Produkte oder Websites funktioniert. ob Sie Websites entwerfen, die auf Plattformen wie Shopify oder Squarespace, Wochen oder WordPress laufen , oder Sie handfertigen jeden Aspekt eines digitalen Erlebnisses. Art Direction wird Ihre Website effektiver zu kommunizieren, zu überzeugen und zu verkaufen. Wenn Sie Produkte entwickeln, wird die Kunstdauer sie überzeugender und letztlich noch angenehmer zu bedienen machen. Ich hoffe, dieser Kurs ist inspiriert Sie, über Kunstrichtung nachzudenken, und wie es Ihre Arbeit und das Web viel besser für alle machen kann. Ist die künstlerische Richtung für das Web relevant? Absolut, ist es das. Haben wir die Technologien und Werkzeuge, um die Art Direction für jedes Produkt und jede Website zu liefern? Daran gibt es keinen Zweifel. Mehr zu diesem Thema und mehr erfahren Sie in meinem Buch. Art Direction for the Web, die von artdirectionfortheweb.com erhältlich ist. Website enthält auch meine empfohlene Leseliste mit anderen Büchern über die Kunstrichtung, Bücher, die mich beeinflusst haben und meine Arbeit für das Web. Ich glaube, ich habe meine Rolle gespielt. Danke fürs Zuschauen. Der Rest liegt an dir, und ich sehe dich auf meinem nächsten Kurs.