Ein gelungenes Beispiel hierfür findet sich in der Übersicht “Design Hall of Fame: 2011 Inductees” des Retail Email Blog. Sony nutzt in einer E-Mail-Kampagne eine GIF-Animation, um die Funktionsweise des Xperia PLAY zu erläutern:

Die Animation aus der E-Mail:

Weitere Ideen für die Optimierung Ihrer E-Mail Marketing Maßnahmen stellen wir Ihnen auch in unserem E-Mail Marketing Seminar vor. Für die Veranstaltung am 29.03.2012 sind aktuell noch sieben Plätze verfügbar.

Beliebte Beiträge

• E-Mail Marketer auf twitter
• Weiche Landung: Mit Landing Pages aus Besuchern Kunden machen
• Interview mit Falco Henkel: Die Rechtslage im E-Mail Marketing
• Optimierungstipp: target=”_blank” verwenden
• Call to Action: Sieben Empfehlungen für eine bessere Response

Das .net Magazine hat einen sehr detaillierten Artikel mit Empfehlungen für die Entwicklung von HTML-Newslettern und -Mailings veröffentlicht. Die Agentur We Love gibt in dem Artikel nicht nur Tipps für die Programmierung, sondern widmet sich auch den konzeptionellen Aspekten.

Abschließend gibt es noch fünf “Golden Rules” für das Newsletterdesign:

• Keep your files clean and tidy. We always create two groups in our Photoshop files: text and image. This way, when it comes to the build, it’s clear for the developer to see the different elements of the design
• For emails to look the same across all email clients, we don’t design with background images behind text.
• Give your text plenty of room to expand to the sides and below.
• Add an animated GIF or two.
• When designing the email, think about your design in horizontal strips, particularly if you’re using multiple columns of text.

Netmagazine: Create amazing newsletters

Weitere Tipps für die Gestaltung und Programmierung von HTML-Newslettern finden Sie hier im Blog in der Kategorie Newsletterdesign.

Beliebte Beiträge

• E-Mail Marketer auf twitter
• Weiche Landung: Mit Landing Pages aus Besuchern Kunden machen
• Interview mit Falco Henkel: Die Rechtslage im E-Mail Marketing
• Optimierungstipp: target=”_blank” verwenden
• Call to Action: Sieben Empfehlungen für eine bessere Response

Mobile email – chasing context from STYLECampaign on Vimeo.

Ähnliche Beiträge

• Studie von Return Path: Mobile E-Mail Nutzung legt deutlich zu (+81%!)
• Kostenlose Studie: Mobile E-Mail Marketing 2010
• Studie: Deutschland führt im weltweiten Vergleich bei den Klick- und Öffnungsraten
• Best Practices: Mobile E-Mail Marketing
• Jeder Achte verschickt mit seinem Handy E-Mails

Die händische Umwandlung von Videos in Gif-Dateien ist allerdings äußerst mühselig zählt allerdings nicht unbedingt zu den Lieblingsbeschäftigungen von Grafikdesignern. Der kostenlose Dienst Gifninja.com schafft hier Abhilfe: Einfach eine Videodatei hoch- und kurze Zeit später als Gif-Animation wieder herunterladen (via Gpluseins.de).

Wie sieht das in der Praxis aus? Stylecampaign hat zehn E-Mails gesammelt, in denen Gif-Animationen zum Einsatz kommen.

Grundsätzlich lassen sich mit animierten Gif-Grafiken allerdings nur kurze Videoclips darstellen, da die Datei andernfalls zu groß und die Ladezeit damit zu lang wird. Weitere Nachteile: Sound wird grundsätzlich nicht unterstützt und Outlook zeigt keine Animation sondern lediglich das erste Bild an.

Weitere Links zum Thema Gif-Animationen im E-Mail Marketing hat Mark Brownlow zusammengestellt: Animated GIFs in email: advice and links

Beliebte Beiträge

• E-Mail Marketer auf twitter
• Weiche Landung: Mit Landing Pages aus Besuchern Kunden machen
• Interview mit Falco Henkel: Die Rechtslage im E-Mail Marketing
• Optimierungstipp: target=”_blank” verwenden
• Call to Action: Sieben Empfehlungen für eine bessere Response

