E-Mail-Marketing-Grundlagen: Gestaltung effektiver E-Mails | Fabio Carneiro | Skillshare
Suchen

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

E-Mail-Marketing-Grundlagen: Gestaltung effektiver E-Mails

teacher avatar Fabio Carneiro, Email Design and Development Expert

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung

      1:26

    • 2.

      Dein Projekt

      1:16

    • 3.

      Übersicht

      4:54

    • 4.

      Prinzipien des effektiven Designs

      6:12

    • 5.

      Kauf mich

      6:33

    • 6.

      Begleite mich

      2:26

    • 7.

      Lies mich

      3:12

    • 8.

      Transaktional

      2:29

    • 9.

      FAQs (und E-Mail-Clients)

      6:26

    • 10.

      Schlussgedanken

      1:23

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

15.111

Teilnehmer:innen

58

Projekte

Über diesen Kurs

Lerne von Fabio Carneiro von Mailchimp, wie du Marketing-E-Mails gestaltest, die Kleinunternehmern, Freelancern und Start-up-Teams wie dir helfen, Geschäftsziele zu erreichen.

Dieser Kurs ist eine Übersicht die Gestaltung von E-Mails und behandelt Folgendes:

  • Der Unterschied zwischen Webdesign und E-Mail-Gestaltung
  • Wichtige Überlegungen für die Gestaltung und Entwicklung von E-Mails
  • Beste Design-Praktiken für die 4 gängigsten E-Mail-Typen

Hinweis: Dieser Kurs ist eine Einführung in die Gestaltung und Entwicklung effektiver E-Mails. Es geht dabei nicht um die grafische Gestaltung oder die Ästhetik der E-Mail.

Die Gestaltung einer E-Mail hat eine enorme Auswirkung auf ihre Effektivität. Ob du deine eigenen E-Mails entwerfen, Vorlagen optimierst oder einfach effektiver mit Designern und Entwicklern in deinem Team arbeiten möchtest, mit den Taktiken in diesem Kurs machst du das Beste aus deinen E-Mails.

_______________________

Mailchimp ist ein E-Mail-Marketing-Service, der im Jahr 2001 gegründet wurde. Er hat 9 Millionen Benutzer, die jeden Monat zusammen mehr als 15 Milliarden E-Mails versenden.

Suchst du nach einer Einführung in das E-Mail-Marketing? Schau dir den ersten Skillshare-Kurs von Mailchimp an, Erste Schritte im E-Mail-Marketing.

Triff deine:n Kursleiter:in

Teacher Profile Image

Fabio Carneiro

Email Design and Development Expert

Kursleiter:in

I'm an email developer and user experience designer, and pioneered a development method--Hybrid Coding, a.k.a. Spongy Development--that had industry-wide effects, and is used by the 15 million users of MailChimp's platform to send one billion emails a day.

I love helping others conquer email design--I've given talks at The Email Design Conference, Smashing Conference, and ConvergeSE, and shared my expertise in publications like Smashing Magazine and Smashing Book.

Vollständiges Profil ansehen