Der Einsatz von animierten Gif-Grafiken ist eine Möglichkeit, um – im wahrsten Sinne des Wortes – Bewegung in das E-Mail Marketing zu bringen:  Im Gegensatz zu Flash-Videos unterstützen die meisten E-Mail-Clients und Webmailer die Darstellung von Gif-Animationen (siehe auch: Newsletterdesign mit animierten GIFs).

Die Erstellung von animierten Gif-Grafiken kann zwar relativ aufwendig sein, aber zumindest für Besitzer eines iPhones gilt einmal mehr: There’s an app for that.

Gif Shop (App Store Link) heisst das 1,59 Euro teure und drei MB große Programm, das mehrere Fotos automatisch zu einer Gif-Animation zusammenfügt und E-Mail-Designern damit das Leben ein wenig vereinfacht.

Das nachfolgende Video stellt Gif Shop vor:

GIF SHOP – How-To from Daniel Savage on Vimeo.

(via iPhone-Ticker.de)

Beliebte Beiträge

• E-Mail Marketer auf twitter
• Weiche Landung: Mit Landing Pages aus Besuchern Kunden machen
• Interview mit Falco Henkel: Die Rechtslage im E-Mail Marketing
• Optimierungstipp: target=”_blank” verwenden
• Call to Action: Sieben Empfehlungen für eine bessere Response

Ros Hodgekiss hat im CampaignMonitor Blog heute den kostenlosen Dienst Fractal vorgestellt. Auf der Website lässt sich bequem herausfinden, ob der Code einer HTML-E-Mail mit den gängigen E-Mail-Clients kompatibel ist. Der Dienst berücksichtigt 24 gängige Desktop- und Webmail-Clients und sogar mobile Plattformen wie Android oder Palm.

Für die Analyse wird der HTML-Code einfach in das Formularfeld auf der Seite kopiert und auf “Let’s do this” geklickt – noch nicht einmal eine Registrierung ist erforderlich. Als Ergebnis gibt es eine detaillierte Liste, die Kompatibilitätsprobleme und zum Teil auch gleich passende Korrekturvorschläge aufzeigt.

Der Dienst arbeitet sehr schnell und absolut reibungslos – am besten einfach einmal selber ausprobieren: http://getfractal.com/

In einem älteren Posting habe ich fünf weitere kostenlose Tools für E-Mail Marketer zusammengestellt.

Beliebte Beiträge

• E-Mail Marketer auf twitter
• Weiche Landung: Mit Landing Pages aus Besuchern Kunden machen
• Interview mit Falco Henkel: Die Rechtslage im E-Mail Marketing
• Optimierungstipp: target=”_blank” verwenden
• Call to Action: Sieben Empfehlungen für eine bessere Response

Das Email Design Look Book 2011 kann kostenlos auf der Website von Responys heruntergeladen werden (Registrierung erforderlich).

Noch mehr Ideen gibt es in den beiden bisherigen Ausgaben:

• The 2010 Email Design Look Book (PDF-Link)
• The 2009 Email Design Look Book (PDF-Link)

Beliebte Beiträge

• E-Mail Marketer auf twitter
• Weiche Landung: Mit Landing Pages aus Besuchern Kunden machen
• Interview mit Falco Henkel: Die Rechtslage im E-Mail Marketing
• Optimierungstipp: target=”_blank” verwenden
• Call to Action: Sieben Empfehlungen für eine bessere Response

Die eResult GmbH hat sich auf die Durchführung von Usability-Tests, Anforderungsanalysen, Konzeption, Beratung und Monitoring von Websites, Online-Shops, Software und mobilen Anwendungen spezialisiert.

Im Interview mit dem EmailMarketingBlog erläutert Thorsten Wilhelm welche Rolle Usability im E-Mail Marketing spielt und wie Newsletter nutzerfreundlicher gestaltet werden können.

Sie führen für Ihre Kunden seit vielen Jahren Blickbewegungsmessungen von Websites und Newslettern durch. Können Sie grundsätzliche Empfehlungen geben, welche Aspekte bei der Auswahl von Fotos und Grafiken berücksichtigt werden sollten? Wie schaffe ich es, die Aufmerksamkeit des Betrachters zu erhalten?

Thorsten Wilhelm: 15 Jahre Blickbewegungsmessungen für Websites & Newsletter in Wissenschaft und Praxis haben eine Vielzahl von Erkenntnissen gebracht. Keine Frage. 
Leider ist es noch nicht möglich allgemeingültige Aussagen zu treffen.

Zu jung ist dieses Analysefeld – im Vergleich zu mehr als 40 Jahren Blickmessungen im Printgeschäft -, zu dynamisch die Entwicklung bei der Gestaltung und zu unterschiedliche die situativen und kontextuellen Gegebenheiten bei der Nutzung von Websites und Newslettern. Ganz zu schweigen von personenbezogenen Merkmalen und deren Einfluss auf den Blickverlauf. Erkenntnisse aus der Printforschung auf Websites und Newsletter zu übertragen wäre „grob fahrlässig“ und ist nur bedingt möglich.

Wir und unsere Kunden vertrauen Aussagen zum Blickverlauf und zur Aufmerksamkeitsverteilung daher nur dann, wenn diese auf Basis gemessener Daten mit Eyetracking-Systemen abgeleitet werden. Solche Daten bieten wertvolle und tiefe Einblicke: Neben so genannten Eyecatchern können Aufmerksamkeitsschwerpunkte, Aufmerksamkeitslücken und Blickpfade ermittelt werden.

Für die gesamte Kontaktdauer mit dem Analyseobjekt (z. B. Newsletter), aber auch für unterschiedliche Kontaktphasen: Vom Öffnen des Mailprogramms, über das Lesen der Betreffzeile, den ersten „flüchtigen“ Blick auf den oberen Teil des Newsletter bis hin zum intensiven, zeitlich ausgedehnten Kontakt mit den Newsletterinhalten. Ganzheitliche Aufmerksamkeitsanalyse für Newsletter werden auf dieser Weise ermöglicht.

Wir stellen bei unseren Auftragsprojekten immer öfter fest, dass das User-Interface des verwendeten Mailprogramms (z. B. Outlook, Web-Mailer) den Blickverlauf in einem Newsletter entscheidend steuert.

Ein Beispiel: In Outlook kann die Liste der eingehend Mails (mit Sendername, Betreffzeile) am linken Rand oder im oberen Bereich angeordnet werden. Darunter oder daneben erscheint der Inhalt der Mails, z. B. der Inhalt eines Newsletters.

Der Blick wandert, sollte Sender und Betreffzeile Interesse wecken, von links oder von oben in den Newsletter „hinein“ – abhängig von der Position der Liste eingehender Mails. Und dieser scheinbar „marginale“ Unterschied hat deutlichen Einfluss auf die Wahrnehmung von Bildern im Newsletter. So werden im Falle eines von links kommenden Blicks Bilder schneller und intensiver betrachtet. Wandert der Blick dagegen von oben nach unten in den Newsletter „hinein“, dann bekommen andere Elemente eine relativ höhere Aufmerksamkeit: Headlines und Navigationselemente zum Beispiel.

Newsletter müssen daher grad im oberen Drittel so gestaltet (und getestet) werden, dass es ihnen bei beiden Blickverlaufsrichtungen – von links vs. von oben – gelingt die zentralen Elemente und Aussagen schnell zu transportieren.

Agenturen, Designer und Redakteure sind immer wieder verblüfft, wenn wir ihnen diesen scheinbar marginalen Effekt anhand von Daten verdeutlichen und so für ganz neue Überlegungen zur Newslettergestaltung „sensibilisieren“.

Auf der Fachmesse Email-Expo konnten die Besucher des eResult-Messestands eine kostenlose Eyetracking-Analyse ihres Newsletters erhalten. Können Sie ein Fazit dieser Analysen ziehen? Was sind die typischen Fehler bei der Newslettergestaltung?