Level: All Levels

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Mein Name ist Fabio Carneiro. Ich bin der führende E-Mail-Entwickler von MailChimp. Ich denke, bis zu diesem Punkt in meiner Karriere habe ich handcoded- ich denke, es sind etwas mehr als 1100 E-Mails. Das sind wahrscheinlich zu viele, das ist eine Menge. Heute werden wir darüber sprechen, wie man effektivere E-Mails entwirft. Design ist wichtig und es ist nicht nur Flaum. Forschung hat gezeigt, dass Menschen hässliche E-Mails löschen. Es lohnt sich also, die Mühe zu machen, um sie schön aussehen zu lassen. Denken Sie daran, dass Sie versuchen, einen Eindruck aufzubauen und Vertrauen zu schaffen und etwas zu schaffen, das die Leute lesen wollen und im Laufe der Zeit zu Ihnen zurückkehren möchten. Unabhängig davon, ob Sie ein Vermarkter, ein Texter, ein Entwickler, ein Designer oder ob Sie Ihr eigenes Unternehmen führen, dies wird Ihnen hilfreich sein, nur weil es Ihnen einen guten bodennahen Überblick darüber gibt, welche E-Mail Design ist. Die Schwierigkeiten, die ihm innewohnt. Wie machst du es gut? Und irgendwie, was da hineingeht. Also, am Ende dieser Klasse werden Sie den Unterschied zwischen E-Mail und Web-Design kennen, Sie werden in der Lage sein, das Design zu bestimmen und den Zweck der E-Mail zu übernehmen und Sie werden einige der Prinzipien des responsiven E-Mail-Designs verstehen. Wenn Sie gerade erst mit E-Mail beginnen, würde ich empfehlen, MailChimps erste Klasse auf SkillShare zu überprüfen, Schritte mit E-Mail-Marketing. 2. Dein Projekt: Das Projekt in dieser Klasse ist es, in E-Mail zu teilen, welches Design Sie dazu gebracht hat, eine Aktion zu ergreifen, oder Sie etwas zu fühlen. Also, ich empfehle Ihnen, ein Bild einer E-Mail zu teilen, etwas, das Sie effektiv gefunden haben, und schreiben Sie dann eine kurze Beschreibung, warum Sie denken, es ist eine gute und effektive E-Mail. Es sollte nur ein paar Minuten dauern. Verwenden Sie einfach Ihren eigenen Posteingang. Wir alle bekommen jeden Tag jede Menge E-Mails. Also, es sollte ziemlich einfach sein, zu gehen und eine zu finden, die ziemlich effektiv ist und die Sie denken, funktioniert gut. Wenn Sie nach einem Beispiel für eine gute E-Mail suchen, stellen Sie sich ein paar Fragen dazu. Hat die E-Mail einen bestimmten Zweck? Ist ihr Inhalt zu diesem Zweck geeignet? Ist es mobil freundlich oder reaktionsschnell? All diese Dinge sind Bausteine für das, was eine E-Mail gut aussehen lässt. Also, indem Sie diese Galerie von E-Mails erstellen, erstellen Sie im Grunde eine Inspirationsseite. Sie können sehen, was andere Leute sich gut fühlen, Sie erhalten Ideen für Ihre eigenen E-Mail-Designs, und Sie können einfach einen besseren Überblick darüber bekommen, was gut funktioniert, worauf die Menschen reagieren, und dann implementieren Sie diese Dinge in Ihrer eigenen Arbeit. Wenn Sie Ihre eigenen E-Mails entwerfen, können Sie diese teilen und andere Schüler um Feedback bitten. Im Wesentlichen ist das, was Sie in einem großen Beitrag tun, andere zu lehren. Das ist das Beste, was du tun kannst, ist, anderen Menschen zu helfen, besser zu sein. 3. Übersicht: Eine der ersten großen Fragen ist also, was ist der Unterschied zwischen E-Mail-Design und Webdesign? Und es ist eigentlich ein riesiger Unterschied. Ein Webdesign ist anders und es gibt eine Art Build für jeden Ansatz. Websites neigen dazu, ziemlich allgemein im Fokus zu stehen, weil es ein ganzes Publikum gibt, das zu Ihnen kommen kann und Sie nicht immer wissen, wer sie sind. Aber E-Mail ist eigentlich das Gegenteil. E-Mail ist sehr intim und sehr fokussiert und ermöglicht es Ihnen, Ihre Zielgruppe ziemlich eng zu binden und weil Sie Ihr Publikum kennen, können Sie Ihre Inhalte tatsächlich viel relevanter und effektiver gestalten. Aus technischer Sicht unterscheidet sich das E-Mail-Design von Webdesign, da es nicht von den aktuellen Standards des W3C unterstützt wird und weil Sie ältere Clients unterstützen müssen, bedeutet dies, dass Sie Erstellen in Tabellen anstelle von divs und wirklich ältere Techniken verwenden, die in den späten 2000er Jahren populärer waren als heute. Trotz des Unterschieds zwischen Web- und E-Mail-Design gibt es Prinzipien, die übersetzen. Es ist nur eine Frage, ob sie vollständig übersetzen oder nicht, etwas braucht ein bisschen Anpassung. Nur weil E-Mail-Design anders und vielleicht ein wenig älter ist, bedeutet das nicht, dass Sie jedes gute Designprinzip, das Sie kennen, aus dem Fenster werfen sollten . E-Mail ist immer noch Teil des größeren Web-Ökosystems und das bedeutet, dass die Dinge, die Sie tun, um eine Website gut zu machen, tatsächlich übersetzen und eine E-Mail gut zu machen. Es ist wichtig, sich daran zu erinnern, dass Sie beim Senden einer E-Mail nicht nur eine Website senden, es scheint, als wäre es eine einzige Servier-Website, sondern e-Mails seinen eigenen Kanal mit seinen eigenen Überlegungen für das, was gutes Design und gute -Inhalt. Also, wenn Sie kein Entwickler sind, müssen Sie all diese kleinen Details über E-Mail-Design wissen? Ich würde sagen, dass Sie eigentlich sollten und das ist wirklich nur so, dass, wenn Sie zwangsläufig mit einem Entwickler sprechen müssen, Sie wissen, was Sie verlangen, und Sie können effektiv kommunizieren , ohne jemanden durch die Wand fahren zu müssen. In der Welt der E-Mail bedeutet Publikum alles und eine effektive E-Mail ist in der Regel auf eine bestimmte Zielgruppe ausgerichtet. Der beste Weg, um Ihre Zielgruppe zu bestimmen, ist die Verwendung von Anmeldeformularen. In einem Anmeldeformular könnten Sie tatsächlich nach bestimmten Interessen segmentieren. Stellen Sie Leute Fragen wie, sind Sie ein Entwickler? Bist du ein Designer? Bist du ein Forscher? Und indem Sie nur einfache Fragen stellen, beginnen Sie, ein Bild davon zu erstellen, wer Ihre Zielgruppe ist, und dann sind Sie in der Lage, diese Daten zu nehmen und relevantere E-Mails zu erstellen. Wenn Sie feststellen, dass Ihre Zielgruppe zum Beispiel hauptsächlich Entwickler sein wird, könnten Sie tatsächlich Ihre Inhalte viel technischer machen. Sie könnten Ihr Design im Allgemeinen wahrscheinlich auch viel einfacher machen, so dass es die Textinformationen sind, die sich für Designer abheben, andererseits könnte es etwas schätzen, das ein wenig schöner aussieht und für der Inhalt vielleicht weniger technisch und subjektiver zu sein. Eine E-Mail sollte immer mit einem Zweck im Hinterkopf gestaltet werden , da alles andere aus diesem Zweck folgt, den Inhalt, den Sie schreiben, wie Sie sie entwerfen, an wen Sie sie senden, wenn Sie versuchen, eine Produkt, würden Sie nicht unbedingt eine ganze Menge Zeit verschwenden wollen, um eine lange Geschichte zu erzählen. Die Leute wollen Ihr Produkt sehen. Sie wollen es kaufen können. Wenn Sie auf der anderen Seite einen Newsletter senden, können Sie ziemlich sicher sein , dass die Leute eine Geschichte lesen wollen. Also, in der Lage, Ihr Publikum und Design des Zwecks zu finden, bedeutet, dass Sie eine E-Mail relevanter machen können, als jede Website jemals hoffen könnte. Ein weiterer wichtiger Aspekt des E-Mail-Designs ist das Responsive Design. Das liegt daran, dass mehr als die Hälfte aller E-Mails auf mobilen Geräten geöffnet sind. Was ist ansprechendes Design? Es ist im Wesentlichen die Idee, dass unabhängig von dem Gerät oder Bildschirmgröße, auf dem Ihre E-Mail oder sogar die Website angezeigt wird, Informationen in einer Weise präsentiert, die immer noch klar und prägnant ist und für dieses Medium Sinn macht. Wenn Sie selbst in den Code einsteigen möchten, gibt es viele Überlegungen für das responsive Design für E-Mails. Sie müssen mit verschiedenen Kunden umgehen und wie sie Code behandeln und es sind wirklich nur eine Menge Informationen zu diesem Zweck, Sie könnten tatsächlich auf templates.mailchimp.com verweisen. Es ist ein Leitfaden, den ich geschrieben habe, der die großen beantwortet, was Sie brauchen, um Fragen für die reaktionsschnelle E-Mail-Entwicklung zu wissen. Also, wie übersetzt das alles in die Geschäftsstrategie? Nun, es geht um die Benutzererfahrung und das Wissen Ihrer Zielgruppe. Seien Sie in erster Linie menschlich. Denken Sie daran, dass E-Mail eine offene Kommunikationslinie ist. Es ist etwas, das nichts anderes passt. Soziale Medien tun es nicht. Websites tun es nicht. Sie haben direkten Zugriff auf eine Person, E-Mail ist eine Konversation. Design ist wichtig und es ist nicht nur Flaum. Forschung hat gezeigt, dass Menschen hässliche E-Mails löschen so dass es sich lohnt, die Mühe zu machen, sie schön aussehen zu lassen. Denken Sie daran, dass Sie versuchen, einen Eindruck aufzubauen und Vertrauen zu schaffen und etwas zu schaffen, das die Leute lesen wollen und im Laufe der Zeit zu Ihnen zurückkehren möchten. Im Kern geht es bei gutem Design und E-Mail um Zweck. Sie führen einen Empfänger zu einer Aktion, die sie ergreifen wollen, und daher sollten Ihre Entwürfe darauf ausgerichtet sein. Ihre Inhalte und Bilder werden zusammen arbeiten, aber es ist das Design, das zuerst jemand Aufmerksamkeit erregt. 4. Prinzipien des effektiven Designs: Lassen Sie uns nun in einige der Prinzipien des effektiven E-Mail-Designs eintauchen. Eines der wichtigsten Dinge im E-Mail-Design ist der Text. Unabhängig davon, wo eine Person in E-Mail ansieht, Texte die einzige Sache, die konsequent gerendert wird. Es spielt keine Rolle, in welchem E-Mail-Client und E-Mails angezeigt werden, welcher Plattform es angezeigt wird, Texte sind die einzige Sache, die immer angezeigt wird. Also, es ist gut, darauf zu achten, wie Sie Texte behandeln, denn wenn alles andere fehlschlägt, ist das, was Ihre E-Mail ist. Idealerweise, Ihre E-Mail-Nachricht ohne Bilder zu kommen, so denken Sie über Ihre E-Mail als Ganzes und übersetzen Sie, dass im Text, machen Sie die Nachricht leicht zu verdauen, achten Sie auf Typografie und machen Sie Ihre Inhalte leicht zu lesen. In so etwas wie eine lange Form E-Mail, schöne Topographie ist wirklich wichtig, weil Sie Leute bitten, viel Zeit zu widmen, die lesen Sie Ihre Inhalte. Es ist wichtig, auf Ihre Typgröße, auf Zeilenhöhen und sogar Textfarbe zu achten, da all dies dazu führt, dass eine E-Mail komfortabel gelesen werden kann, besonders auf kleineren Displays. Nicht alle Schriftarten werden systemübergreifend geteilt, Helvetica ist auf vielen Apple-Computern vorhanden. Aber unter Windows ist es eigentlich Ariel, das stattdessen verwendet wird. Es ist also eine gute Praxis, einen Schriftstapel zu erstellen, in dem Sie etwas wie Helvetica und Arial und dann für die Sans-Serif angeben und Arial und dann für die , so dass Ihre Texte immer so angezeigt werden, wie Sie es beabsichtigen. Es ist wichtig, bei denen zu bleiben, die über mehrere Plattformen hinweg gut unterstützt werden. Schriften wie Helvetica und Arial und Georgia und Times New Roman erhalten Sie eine sehr breite Abdeckung über Systeme hinweg und werden als Ausfallsicherheit für den Fall, dass Sie einen schickeren Schriftsatz verwenden , möglicherweise nicht auf einigen Maschinen vorhanden sein. Eine weitere Möglichkeit besteht darin, Webfonts zu verwenden. Nun sind dies Schriftarten, die Sie über das Web bereitstellen können , die nicht unbedingt auf vielen Benutzercomputern vorhanden sind. Wenn Sie Webfonts verwenden, ist es wichtig, einen Fallback auf systemsichere Schriftarten bereitzustellen, damit Ihr Text die gewünschte Darstellung darstellt, unabhängig davon, ob der Benutzer Zugriff auf eine bestimmte Webschriftart hat oder nicht. Eine gute Möglichkeit, zu erfahren, wo Webfonts funktionieren, ist, indem Sie sich auf Stil-Kampagnen-Matrix auf Web-Fonts Unterstützung in E-Mail beziehen . Sie haben eine Menge der Grundlagen für Sie getan, also wissen Sie, wo die Arbeit und wo es nicht geht, ich habe den Link in die Ressourcen aufgenommen, so dass Sie später darauf verweisen können. Wenn ich darüber spreche, eine Fallback-Schriftart zu haben, meine ich, sie im CSS anzugeben, schreiben Sie in Ihrer E-Mail. Also, wenn Sie eine Web-Schriftart verwenden, sagen Sie wie Open Sans von Google Fonts, können Sie tatsächlich auf Helvetica zurückgreifen und dann Arial und dann serif in Ihrem Font-Stack und im Falle einer dieser Schriftarten ist nicht im System vorhanden, Ihre E-Mail wird auf die nächste zurückgreifen, die verfügbar ist, und so werden Ihre E-Mail-Texte wiedergeben, wie Sie beabsichtigen. Es ist wichtig zu überprüfen, welche Optionen für Schriftarten verfügbar sind , unabhängig vom E-Mail-Dienstanbieter. Bei MailChimp erledigen wir die Arbeit für Sie, indem wir automatisch einen Schriftstapel bereitstellen , der von der Schriftart abhängt, die Sie als primäre Schriftart ausgewählt haben. Eine andere Möglichkeit, Texte in Ihren E-Mails zu behandeln, ist die Verwendung von bildbasiertem Text, der eine gute Option ist, wenn Sie auf der Marke bleiben müssen. Es hat jedoch einige Niedergänge. Wenn Sie also bildbasierten Text verwenden müssen, stellen Sie sicher, dass Sie einen Klartext-Fallback bereitstellen, falls das Bild nie geladen wird. Das Wichtigste ist, immer sicherzustellen, dass Ihre Nachricht angezeigt wird und wenn ein Bild nicht geladen wird und es voller Text ist, der Benutzer es nicht sehen. Letztendlich ist die beste Option für Textinhalte in E-Mails regulärer Text. Auch wenn Sie bildbasierten Text verwenden, ist es wichtig, einen Fallback bereitzustellen. Eine weitere Verwendung von bildbasierten Texten und E-Mails kommt in Form von Calls to Action wie Buttons. Bildbasierte Schaltflächen haben die gleichen Nachteile wie bildbasierter Text, was bedeutet, dass, wenn das Bild nie geladen wird, ein Benutzer Ihren Aufruf zur Aktion nie sehen wird, also ist es gut, Schaltflächen tatsächlich mit HTML und CSS zu codieren. Wenn Sie eine Schaltfläche in Ihre E-Mail einfügen, ist es am besten, sie mit HTML zu codieren. Dies wird auch als kugelsichere Schaltfläche bezeichnet. Wenn Sie nach bestimmten Möglichkeiten suchen, eine Schaltfläche zu erstellen, können Sie auf Vorlagen auf MailChimp.com verweisen und es gibt einen ganzen Abschnitt über Aufrufe zum Handeln und Schreiben von Schaltflächen mit Code. Nun, all das Gerede über Texte mag es so aussehen, als wären Bilder in E-Mails nicht wichtig, aber das ist nicht wahr, sie sind sehr wichtig. Es geht nur darum, ein Gleichgewicht zwischen Text und Bildern zu finden. Denken Sie daran, dass die Menschen visuell sind, so dass Bilder einen langen Weg gehen, um eine E-Mail effektiv zu machen. Wenn Sie ein Produkt verkaufen, ist es eine gute Idee, ein Bild von diesem Produkt zu haben. Bilder bieten Ihnen auch eine gute Möglichkeit, Bewegung zu Ihrer E-Mail in Form eines GIF hinzuzufügen , nicht „jif“. Video ist das neue Kind auf dem Block und immer Video ist einfacher und einfacher in diesen Tagen, Wenn Sie in Marketing-Video sind ist eine sehr spannende Wahl, aber es kommt mit einigen signifikanten Nachteilen. Erstens gibt es die enormen Datenkosten in Video, wie auch immer Sie schneiden es, Videos sind groß und so entstehen Datenkosten für den Empfänger. Darüber hinaus werden Videos auf sehr vielen Clients nicht unterstützt, eine gute Alternative zu Video und E-Mail ist GIFs,. Sie rendern an mehr Stellen, sie haben im Allgemeinen geringere Auswirkungen, was die Datengröße angeht, und sie bieten die gleiche Menge an visuellem Interesse. Ein weiterer großer Unterschied zwischen E-Mail-Design und Webdesignern. E-Mail-Design kann nicht pixelgenau sein, das liegt daran, dass es Tonnen von E-Mail-Clients gibt, die Sie berücksichtigen müssen und sie alle verhalten sich ein wenig anders als einander. Ich nenne E-Mail-Design gerne die genaue Wissenschaft der Ungenauigkeiten. Wie Bruce Lee sagte: „Sei Wasser mein Freund“. Das bedeutet, dass Sie Ihre E-Mails so gestalten müssen, dass es ein wenig Give-and-take von Client zu Client gibt, so dass Ihr Design von einem Client zum nächsten nicht perfekt ist, sondern von einem Client zum nächsten funktioniert. Unabhängig von den Rendering-Unterschieden von Client zu Client behält Ihre E-Mail weiterhin ihre Designtreue bei, und obwohl sie ihren Zweck immer noch erreichen wird, unabhängig davon, wo sie angezeigt wird. Aufgrund der Unterschiede zwischen dem Rendern von E-Mail-Clients und der schier Anzahl von E-Mail-Clients, die existieren, Genauigkeit des Designs einfach kein praktikables Ziel, es ist besser, mit ein wenig Flexibilität zu entwerfen, , damit Ihr Design seine Treue behält unabhängig von seinem E-Mail-Client, in dem Ihre E-Mail angezeigt werden könnte. Es gibt keine harten und schnellen Regeln, um visuelles Interesse an einer E-Mail zu schaffen. Nun, könnte gut für eine Marke und ein Publikum in einer Version funktionieren, möglicherweise nicht effektiv in einer anderen, aber es gibt harte und schnelle Regeln, um eine E-Mail leicht verdaulich, prägnant, umfassende, gut geschriebene Kopie ist sehr wichtig und auch die Optimierung Ihres Designs, um effektiv über mehrere Clients hinweg zu arbeiten. 5. Kauf mich: Nun, da wir einen guten Überblick darüber bekommen haben, was E-Mail-Design ist, lasst uns ein wenig tiefer tauchen und auf diese vier Haupttypen von E-Mails zurückblicken. Also, die erste ist die „Buy me“ -E-Mail, die eine E-Commerce-basierte E-Mail ist. Es konzentriert sich darauf, den Anreiz für einen Empfänger zu schaffen, Geld auszugeben. Wenn Sie versuchen, etwas zu verkaufen, senden Sie eine „Buy me“ -E-Mail. Der zweite Typ ist die „Read me“ -E-Mail. Jedesmal, wenn Sie versuchen, eine Geschichte zu erzählen; Newsletter, Firmenankündigungen, diese Art von Sache fällt unter „Lese me e-Mails“. Diese Jungs verlassen sich auf wirklich gutes Copyright, das ist einfacher gesagt als getan und gute Typografie, nur um die Lieferung von Inhalten reibungsloser und einfacher für den Empfänger zu machen, in. Der dritte Typ ist die Join-Me-Mail. Dies sind ereignisorientierte E-Mails. Sie können Ereignisankündigungen, Umfrageanfragen sein. Im Wesentlichen eine E-Mail, die darauf ausgerichtet ist, den Benutzer zu einer Aktion zu verleiten; sei es, Geld zu spenden oder zu einer Veranstaltung zu kommen. Dann ist das vierte ein bisschen ein Ausreißer, aber es ist nicht weniger verbreitet in allen unseren Posteingängen und es ist die Transaktions-E-Mail. Das ist im Grunde jede E-Mail, die fokussierte Informationen von einem Punkt zum anderen basierend auf Transaktionen liefern muss . Also, Bestellbelege, Versand-Updates, Dinge wie diese, Sicherheits-Ankündigungen. Die erste ist die „Buy me“ -E-Mail. Die „Buy me“ -E-Mail hat einen bestimmten Zweck eine Verlockung für den Benutzer aufzubauen, Geld auszugeben. Zu diesem Zweck sind buy me E-Mails am effektivsten, wenn sie klare, schöne Produktbilder in einfachen Call-to-Action präsentieren schöne Produktbilder in einfachen , um den Empfänger dazu zu bringen, ein Produkt schnell zu kaufen. Wenn Sie ein Dienstleistungsunternehmen sind, verkaufen Sie möglicherweise kein einzelnes Produkt, aber wahrscheinlich sprechen Sie immer noch über eine Funktion, die für einen Empfänger von Interesse ist. Sie können es auf die gleiche Weise behandeln Stellen Sie überzeugende Bilder bereit und erklären Sie , warum diese besondere Funktion Ihres Dienstes die Kosten wert ist. Der Call-to-Action in der Kauf-Me-E-Mail ist wichtig. Im Allgemeinen sollte es so etwas wie Kauf sein, oder kaufen Sie mich, oder kaufen Sie jetzt. Die richtige Formulierung zu finden, ist jedoch nur eines der Dinge, die Sie im Laufe der Zeit testen und optimieren müssen. Einige Wortkombinationen funktionieren vielleicht besser als andere, und das wird alles durch Daten und Zeit bestätigt. Geben Sie Ihren Produkten genügend Platz, wo sie von selbst glänzen. Die effektive Verwendung des Leerzeichens kann die Aufmerksamkeit eines Empfängers auf ein bestimmtes Produkt oder Produkte richten. Wenn Sie mehrere Produkte verkaufen, ordnen Sie sie in einem Raster an, damit sie einheitlich angezeigt werden und die Präsentation insgesamt schöner ist. Wenn Sie ein Bild eines Produkts einbinden, stellen Sie sich ein paar Fragen. Ist es besser, ein verkleinertes Bild eines Produkts einzubeziehen, oder ist es besser eine Nahaufnahme aufzunehmen, die mehr Details und Merkmale Ihres Produkts anzeigt? Dies sind Dinge, die Sie sich fragen müssen, wenn Sie Bilder in einem kaufen mich E-Mail enthalten sind. Einer der größten Fehler, die ich in Kauf mir E-Mails sehen, weil sie immer noch Bild schwer sind, ist ein Mangel an Text. E-Mail-Clients, die beim Öffnen der E-Mail keine Bilder laden, können Sie am Ende eine E-Mail erhalten, die nicht viel Sinn macht, weil es keine Texte gibt , die das, was visuell in der E-Mail enthalten ist, sichern. Buy me E-Mails sind auch sehr stark davon abhängig, Ihre Zielgruppe zu kennen. Stellen Sie sicher, dass die E-Mail, die Sie diesem bestimmten Segment Ihrer Liste senden , für sie relevant ist. Wenn Sie eine E-Mail senden, die zum Beispiel für Herrenbekleidung werben, denken Sie darüber nach, wie Sie eine E-Mail anders gestalten würden als eine Werbung für Kinderkleidung. Wenn Ihre E-Mail mehrere Produkte enthält, stellen Sie sicher, dass sie alle zumindest ein wenig miteinander verwandt sind. Füllen Sie eine E-Mail voller, sagen wir, 30 oder 40 Produkte, nur irgendwie Overkill. Sie erhalten vielleicht nicht die Ergebnisse, die Sie wollen, und die Leute kaufen vielleicht nichts, nur weil es keinen Fokus gibt, es keine Klarheit gibt. Statt eine riesige Allzweck-E-Mails an Ihre Liste zu senden, segmentieren Sie die Liste und senden Sie sie nach Interesse. Stellen Sie sicher, dass die E-Mail für die kleineren Segmente Ihrer Liste relevant ist. Die Hierarchie eines kaufen mich E-Mail ist sehr wichtig. Stellen Sie sicher, dass sich Ihre Produktbilder ganz oben in der E-Mail befinden. Lassen Sie die Leute zuerst sehen. Sichern Sie es dann mit einigen textuellen Inhalten, so dass, falls diese Bilder nicht geladen werden, die Leute immer noch etwas haben, auf das sie verweisen können. Denken Sie daran, die Idee, dass Menschen visuell sind. Wenn Sie Ihr Produkt zuerst sehen lassen , werden Sie sofort ihre Aufmerksamkeit erregen. Halten Sie Ihre Produkte also ganz oben in Ihrer E-Mail. Mit all dem im Sinn, schauen wir uns ein Beispiel für eine gut gestaltete kaufen mich E-Mail, wie diese von GoldCoast Skateboards. Wenn Sie einen Blick, das erste, was Sie sehen, ist ihr Logo, schön und groß. Alles, was tut, ist die Tatsache zu verstärken, dass diese E-Mail von GoldCoast Skateboards kommt. Es ist nur ein Markeneindruck. Das nächste, was Sie sehen, ist diese 40-prozentige Deklaration oben in der E-Mail. Es ist wichtig, weil sie wollen, dass die Leute von diesem Verkauf profitieren. Sie haben es gut gemacht, sie haben es oben aufgestellt. Als nächstes folgen einige schöne überzeugende Bilder. Nichts zu ablenkend, nur etwas Einfaches , das gut mit dem Gesamtdesign der E-Mail funktioniert. Nach diesem Bild haben sie ihren Rabattcode und dann sichern sie alle bildbasierten Texte mit einigen tatsächlichen Textinhalt, so dass, wenn die Bilder nicht geladen werden, der Benutzer immer noch weiß, wofür die E-Mail ist. Unter diesem Text gibt es einen schönen großen Call-to-Action und dann ein endgültiges Bild einer Auswahl ihrer Skateboards. Was am Ende der E-Mail als nettes Tag fungiert; es steht: „Schau dir an, was wir im Angebot haben.“ Das Design dieser E-Mail sieht so aus, als ob es von MailChimp Vorlage stammt. Sieht aus wie eine einfache einspaltige E-Mail , die sie exportiert und geändert haben, um ihren eigenen Bedürfnissen gerecht zu werden. Was diese E-Mail so effektiv macht, ist ihr Fokus. Es versucht nicht, mir eine Reihe von verschiedenen Produkten zu verkaufen, es ist nur eine Ankündigung von 40 Prozent Rabatt und es tut das mit Einfachheit der Inhalte, mit einigen überzeugenden Bildern, und mit einigen schönen, mutigen und klaren Calls-to-Action. Wenn Sie nach guten Beispielen suchen, um mir E-Mails in Ihrem eigenen Posteingang zu kaufen, denken Sie darüber nach, wie fokussiert diese E-Mails sind. Versuchen sie, zu viele Produkte zu verkaufen, oder konzentrieren sie sich gut auf nur ein oder eine kleine Auswahl verwandter Produkte? Ist die verwendeten Bilddaten überzeugend? Ist es klar? Ist es ein schönes Produkt geschossen? Haben Sie Probleme zu entscheiden, ob sie versuchen, eine Jacke oder Jeans zu verkaufen , weil der Schuss von zu weit weg genommen wird? All diese Dinge sind wichtig. Wenn Sie sich diese E-Mails ansehen, denken Sie darüber nach, wie sie Ihnen das Gefühl geben, und denken Sie darüber , ob sie fahren, um auf die Schaltfläche „Jetzt kaufen“ zu klicken. Wenn ja, dann ist es eine ziemlich erfolgreiche Kauf mir E-Mail. Wenn nicht, schauen und sehen, was sie besser hätten machen können, und integrieren Sie das dann in Ihre eigenen Entwürfe. 6. Begleite mich: also zu unserem zweiten großen E-Mail-Typ weitergehen, kommen wir zur „Join Me“ -E-Mail. Diese E-Mails beinhalteten Ereignisankündigungen und Umfrage-Anfragen und sollen den Empfänger auffordern, ein Maß ihrer Zeit zu widmen, entweder durch Teilnahme an einer Veranstaltung oder das Ausfüllen einer kurzen Umfrage. Design-weise basiert eine „Join Me“ -E-Mail mehr auf der Inhaltshierarchie als auf Visualisierungen, um ihren Punkt zu erreichen. Eine gute „Join Me“ -E-Mail hat alle Event- oder Umfrage-Details nach oben, wo sie klar gelesen und sofort verstanden werden könnte. Wenn Ihre „Join Me“ -E-Mail für eine Veranstaltung gedacht ist, sollten Sie das Datum und den Ort der Veranstaltung ganz oben haben und niemals unter anderen Inhalten begraben. Wenn es sich um eine Umfrage handelt, ein paar Sätze, die den Zweck der Umfrage beschreiben, immer hilfreich, gefolgt von dem Aufruf zur Aktion, um die Umfrage selbst abzuschließen. Unser Beispiel für die gut gestaltete E-Mail „Join Me“ stammt von Brother Moto. Wenn Sie einen Blick darauf werfen, werden Sie sehen, dass es für eine Launch-Party ist und alle relevanten Details oben in der E-Mail befinden. Die Adresse ist ganz oben, gefolgt von einer kurzen Beschreibung, was das Ereignis ist, in diesem Fall eine Startparty, gefolgt von dem Datum und der Adresse, wo die Veranstaltung sein wird. Unterhalb dieser Informationen ist ein letzter Aufruf zum Handeln, mit dem Gewinn dieses Motorrades zu tun hat. Alle Details rund um die sind auch übersichtlich angelegt. Es gibt eine schöne klare Überschrift und dann kurze Beschreibungen auf beiden Seiten des Motorrads Bild, um die Leute wissen, was sie eingeben, um zu gewinnen, gefolgt von diesem Aufruf zum Handeln an der Unterseite. All diese Details im Design und im Inhalt treiben die Menschen dazu an, an der Veranstaltung teilzunehmen. Wenn Sie nicht unbedingt daran interessiert sind, aus der Hand zu gehen, dann vielleicht die Chance, das Motorrad zu gewinnen, wird tatsächlich als dieser Schub fungieren, um Sie zum Event zu bringen. So oder so, alle Informationen, die Sie benötigen in der E-Mail vorhanden und sind übersichtlich angelegt. In „Join Me“ -E-Mails ist es wirklich wichtig, ein Gleichgewicht zu halten, wie schön sie visuell aussehen wie effektiv sie Informationen über die Veranstaltung oder Umfrage liefern. In dieser E-Mail von Bruder Moto machen sie einen schönen Job, Aufregung für diese Party zu schaffen , indem sie dieses Motorrad zum Beispiel über Autos springen und es mit den wichtigen Informationen über die Veranstaltung selbst balancieren. Wenn Ihre „Join Me“ -E-Mail für eine Umfrage gedacht ist, dann ist der Call to Action der wichtigste Teil, da Sie nicht unbedingt die Leute bitten, sich an einem Ereignis zu beteiligen, Sie bitten nur die Leute, ein Maß ihrer Zeit zu widmen, um ein -Umfrage. In diesen Fällen ist der Call to Action der wichtigste Teil, daher würde ich empfehlen, eine Schaltfläche anstelle eines komplizierten Links zu verwenden , um Personen zu einer Umfrage zu senden. 7. Lies mich: Als nächstes ist unsere dritte Art von E-Mail, die „Read Me“ -E-Mail. Diese E-Mails funktionieren wirklich gut, wenn Sie versuchen, eine Geschichte zu erzählen oder Ideen zu verbreiten. Das Einzigartige an Read Me E-Mails ist, dass es wirklich der einzige Typ ist, der die Kürze Regel brechen kann, dass kürzer ist besser Faustregel für E-Mail kann tatsächlich aus dem Fenster hier geworfen werden. Kurz- und Langform-Emails können beide funktionieren. Es hängt nur vom Publikum ab und wonach sie suchen. Jedes Unternehmen kann die Read Me E-Mail senden. Es geht nicht immer darum, ein Produkt zu verkaufen, manchmal wollen Sie nur eine Geschichte erzählen und wenn Sie eine überzeugende Geschichte zu erzählen haben, sind die Chancen, dass Ihre Abonnenten es hören wollen. Read Me E-Mails sind dafür perfekt. Design Wise, die beiden größten Erfolgsfaktoren in der Read Me E-Mail, sind schön durchdachte Typografie und wirklich starkes Schreiben. das Layout angeht, neigt eine Read Me E-Mail dazu, ein wenig besser zu funktionieren, wenn es sich um eine einzelne Spalte handelt, obwohl das nicht bedeutet, dass Sie kein mehrspaltiges Layout verwenden können. Denken Sie daran, dass das mehrspaltige Layout, funktioniert gut im Druck wie Zeitungen und kann nicht so gut auf den Bildschirm zu übersetzen. Denken Sie daran, Leser lieben Einfachheit. Ein einzelnes Spaltenlayout funktioniert daher möglicherweise besser für Sie. Die E-Mails von subtraction.com zum Beispiel qualifizieren eine Kurzform-E-Mail, weil ein Textinhalt abgekürzt wird. Es gibt einen zusammenfassenden Absatz und dann einen Link damit Sie den Rest des Artikels auf dieser Website lesen können. MailChimps UX Newsletter auf der anderen Seite, ist eine lange Form E-Mail, wo der gesamte Inhalt ist in der E-Mail selbst. Dies kann eine E-Mail sehr lange machen und es hängt wirklich davon ab, was Ihre Zielgruppe will. Für den UX Newsletter erwartet das Publikum lange Sortierungsartikel verschiedenen Aspekten des User Experience Designs. Also, wir geben ihnen, dass in der E-Mail, ohne dass sie zu einer Website gehen, um den Rest zu lesen. Ihre Sendefrequenz kann auch eine Rolle spielen, wie lange oder kurz Ihre E-Mail ist. Wenn Sie mehr E-Mails senden, dann halten Sie sie vielleicht etwas kürzer, damit die Leute sie schneller in dem Tempo durchkommen können, das Sie senden. Wenn Sie seltener senden, dann kann die lange Form E-Mail besser für Sie funktionieren. Der MailChimp UX Newsletter wird beispielsweise nur alle paar Wochen verschickt, so dass Menschen Zeit haben, die langen Artikel zu lesen und den Inhalt zu verdauen, bevor der nächste in den Posteingang gelangt. Wenn Sie Links in Ihrer Read Me E-Mail haben, ist es gut, sich an einige Best Practices zu halten, die Links im Web als Ganzes regeln. Stellen Sie sicher, dass Ihre Links eine andere Farbe als der Text haben, aber nicht aufhören. Stellen Sie sicher, dass sie sich auch visuell von Ihrem Text unterscheiden, und verwenden Sie etwas wie eine Unterstreichung oder eine Hintergrundfarbe, die sich vom Rest Ihres Textes unterscheidet. Vermeiden Sie, dass viele Links in der Nähe beieinander, weil, wenn Ihre E-Mails auf einem mobilen Gerät, wo der Finger Regeln und nicht der Mauszeiger angezeigt. Dass es schwierig sein könnte, auf einen bestimmten Link zu tippen und nur weil er die Read Me E-Mail genannt wird bedeutet nicht, dass Sie keine Bilder einschließen können. Bilder funktionieren genauso gut in diesen Arten von E-Mails, wie sie in anderen funktionieren . Eine gute Regel, die beim Erstellen von Inhalten für eine Read Me E-Mail zu befolgen ist, insbesondere wenn Bilder betroffen sind, sollte es sein, dass E-Mail funktionieren sollte, unabhängig davon, ob oder nicht die Bilder sind da. Wenn Sie Bilder in Ihre Read Me E-Mails einbinden, denken Sie daran, dass ihre Rolle die Unterstützung den Textinhalt anstelle des Hauptfokus der E-Mail selbst. Sie sind Read Me E-Mail sollte genauso gut ohne Bilder lesen wie mit. 8. Transaktional: Unser vierter und endgültiger E-Mail-Typ ist transaktional. Dies sind E-Mails wie Auftragsbestätigungen, Versandbestätigungen und Sicherheitshinweise, und sie werden verwendet, um Informationen oder Daten einfache und leicht verständliche Weise darzustellen. Transaktions-E-Mails sind ein bisschen ein Ausreißer, weil sie ihre eigenen Regeln haben, die regeln, wie effektiv sie sein können. Transaktions-E-Mails sollten in ihrem Umfang fokussiert sein und nur relevante Informationen enthalten. Wenn Sie jemanden wie eine Kreditkarte abgelehnte E-Mail senden, sollten Sie keine Links zu Ihrem neuesten Blog-Beitrag oder zu Ihrem neuesten Produkt hinzufügen, halten Sie die E-Mail auf die aktuelle Aufgabe konzentriert. In Bezug auf Transaktions-E-Mails sollten ebenfalls kurz, aber umfassend sein. Das heißt, Sie decken alle wichtigen Details ab, aber nicht in der langwindigen Art und Weise. auf unser Kreditkartenbeispiel zurückgehen, möchten Sie keine Witze oder leichtere Inhalte in etwas einschließen , das eine ziemlich ernste Angelegenheit ist. Eine E-Mail wie diese würde am besten mit einer einfachen Erklärung dessen funktionieren, was passiert ist, gefolgt von Details zur Behebung des Problems. Es ist auch wichtig, dass Transaktions-E-Mails praktisch im Design sind. Das bedeutet, dass sie leicht bedruckbar sein sollten. Sie sollten reagieren, und sie sollten auch eine wirklich starke Informationshierarchie haben. Eine gute Faustregel für Transaktions-E-Mails besteht darin, ein Druck-Styleheet in Ihr CSS aufzunehmen , insbesondere für E-Mails, die häufig ausgedruckt werden könnten, wie eine Rechnung. Da Transaktions-E-Mails sich so von den anderen drei Arten von E-Mails unterscheiden , die wir besprochen haben müssen sie auch ein wenig anders behandelt werden. Sie können Transaktions-E-Mails über MailChimp senden Wenn Sie jedoch ein höheres Volumen senden möchten, können Sie Mandrill erkunden, einen Service, den wir speziell für Transaktions-E-Mails und seine spezifischen Anforderungen entwickelt haben. Werfen wir einen Blick auf eine gut gestaltete Transaktions-E-Mail. Dies ist eine Abrechnungs-E-Mail von MailChimp. Wenn Sie einen Blick werfen, werden Sie sehen, dass es ziemlich spartanisch im Design ist. Unser Logo befindet sich an der Spitze, gefolgt von einer sehr klaren Überschrift, die den Zweck der E-Mails beschreibt In diesem Fall wurde Ihre Bestellung bearbeitet. Obwohl das Design sehr spartanisch ist, haben wir dieses leuchtend rote Stempelbild aufgenommen , damit der Benutzer weiß , dass seine Bestellung bearbeitet wurde und er sein Konto bezahlt hat. Der Rest der E-Mail ist auch einfach mit einem Fokus auf Informationshierarchie. Die Rechnungsnummer ist groß und fett und darunter listen wir auf, wofür der Benutzer bezahlt und ob er Rabatte erhalten hat. Wenn ein Benutzer mehr Details als das benötigt, folgt die fett aufgerufene Aktion, so dass er diese Rechnung in seinem Konto anzeigen und weitere Informationen erhalten kann, wenn er sie benötigt. Wie Sie sehen können, ist diese E-Mail einfach im Design, aber es ist auch sehr effektiv. Einfachheit und Klarheit der Informationen ist hier der Schlüssel. 9. FAQs (und E-Mail-Clients): Vier unserer letzten großen Lektion, möchte ich einige wichtige Best Practices für E-Mail-Design ansprechen. Die erste Faustregel ist es, für Ihr Publikum zu kennen und zu erstellen. Denken Sie daran, dass die Zielgruppe alles in der E-Mail bestimmt. Je mehr Sie über sie wissen, desto relevanter und desto besser können Ihre E-Mails sein. In E-Mail, gibt es tendenziell diese natürliche Drop-off von Interesse, die im Laufe der Zeit auftritt. Es ist also eine gute Idee, dass ab und zu die Dinge ändern, entweder in Ihrem Design oder in Ihren Inhalten, um Ihre Leser ab und zu begeistern. Vermeiden Sie es, E-Mails zu senden, dass es nur Bilder gibt. Es ist eine schlechte Praxis, die viele Ihrer Benutzer im Wind verdrehen kann , wenn Bilder aus irgendeinem Grund nicht geladen werden. Vermeiden Sie den bildbasierten Text, aber wenn Sie keine Wahl haben , stellen Sie sicher, dass Sie einen Fallback mit normalem Text bereitstellen. Inhaltlich versuchen, sympathisch und persönlich zu sein. Ich liebe es, NextDraft zum Beispiel zu lesen, weil Dave Pell so ein großartiger Schriftsteller ist. Er fügt Witze hinzu, er schreibt jede Ausgabe, als wäre es ein Brief an mich, und so hält mich im Laufe der Zeit viel mehr engagiert und ich freue mich auf jedes Problem, bevor es sogar in meinen Posteingang trifft. So viel Sie können, versuchen Sie, sicherzustellen, dass jemand einfach auf Antwort auf Ihre E-Mail klicken und eine Person erreichen kann. Vermeiden Sie es, Adressen wie keine Antwort-Anzeige zu verwenden, wenn Sie können. Denken Sie daran, dass E-Mail ein Kommunikationsmedium zwischen zwei Personen ist und Sie dem nicht im Weg stehen sollten. Wenn Sie E-Mails entwickeln, werfen Sie einen Blick auf die Verteilung der E-Mail-Clients in der Liste, an die Sie senden. Vermeiden Sie viel Zeit mit der Entwicklung für schwierige Clients, die kleine Benutzerbasen haben , und konzentrieren Sie sich stattdessen auf diejenigen, die die größten Benutzerbasen haben. Es ist wichtig zu wissen, wie verschiedene Clients E-Mails rendern. Kennen Sie die wichtigsten Arbeitsumgebungen von Client zu Client, so dass Sie weniger Schwierigkeiten haben , Ihre E-Mail zu entwickeln und mit Problemclients umzugehen. Wenn Sie Ihre eigenen E-Mails erstellen, denken Sie daran, Tabellen für Struktur im Vergleich zu Divs zu verwenden. Dies ist der Hauptentwicklungsunterschied zwischen einer Website und einem E-Mail-Design. Sie bei der Entwicklung von E-Mails sicher, dass Sie zuerst für graziöse Verschlechterung und progressive Verbesserungen an zweiter Stelle entwickeln. Das bedeutet, dass Sie zuerst für die ältesten weniger leistungsfähigen Clients erstellen und dann über diese hinaus weiterentwickeln, um neuere Clients, die mit ihnen umgehen können, mehr und bessere Funktionen zur Verfügung zu stellen . Testen von E-Mails ist ein iterativer Prozess, d. h. Sie müssen testen, erneut testen und erneut testen, um sicherzustellen, dass Ihre E-Mail so wiedergegeben wird, wie Sie sie zum Rendern benötigen. Im Laufe der Zeit können Sie all diese Tests die Ins und Outs von E-Mail-Clients lernen und was am besten im Design für eine E-Mail funktioniert. Beachten Sie, dass die Effektivität einer E-Mail mit nur einem Datenpunkt möglicherweise nicht ausreichend gemessen wird. Es ist am besten, sich eine Vorstellung davon zu machen, wie eine E-Mail im Laufe der Zeit funktioniert. Nur weil Ihre E-Mail an einem Tag roter Text gut ausgeführt wurde, bedeutet das nicht, dass sie am anderen Tag gut funktionieren wird. Es gibt so viele Faktoren, die darauf hineingehen, warum oder warum nicht eine bestimmte E-Mail wirksam war. Vermeiden Sie, harte Schlussfolgerungen aus einer kleinen Stichprobe von Daten zu ziehen. Machen Sie einen Schritt zurück und nehmen Sie die lange Sicht auf E-Mails und denken Sie daran, zu testen, zu optimieren und zu hören, was Ihre Zielgruppe sagt, damit Sie etwas effektiveres entwickeln können. Eine der besten Möglichkeiten, E-Mails zu testen, besteht darin, es selbst praktisch zu tun. Das heißt, E-Mail-Konten über verschiedene Dienste wie Gmail und Outlook.com zu öffnen und den Test selbst zu senden, damit Sie sehen können, wie die E-Mail in Ihrem eigenen Posteingang gerendert wird. Aufbauend auf dieser Idee des praktischen Tests ist ein Gerätelabor, das nur eine Sammlung gängiger Geräte ist, die Sie jeden Tag verwenden. So etwas wie ein iPhone oder ein Tablet oder eine Windows-Maschine und Senden von E-Mails an diese Geräte, damit Sie sehen können, wie sie in diesen Postfächern gerendert werden. In diesen Fällen können Sie sich an einen Dienst wie Liveness wenden, der Gerätetests für Sie durchführt und einen Screenshot Ihrer E-Mail auf einer anderen Plattform zurückgibt. Wenn Sie MailChimp Kunde sind, haben Sie Zugriff auf Lackmus-Testergebnisse in Form von Posteingangsprüfungen in der Anwendung. Wenn Sie sich für den Aufbau eines Gerätelabors entscheiden, denken Sie daran, dass es darum geht, eine möglichst breite Sicht auf Clientverteilung für die kleinste Investition zu erstellen. Das bedeutet, dass Sie eine gute Auswahl an Android- und iOS-Handys und vielleicht sogar ein oder zwei Tablets kaufen sollten , so dass Sie einen guten Überblick über verschiedene E-Mail-Clients auf verschiedenen Plattformen haben. Die fünf wichtigsten E-Mail-Clients sind iOS-Mail, Apple Mail, Gmail, Outlook.com und Outlook-Desktop. Es gibt eine große Variabilität zwischen der Art und Weise, wie alle diese Clients E-Mails rendern, so dass vermeiden, dass Pixelperfektes Design wirklich wichtig ist. Die ersten beiden Clients, iOS Mail und Apple Mail sind ziemlich perfekt, so dass Sie nicht zu viel tun müssen, was Design und Entwicklung angeht. Gmail auf der anderen Seite, stellt ein paar wichtige Probleme, auf die man achten muss. Erstens, wenn Sie CSS für Ihre E-Mail schreiben, muss es alle in das Markup selbst eingebettet sein , da Gmail kein Inline-CSS unterstützt. Zweitens unterstützt Gmail auch keine Medienabfragen, die für das Responsive Design unerlässlich sind. Dies erfordert die Erstellung einer E-Mail auf eine bestimmte Weise, so dass sie zitiert unquote, reaktionsschnell in einer Plattform, die es nicht unterstützt. Für weitere Informationen zu dieser Technik könnten Sie tatsächlich auf templates.mailchimp.com verweisen, wo ich es im Detail bedecke. Outlook.com und Outlook-Desktop verhalten sich, obwohl beide von Microsoft stammen, sehr unterschiedlich voneinander. Outlook.com ist eigentlich auf Augenhöhe mit Apple Mail und iOS Mail und dass es ein wirklich guter E-Mail-Client ist. Es gibt keine signifikanten Fallstricke, auf die Sie auf Outlook.com achten müssen, aber umgekehrt gilt für Outlook-Desktop. Wenn es einen Client gibt, den E-Mail-Entwickler hassen, dann ist es Outlook Desktop, und das ist wirklich, weil es so ein veralteter E-Mail-Client ist. Das größte Problem in Outlook-Desktop ist, dass es keine HTML-Rendering-Engine verwendet , um HTML zu rendern. Es verwendet tatsächlich die Engine von Microsoft Word, die eine Textverarbeitungs-Engine ist. Das bedeutet, dass es erhebliche Mängel in den HTML-Elementen und CSS-Eigenschaften, die von der Word-Engine unterstützt werden. Dies bedeutet, dass Sie wahrscheinlich mehr Tests Ihrer E-Mails in Outlook durchführen , um sicherzustellen, dass sie korrekt gerendert wird. Also wieder, stellen Sie sicher, dass Sie Pixel perfektes Design zu vermeiden. Wenn Sie sich an die Prinzipien halten, über die wir heute gesprochen haben, kann Ihre E-Mail immer noch sehr effektiv sein, unabhängig von allen Rendering-Abweichungen von Client zu Client. Hoffentlich werden all diese Lektionen helfen. Denken Sie daran, dass vor allem E-Mail-Entwicklung und -Design schwierige Arbeit ist, also lassen Sie sich nicht entmutigen, wenn Sie es zunächst schwer haben. Es dauerte eine Weile, um gut darin zu werden, und es dauert eine Weile, um gut darin zu werden, aber es kann getan werden. Schließlich wird E-Mail zur zweiten Natur und es ist eigentlich einfach. 10. Schlussgedanken: Heute haben wir über die Hauptunterschiede zwischen E-Mail- und Webdesign gesprochen, die vier wichtigsten E-Mail-Typen: von mir, lese mich, beitreten und transaktionale, und wir haben einige Best Practices für ein E-Mail-Design im Allgemeinen behandelt. Wenn Sie neu im E-Mail-Design sind, sollten Sie sich unsere Vorlagen ansehen, damit Sie einen schönen Blick auf verschiedene Arten von Layouts und verschiedene Möglichkeiten erhalten können , um E-Mails nach ihren unterschiedlichen Zwecken anzugehen. Wenn Sie in die Entwicklung Ihrer eigenen Vorlagen eintauchen, können Sie unsere herunterladen und sich den Code selbst ansehen und sehen, wie sie funktionieren, sehen, wie sie zusammengesetzt sind, und dann versuchen Sie es selbst. Sie können sich auch auf Ressourcen wie templates.mailchimp.com und Beispiele für verschiedene Codiertechniken beziehen , die Sie in Ihren eigenen E-Mails verwenden können. Ich habe auch viele Links zu Ressourcen enthalten, die Sie hilfreich finden , und das wird Ihnen helfen, ein besserer E-Mail-Designer zu werden. Jetzt sind Sie an der Reihe, eine E-Mail zu teilen, deren Design Sie dazu veranlasst hat, Maßnahmen zu ergreifen. Teilen Sie etwas, was Sie fühlen, war eindrucksvoll und machte wirklich einen Eindruck auf Sie, und schreiben Sie ein wenig darüber, warum Sie das Gefühl, dass es eine so effektive E-Mail war. Stellen Sie auch sicher, dass Sie Fragen stellen und Kommentare zu den anderen E-Mails hinterlassen , die in der Galerie geteilt werden, und beginnen Sie Diskussionen darüber, was ein gutes E-Mail-Design ist oder nicht. Fühlen Sie sich frei, E-Mails zu posten, die Sie entworfen und erstellt haben, und bitten Sie um Feedback vom Rest der Klasse. Denken Sie daran, dass E-Mail ein intimes Kommunikationsmedium zwischen zwei Personen sein kann. Es ist ein Gespräch, und ein gutes E-Mail-Design nutzt diese Tatsache. Damit können Sie Vertrauen und Beziehungen zu Ihren Abonnenten aufbauen.