Thorsten Wilhelm: Ehrlich gesagt: Nein, leider können wir kein Fazit ziehen. Die Veranstaltung war hervorragend organisiert und für unser Neukundengeschäft perfekt: Wir hatten 31 an nur einem Tag viele intensive Gespräche und konnten insgesamt sogar 31 Blickverlaufsmessungen für unterschiedliche Unternehmen an unserem Stand durchführen. Darunter haben wir jedoch genau einen Newsletter gemessen.
90% unserer Standbesucher hatten den Wunsch, dass wir Blickmessungen für ihre Startseiten, Produktdetailseiten oder Landingpages vornehmen. Und das auf einer Messe mit der Bezeichnung „email-expo“.

Vielleicht lag das an unserem Stand, den wir zusammen mit Sirvaluse und u-concept betrieben haben. So konnten wir geballtes Usability-Wissen signalisieren. Und „Usability-Optimierung“ und Newslettergestaltung scheinen für viele leider noch (!) keine direkte Verbindung aufzuweisen. Wir arbeiten aber daran, dass sich das ändert.

Welche Kosten entstehen, wenn ich meinen eigenen Newsletter mittels Eyetracking analysieren lassen möchte? Wie lange dauert die Durchführung?

Thorsten Wilhelm: Das kommt drauf an :-) 

Wir führen vor jedem Test eine expertenbasierte Voranalyse durch, um zusammen mit unserem Kunden und auf Basis unserer Erfahrung die zentralen Thesen zu den vermeintlichen Schwächen des Newsletters zu identifizieren und zu priorisieren.

So gelingt uns eine Fokussierung auf das Wesentliche und die „Größe“ der Studie (und damit auch die Kosten) kann auf das notwendige Maß reduziert werden. Nicht alles muss untersucht und gemessen werden; einige „Thesen“ zu vermeintlichen Schwächen können jedoch finale nur durch eine Messung und Studie mit und am Nutzer geklärt werden.

Grundsätzlich analysieren testen und optimieren wird das grundlegende Newsletter-Konzept (Gestaltung, Designrichtlinien, Anordnung von Elemente) – und weniger einzelne Newsletter.

Die Preisgestaltung variiert dabei zwischen 600 und ca. 9.000 Euro. Für 600 Euro erhalten unsere Kunden Aussagen zum typischen Blickverlauf beim Betrachten eines Newsletters (oberes Drittel, kompletter Newsletter), wir identifizieren die Eyecatcher in den ersten 2 Sekunden Kontaktdauer, weisen die durchschnittliche Länge von Blicksprüngen und Fixationen aus und können Aufmerksamkeitslücken aufdecken. Auf Basis dieser Daten geben wir konkrete Anregungen zur Optimierung der formalen Gestaltung und Anordnung von Elementen des Newsletters.

Weitergehende Daten und Erkenntnisse, die zum Beispiel aus einer Analyse unterschiedlicher Kontaktphasen und der hier gezeigten Blicke oder aus dem Zusammenspiel zwischen emotionalem Eindruck und Blickverlauf gewonnen werden können, führen zu einer Erhöhung der Kosten. Ebenso eine Analyse des Verhaltens nach einem Klick – z. B. auf einer dem Newsletter hinterlegten Landingpage. Bei alle Studien und Projekten ist unser Anspruch stets konkreten Empfehlungen zu unterbreiten und so die wesentlichen Schwächen zu beheben.

Der Gestaltung von Newsletter-Anmeldeformularen wird häufig wenig Aufmerksamkeit geschenkt. Wie sollte ein benutzerfreundliches Anmeldeformular aussehen?

Thorsten Wilhelm: Die Abfragen sollten unbedingt auf das Wesentliche reduziert werden. 
„Wesentlich“ ist dabei relativ zu sehen. Es kann durchaus als nutzerfreundlich eingestuft werden, wenn das Geburtsdatum mit abgefragt wird.

Wichtig ist nur, dass dem Nutzer verdeutlicht wird, wofür welche Daten abgefragt und verwendet werden. Wenn er z. B. einen 7,50 Euro Einkaufsgutschein zu seinem Geburtstag bekommen kann, ja dann wird der einen oder andere auch gern sein Geburtsdatum angeben – natürlich rein optional und auf keinen Fall ein Pflichtfeld.

Apropos Pflichtfelder: Das (*) zum Kennzeichnen von zwingend einzugebenden Daten nimmt immer mehr an Bedeutung und Verbreitung ab. Unser Studien – und auch Studien aus den USA – zeigen recht deutlich, das (*) zur Kennzeichnung von Pflichtfeldern verzichtet werden kann.

Nutzerfreundlicher sind Zusatzinformationen am Eingabefeld, wie z. B. (optional), oder die Kennzeichnung direkt im Formularfeld mit den Begriffen „optional“ oder „freiwillig“. Das ist verständlicher und verhindert, dass Nutzer optionale Daten nicht gewollt bzw. unfreiwillig preisgeben. Aber ich hab auch schon Website-Betreiber kennengelernt, die genau aus diesem Grund weiter das Sternchen verwenden. Eine hohe oder auch niedrige Nutzungsfreundlichkeit wirkt sich langfristig und nachhaltig (dauerhaft) aus, während die Sammlung von Daten schnell wirksam ist.

Wie lang sollten die Artikel in einem Newsletter sein? Werden lange Texte überhaupt noch gelesen?

Thorsten Wilhelm: Ich denke, dass die These vom „Scannen“ von Texten nach wie vor Gültigkeit hat, auch und vielleicht grad in Newslettern. Die wenigsten interessierten Newsletterempfänger werden die Texte komplett lesen.

Dennoch müssen die Text leicht verständlich sein, überzeugend geschrieben und die Kernbotschaft schnell vermitteln können. Nur so gelingt es die vielleicht im Mittel 5% Leser zur gewünschte Reaktion / Aktion zu führen. Und 5% Conversion Rate – das ist ja alles andere als schlecht.
Grundsätzlich denke ich, dass immer mehr am Bildschirm gelesen wird, nicht zuletzt weil die Rechner bessere Monitore aufweisen und immer mehr Nutzer mobil, von unterwegs „surfen“ und „mailen“.

Die Statusmeldungen bei Facebook, Twitter, XING & Co. tun ihr übriges, sie gewöhnen die Nutzer auch (wieder) an das Lesen am Bildschirm, umgekehrt aber auch an immer mehr Aussagegehalt in immer kürzeren Texten. Gut so, finde ich.

Es bleibt also spannend. Es wird uns alle, die wir für unsere Kunden das „E-Business“ optimieren, bestimmt nicht langweilig und das ist gut so.

Aktuelles Wissen und neueste Erkenntnisse rund um die Themen Usability, User Experience und Online-Shopping veröffentlicht die eResult GmbH unter www.Usabilityblog.de.

Beliebte Beiträge

• E-Mail Marketer auf twitter
• Weiche Landung: Mit Landing Pages aus Besuchern Kunden machen
• Interview mit Falco Henkel: Die Rechtslage im E-Mail Marketing
• Optimierungstipp: target=”_blank” verwenden
• Call to Action: Sieben Empfehlungen für eine bessere Response

Mit den 5 Tipps zum Aufbau von Newslettern optimieren Sie Ihre Konversion Ihrer nächsten Newsletter einfach und effizient. 

Bevor ich in die Details des Tests einsteige, möchte ich mich vorab etwas mit der Theorie beschäftigen.

Welche Vorteile hat ein qualitativer Eyetracking-Test?

Leider viel zu selten werden Gestaltungen von Newslettern überhaupt im Eyetracker getestet. In der heutigen Zeit scheinen viele Kunden eher dem quantitativen Split- oder Multivariaten-Testing-Wahn verfallen zu sein und dies als Allheilmittel zu sehen.

Bitte verstehen Sie mich nicht falsch: Testing ist wichtig und absolut nötig.

Häufig wird jedoch vorschnell gesagt: „Das können wir doch schnell testen“, anstatt erst einmal den geplanten Newsletter einer kurzen qualitativen Analyse zu unterziehen und anschließen den quantitativen Test (also den Versand von Varianten) durchzuführen.

Wenn Newsletter vorab überhaupt den Prozess einer qualitativen Analyse durchlaufen, werden meistens Screenshots der Newsletter-Gestaltung im Eyetracker untersucht. So lassen sich die Ideen der Gestaltung qualitätssichern und man kann feststellen, ob die gewünschten Elemente vom Nutzer wahrgenommen werden.

Das Problem bei dieser Art der Betrachtung ist jedoch, dass dies nicht dem typischen Nutzungsverhalten von echten Newsletter-Empfängern entspricht. Keiner der Empfänger wird jemals den Newsletter ohne sein E-Mail-Programm sehen. Viele Elemente stehen dort in der Realität in Konkurrenz zum eigentlichen Newsletter.

Welche weiteren Probleme bestehen bei der Gestaltung eines Newsletters?

Ein häufig vernachlässigter Punkt bei der Newsletter-Gestaltung ist die Tatsache, dass der Nutzer – je nach Mail-Programm-Einstellung – erst die Bilder des Newsletters nachladen muss, bevor die Emotionalität der Gestaltung ihre Wirkung entfalten kann.

Dies führt zur spannenden Erkenntnis, dass bereits die Version des Newsletters ohne Grafiken dazu führen muss, den Nutzer entsprechend stark emotional zu triggern um dafür zu sorgen, dass er das Laden der Grafiken startet. Das Ermitteln der Öffnungsrate erfolgt in den Analytics-Systemen ebenfalls über das Laden einer Zähl-Grafik.

Haben Sie sich schon einmal gefragt, wie viele Nutzer Ihren Newsletter geöffnet haben, jedoch die Grafiken nicht nachgeladen haben? Oder mit anderen Worten: Wie hoch liegt also die Dunkelziffer der Nutzer, die ihren Newsletter öffnen, aber diesen in der ungestalteten Variante nicht emotionalisierend genug finden, um ihn in Gänze anzusehen?

Nun genug der Theorie und starten wir mit der Praxis:

Der Testaufbau

Der Test wurde mit einem Panel von 15 Probanden im Alter von 25 – 65 Jahren durchgeführt (7 Frauen und 8 Männer). Die Nutzer sahen einen der Newsletter als Screenshot für jeweils 5 Sekunden jeweils unterbrochen durch ein 3 Sekunden Rauschen zur Neutralisierung der Blickposition.

Allen Nutzen war bekannt, dass es sich um Newsletter von Optikern handelt. Vorab wurden ein Screenshot des Mail-Programms für mindestens 30 Sekunden gezeigt, damit sich der Leser orientieren konnte. Der eigentliche Test startete auf Knopfdruck durch den Probanden. Die Reihenfolge der Screenshots wurden pro Proband zufällig ermittelt.

Die Testkandidaten

Folgende Screenshots wurden den Nutzern im eigentlichen Test gezeigt:

Brille 24.de Newsletter
Der Brille24.de Newsletter ist sehr stark text-orientiert und arbeitet ansonsten mit Produkt-Bildern und einem entsprechenden Primär-Keyvisual. Weiterhin gibt es viele Links.

Brille24.de Newsletter - Grafiken geladen

Schauen wir uns die Version des Newsletters ohne geladene Bilder einmal an:

Brille24.de Newlsetter - ohne Grafiken

Hier sieht man deutlich, dass die Version, bis auf die grafischen Elemente noch komplett lesbar ist.

Netzoptiker-Newsletter
Der Netzoptiker-Newsletter ist komplett grafisch gestaltet. Er hat einen Kopfbereich und ist mit einer link-rechts wechselnden Produktgestaltung erstellt. Bei diesem Newsletter stehen Produkt-Abbildungen und Rabatte im Vordergrund.

Netzoptiker Newsletter - Grafiken geladen

Schauen wir uns in diesem Fall den Newsletter ohne Grafiken an, bietet sich uns folgendes Bild:

Netzoptiker Newsletter - ohne Grafiken

Mister SPEX – Newsletter
Dieser Newsletter hat ein sehr großes Keyvisual im oberen Bereich und arbeitet zusätzlich mit echten Textinformationen unterhalb dieses Keyvisuals.

Mister SPEX Newsletter - Grafiken geladen

Lassen wir hier die Grafiken weg, sieht der Newsletter wie folgt aus:

Mister SPEX Newsletter - ohne Grafiken

Die Ergebnisse

Werfen wir einen Blick auf die Ergebnisse des Eyetracker-Tests:

Brille24.de Newsletter

Eyetracking-Ergebnisse - Brille24.de Newsletter ohne Bilder

Eyetracking-Ergebnisse - Brille24.de Newsletter mit Bildern

Man sieht deutlich, wie unterschiedlich die Nutzer auf die Screenshots reagieren. In der Version des Newsletters ohne Bilder konzentrieren sich die Blicke deutlich weniger auf einen bestimmten Punkt. Man merkt, dass der Nutzer einen Punkt sucht, an dem er sich festhalten kann. Deutlich wird, dass die Betreff-Zeile (oberhalb des Newsletters) von dem Nutzer nur in der Version ohne Bilder gesehen wird. In der anderen Version „überstrahlt“ das Keyvisual diesen Bereich deutlich.

Weiterhin fällt auf, dass die Nutzer (100% Outlook 2003-Nutzer) den Hinweistext zum Nachladen der Bilder in den einzelnen Bildern mehrfach lesen. Eine für den Newsletter völlig unnötige Information, die für jedes Bild angezeigt wird. Der eigentliche Text jedoch wird in den ersten 5 Sekunden jedoch kaum wahrgenommen.

4 von 15 Probanden gaben an, die Grafiken des Newsletters nachladen zu wollen und 3, dass sie den Newsletter lesen würden, nach dem die Grafiken geladen wurden. Als Begründung gaben die Probanden an, dass der Newsletter als wenig attraktiv und „nicht hochwertig“ genug wahrgenommen wurde.

Netzoptiker-Newsletter

Eyetracking-Ergebnisse - Netzoptiker Newsletter ohne Bilder

Eyetracking-Ergebnisse - Netzoptiker Newsletter mit Bildern

In der Version ohne Bilder bietet sich ein ähnliches Bild wie bei dem Brille24 Newsletter. Das Auge des Betrachters sucht nach Haltepunkten. Der Fokus der Betrachtung liegt ebenfalls auf dem Betreff des Newsletters. Da kein echter Textinhalt vorhanden ist, „hängt“ sich das Auge an den Hinweistexten der Grafiken auf. Dies wird „unterstützt“ durch die hohe Anzahl an Einzelgrafiken im Kopfbereich.

Die Version mit Grafiken stellt sich interessanter Weise gar nicht so stark unterschiedlich dar. Zumindest was die Blickpositionen und Dauer angeht. Hier ist allerdings von einer zufälligen Überlagerung auszugehen. Die Version mit Bildern wird deutlich gezielter wahrgenommen. Die Nutzer scannen den oberen Bereich des Newsletters mit Logo, Qualitätsversprechen, Claim, Visual und Sicherheitselementen. Die Texte und Rabatt- Symbole werden jedoch kaum wahrgenommen.

7 von 15 Probanden gaben an, den Newsletter nachladen zu wollen, um herauszufinden, was sich hinter den nicht vorhandenen Bilder versteckt. Nach dem Laden waren viele der Probanden jedoch enttäuscht. So gaben nur 6 Nutzer an, den Newsletter lesen zu wollen. Der häufigste Kritikpunkt war, die fehlende Strukturierung der Inhalte und der unklare Aufbau der Seite.

Mister SPEX Newsletter

Eyetracking Ergebnisse - Mister SPEX Newsletter ohne Bilder

Eyetracking Ergebnisse - Mister SPEX Newsletter mit Bildern

In diesem Newsletter ist in der Version ohne Bilder die Wahrnehmung der Nutzer etwas anders. Sie nehmen die Betreff-Zeile als erste Orientierungshilfe und hängen sich auch etwas an den Hinweistexten auf. Trotzdem wird der Text des Newsletters innerhalb der ersten 5 Sekunden deutlich wahrgenommen.

In der gestalteten Version zeigt sich ein komplett anderes Bild. Der eigentliche Text des Newsletters wird gar nicht mehr wahrgenommen. Die Blicke konzentrieren sich komplett auf das Primär-Keyvisual.

13 der 15 Probanden gab an, die Grafiken des Newsletters nachladen zu wollen. Nach dem Laden der Grafiken gaben 12 Nutzer an, den Newsletter weiterlesen zu wollen. Die Begründung: hohe Emotionalisierung durch interessantes Visual.

5 Dinge, die Sie aus diesem Test lernen können

1. Nutzen Sie einen emotionalisierende Betreff
Ein emotionalisierender Betreff regt zum Öffnen der Voransicht der E-Mail an. Weiterhin ist er notwendig, um den Nutzer bei automatischer Vorschau zu überzeugen, die Grafiken nachzuladen.

2. Integrieren Sie lesbaren Text im sichtbaren Bereich des Newsletters
Über die Integration von echtem HTML-Text in Ihren Newslettern können Sie Nutzer dazu überzeugen, die Grafiken nachzuladen. Der Mister SPEX Newsletter ist in meinen Augen ein ideales Beispiel, wie man emotionalisierenden Text in die Gestaltung einbauen kann, ohne dass der Ersteindruck bei geladenen Bildern gestört wird.

3. Arbeiten Sie nicht mit zu vielen kleinen Bildschnippseln
Achten Sie bei dem zerschneiden des Layouts für die HTML Umsetzung darauf, möglichst wenige Einzelstücke zu erzeugen. Da jede nicht geladene Grafik den Hinweistext in Outlook anzeigt, wird dieser unter Umständen sehr häufig angezeigt und „erschlägt“ den Nutzer beim Scannen der Seite. Helfen Sie ihm durch wenige Bilder oberhalb des echten Textes. Der Leser wird es Ihnen danken.

4. Achten Sie auf eine strukturierte Gestaltung
Durch eine strukturierte Gestaltung mit klaren Bereichen benötigt der Nutzer zum Verstehen weniger Gehirnleistung. Kein Leser möchte viel Hirnleistung investieren, um Ihren Newsletter zu verstehen.

5. Arbeiten Sie mit emotionalisierenden Bildern
Je emotionalisierender die Bilder des geladenen Newsletters sind, desto höher ist im allgemeinen die Involvierung des Nutzers und damit die Bereitschaft die gewünschte Call-to-Action durchzuführen. So alt der Spruch „Ein Bild sagt mehr als tausend Worte“ auch sein mag, in der Newsletter-Gestaltung stimmt er mehr denn je. Nutzen Sie die Macht der Bilder für Ihre Konversion.

Ich wünsche viel Erfolg beim Optimieren Ihrer Newsletter und freue mich auf eine spannende Diskussion mit Ihnen.

Über den Autor

Torsten Hubert beschäftigt sich seit zehn Jahren intensiv mit Webmarketing, ist Google Advertising Professional und besitzt die Google Analytics Individual Qualification. Als Senior-Consultant bei dem Conversion-Spezialisten Web Arts AG hat er sich dort auf Webmarketing und Landingpage-Optimierung spezialisiert. Er ist freier Autor für iBusiness, Autor auf KonversionsKRAFT und betreibt einen eigenen Blog zum Thema Landingpage-Optimierung.

Beliebte Beiträge

• E-Mail Marketer auf twitter
• Weiche Landung: Mit Landing Pages aus Besuchern Kunden machen
• Interview mit Falco Henkel: Die Rechtslage im E-Mail Marketing
• Optimierungstipp: target=”_blank” verwenden
• Call to Action: Sieben Empfehlungen für eine bessere Response

The Smith-Harmon team reads tens of thousands of email marketing messages every year to stay current on trends and gather new ideas to give our clients an edge in the inbox. We created the Email Design Look Book to share some of the emails that really stood out in the minds of our employees over the past year.

Das eBook enthält einige Inspirationen für ausgefallene Designs und kann hier kostenlosen heruntergeladen werden (Registrierung erforderlich).

P.S.: Gefällt Ihnen dieses Blog? Werden Sie Fan auf Facebook, folgen Sie @emailmarketing auf Twitter oder abonnieren Sie den kostenlosen monatlichen E-Mail Newsletter mit den Highlights aus diesem Blog.

Ähnliche Beiträge

• Kostenloser Download: Email Summit 2011 – 4 key sessions from MarketingSherpa’s Email Summit 2011
• Kostenloses eBook: Top 7 Inspirational Email Tests
• Kostenloses eBook: Leitfaden E-Mail Marketing 2.0
• Kostenloses eBook: 70 Tipps für erfolgreiches Online-Marketing
• Kostenloser Leitfaden: Erfolgreiches E-Mail Marketing in der Touristik