• If marketing emails could talk…
  Mark Brownlow hat sich mal Gedanken darüber gemacht, was B2B-Newsletter sagen würden, wenn sie denn sprechen könnten. Dabei herausgekommen ist ein sehr lustiges Video.
• 11 email design best practices
  Der Titel sagt schon alles: elf Tipps um Newsletter ansprechend und erfolgreich zu gestalten.
• Chart of the Week: Why Subscribers Stop Reading
  In dem Artikel geht es um eine interessante Studie, die untersucht hat, warum Abonnenten aufhören Newsletter zu lesen.
• 5 Tips for Testing Emails
  Hierbei handelt es sich um einen Screencast, der fünf Tipps liefert um Newsletter effizient zu testen.

Das kann ich sehr gut nachvollziehen, da ich selbst einen solchen Newsletter seriöser einstufen würde als einen Newsletter in dem der Link unten oder gar versteckt ist. Natürlich muss man meistens einen Kompromiss finden um den Abmeldelink so präsent unterzubringen, ohne dass der Fokus auf den Inhalt und ein eventueller Link zur Webversion des Newsletters untergeht. Am Ende sollte man sich, meiner Meinung nach, an der eigenen Beschwerderate orientieren und auf dieser Grundlage entscheiden, ob es nötig ist oder nicht.

• Email Frequency: How Much is Too Much?
  In diesem Artikel wird keine definitive Antwort auf die Frage gegeben sondern aufgezeigt wie man die richtige Frequenz mit Hilfe einer Testmatrix ermitteln kann.
• How to Leverage Video in Your Email Marketing Campaigns
  Hier wird auf die Möglichkeiten von Video in Newsletter eingegangen. Im Endeffekt läuft es auf GIF-Animationen hinaus für die Rahmenbedingungen beschrieben werden mit denen man arbeiten sollte, wenn man den Einsatz von “Videos” erwägt. Des Weiteren greift der Artikel am Ende noch die Firma Goodmail auf, welche mit einigen Internet Service Providern zusammen arbeitet um zertifizierte Newsletter zu versenden, die es ermöglichen richtige Videos anzuzeigen: Wer also an bestimmte Provider verschickt und seinen Newsletter von Goodmail zertifizieren lässt, kann davon ausgehen dass Videos korrekt angezeigt werden.
• 5 Ways to Kill Your Email Deliverability
  Das Visibiltity Magazine beschreibt fünf Wege um die Zustellbarkeit von E-Mails negativ zu beeinflussen, darunter z.B. den Einkauf von unseriösen Listen und Mailings ohne Permission.
• 50 Useful Design Tools For Beautiful Web Typography
  Das Smashing Magazine hat eine Liste von 50 Werkzeugen zusammengestellt um mit verschiedenen Schriften im Web zu experimentieren.

Ich habe bisher die Erfahrung gemacht dass SquirrelMail (in der oben genannten Liste zu finden) und Horde am häufigsten eingesetzt werden, da sie z.B. in vielen Linuxdistributionen mitgeliefert werden. Wer also seinen Newsletter auch auf solchen Clients testen möchte, der sollte sich in erster Linie diese beide anschauen.

Der Acid-Test wurde vom Email Standards Project entwickelt um E-Mail-Clients hinsichtlich der Darstellung von XHTML/CSS-Mailings zu testen. Da Opera von dem Projekt noch nicht getestet wurde, soll dies an dieser Stelle geschehen. Für den Test wird eine E-Mail mit dem Gerüst des Acid-Tests benutzt. Das Stylesheet ist eingebettet und die Bilder werden extern referenziert. Desweiteren darf Opera alle benötigten Bilder herunterladen.

Opera stellt die Mail bis auf eine winzige Sache korrekt dar. Bei der zweiten ungeordneten Liste werden die Listenpunkte nicht wie in der Vorlage vorgesehen mit der Grafik aus der Liste darüber dargestellt. Die Listen unterscheiden sich in der Art wie die Listenpunkte definiert werden. Bei der ersten Liste wird die Grafik mittels background: url(…) und list-style: none eingebunden und bei der zweiten mit list-style: url(…). Im Browser von Opera wird dies korrekt aufgebaut, jedoch nicht im E-Mail-Client.

Es war zu erwarten dass Opera die Mail richtig darstellt. Immerhin steht dem Client eine sehr gute HTML-Engine zur Verfügung. Das kleine Manko mit der Darstellung der zweiten Liste ist zwar etwas mysteriös aber lässt sich verschmerzen: gute Nachrichten von dieser Front für Newsletterdesigner.

Die Anbieter

Folgende Anbieter werden getestet:

• Freenet
• GMX
• T-Online
• WEB.DE

Natürlich gibt es auch noch lokalisierte Clients von Anbietern wie AOL, GoogleMail oder Yahoo, aber diese wurden bereits vom ESP getestet und unterscheiden sich von der Darstellung nicht in ihrer deutschen Variante. Deshalb wird an dieser Stelle auf einen Test verzichtet.

Der Test

Die E-Mail besteht aus einem XHTML-Körper mit eingebettetem CSS und durchläuft den W3C-Validator ohne Probleme. Für den Versand wird der Körper der E-Mail mit dem Format “quoted-printable” kodiert. Das Senden erfolgt mit absolut referenzierten Grafiken, d.h. die Bilder werden nicht an die E-Mail angehängt. Falls die Bilder nicht sofort vom Webmail-System geladen werden sondern eine Sonderbestätigung benötigen, so wird dies gemacht. In jedem hier getestetem System gibt es die Möglichkeit sich eine große Version der E-Mail in einem neuen Fenster anzuzeigen. Sie dient als Grundlage für diesen Test.

Um meinen John Grisham-Gedächtnis-Artikel jetzt weiterzuführen geht es nun weiter mit folgendem Abschnitt: Die Ergebnisse!

Die Ergebnisse

Freenet

Obwohl ich Freenet bei obiger Auflistung nur aus alphabetischen Gründen als erstes genannt habe, passt dieser Platz 1 voll und ganz. Wie man auf dem Bild rechts sieht ist die Darstellung perfekt und die Hover-Effekte funktionieren wie gewollt. Freenet lässt hier keine Wünsche für Designer offen. Hier könnte man sich austoben und einen Newsletter nach dem anderen nach Webstandards raushauen… Wenn da nicht die Konkurrenz wäre, welche es zu berücksichtigen gilt. Dieses Verhalten von Freenet lässt auf jeden Fall etwas Hoffnung aufflammen.

GMX

Aus mir unerfindlichen Gründen liest GMX nur Teile des Stylesheets ein, so dass die Darstellung nur in sehr wenigen Bereichen dem Original entspricht. Dies könnte eventuell daran liegen das im Stylesheet mehrfach Kommentare vorkommen die den Parser von GMX stören. Ich kann es nachvollziehen dass vielleicht einige komplexere Styles mit Absicht ignoriert werden, welche etwas übertrieben für einen Newsletter erscheinen. Folgendes leuchtet mir aber nicht ein: Warum sollte man keine Hintergrundfarben von bestimmten Bereichen festlegen dürfen, geschweige eine vernünftige Formatierung der Schrift?

T-Online & WEB.DE

Die Darstellung bei T-Online und WEB.DE ist soweit weg vom Original wie David Hasselhoff von Tom Hanks als Charakterdarsteller. Der Grund dafür ist schnell zu finden: Das Stylesheet wird komplett ignoriert. Stattdessen wird eine kleine CSS-Datei eingebunden welche den Inhalt sehr rudimentär formatiert, so dass die Informationen noch gut strukturiert rüberkommen. Schwieriger wird es wenn mehr mit Floats gearbeitet wird, um beispielsweise Bilder rechts neben einem Text darzustellen. Hier stehen dem Designer sehr große Hürden im Wege.

Das Fazit

Wie wir bereits wissen ist das Leben eines Newsletter-Designers nicht einfach. Ich möchte sogar behaupten dass es Webdesigner heutzutage um einiges leichter haben. Mit einem Newsletter gilt es viele, viele Clients unter einen Hut zu bringen, was in Anbetracht der Anzahl und der Eigenarten eine schwierige Aufgabe ist. Eine Gestaltung nach heutigen Webstandards ist schlichtweg unmöglich wenn man die gleiche Darstellung des Newsletters unter möglichst vielen Clients garantieren möchte. Am Ende muss man auf die gute alte Tabellenkonstruktion zurückgreifen und darf sich nicht scheuen für die Schriftformatierung auch mal wieder den leicht verstaubten Font-Tag vom Dachboden zu holen.

Ich sehe es vollkommen ein wenn man als Webmail-Anbieter einige Restriktionen in sein System einbaut, die den Kunden vor einigen versuchten Manipulationen oder übertriebenen Darstellungen schützen. Aber es sollte doch möglich sein, ein Stylesheet so zu filtern dass grundsätzliche Formatierungen ohne Probleme verwendet werden können.

Jedoch, auch die Profis von artegic sind offensichtlich vor kleinen Fehlern nicht gefeit. Wie aus dem Screenshot ersichtlich wird, hat man jüngst zu einer Artikelüberschrift leider den falschen Text eingebaut. Das wäre sicher durch ein intensiveres Testing zu vermeiden gewesen … auf der anderen Seite ist es dann auch irgendwie sympathisch.

Die “Stiftung Warentest” der E-Mail-Clients

Auf der Website des Email Standards Project (im weiteren Verlauf mit ESP abgekürzt) bekommt man einen guten Überblick aktueller Clients und ihrer Fähigkeit, HTML in E-Mails richtig anzuzeigen. Zu den getesteten Clients gehören (Stand 24.04.2008):

• AOL Webmail
• Apple .Mac
• Apple Mail
• Eudora (Penelope)
• Google Gmail
• Lotus Notes 8 (Hat es Sie auch gerade wieder geschüttelt?)
• Entourage
• Outlook 2007
• Thunderbird
• Windows Live Hotmail
• Windows Live Mail
• Windows Mail
• Yahoo! Mail
• Yahoo! Mail (Classic)

Neben einer kurzen Bewertung eines Clients mit “Excellent”, “Average” oder “Poor” bietet die Seite noch ein kleinen Bericht, in welchen man sich anschauen kann, wo es hakt. Des Weiteren spricht das ESP in diesem Bericht eine Empfehlung an die Entwickler der Clients aus, inwiefern diese ihre Produkte verbessern können. Es wurde dafür eigens ein Acid-Test entwickelt, welcher die gängigsten Formatierungen abdeckt. Inspiriert wurde das ESP dabei von dem Acid-Test des Web Standard Project. Neben dem reinen Bericht kann noch ein Screenshot angezeigt werden, welcher den Test im jeweiligen E-Mail-Client in Aktion zeigt. Sehr aufschlussreich!

Wer steckt dahinter?

Hinter dem ESP stecken Freshview, die Entwickler von Campaign Monitor und Mailbuild. Die Firma besteht seit 1999 und ist seit 2004 mit Campaign Monitor international ganz weit vorne, was E-Mail-Marketing angeht. Zu den Kunden gehören unter anderem: Apple, Ebay, Intel, Nike… um nur einige zu nennen. Neben Freshview gibt es noch einige andere Akteure verschiedener Internetagenturen, welche in dem Projekt involviert sind.

Fazit

Es bleibt zu hoffen, dass die Bemühungen des ESP die Client-Entwickler dazu bewegen ihre Software zu überarbeiten, um uns das Leben ein wenig leichter zu machen. Bis dahin kann man sich sehr gut mit den bestehenden Tests einen Eindruck verschaffen, wie es derzeit um die Darstellbarkeit einiger Elemente steht. Auch der Acid-Test kann sehr gut zum Testen anderer Clients eingesetzt werden. Deutsche Webmail-Anbieter fehlen z.B. gänzlich, was wir aber in einem der kommenden Artikel testen möchten.

Die Anmeldung

Selten sieht man eine so gelungene Newsletteranmeldung. Hier ist alles dran, was zu einer guten Anmeldung gehört. Sie ist auf das Wesentliche, nämlich die E-Mail-Adresse des Interessenten, komprimiert. Selbst wenn man wollte, man kann nicht mehr als diese eingeben. Datenminimalität par excellence. Aber das bedeutet nicht, das wichtige Informationen zum Newsletterempfang vorenthalten werden, denn sowohl die Erscheinungsweise des Newsletters, ein Archiv mit der letzten Ausgabe als auch ein deutlicher Hinweis auf die mögliche Abmeldung sind vorhanden. Sogar das Multipart-Format wird in einem Satz verständlich erklärt und nimmt dem Neuangemeldeten eventuelle Ängste in Bezug auf die Darstellbarkeit des Newsletters.

Double Opt-In

So fulminant der Start war, so schnell geht es nun Berg ab. Das bei Newsletteranmeldungen fast schon obligatorische Double Opt-In Verfahren fehlt nämlich leider ganz. Viel mehr wird man auf der Website mit den Worten “Vielen Dank für Ihre Anmeldung” abgespeist, was nach der ausführlichen Beschreibung der Anmeldung einen etwas faden Beigeschmack hinterlässt und den Eindruck macht, als hätte man es hier ganz gezielt nur auf die E-Mail-Adresse abgesehen. Die nicht vorhandene rechtliche Sicherheit für den Newsletterversender und die Tatsache, dass hier durch Dritte Missbrauch geschehen kann, mal ganz außer Acht gelassen.

Der Newsletter

Was als erstes auffällt ist der Hinweis in Mozilla Thunderbird, dass es sich beim frisch empfangenen Newsletter, um einen Betrugsversuch sog. Phishing handeln könne. Dies beruht auf der Tatsache, dass innerhalb des Newsletters entsprechende Links nicht “richtig” referenziert sind (vgl. Phishingverdacht in Thunderbird vermeiden). Da stört das Nachladen der Grafiken schon deutlich weniger. Ist der nun alles korrekt angezeigt, geht es um den Inhalt und hier gibt es wieder ein dickes Lob. Nach einer kurzen Einleitung findet sich zunächst eine Übersicht über die Themen der aktuellen Ausgabe. Die einzelnen Artikel sind dann nur kurz in ein, zwei Sätzen “angerissen”. Um sie vollständig zu lesen, wird man auf den gesamten Artikel auf der Website verwiesen. So befindet man sich nach kurzer Zeit auf Entdeckungsreise auf der eigentlichen Website. Das einheitliche Design von Newsletter und Website tragen auch entscheidend dazu bei, das dieser Übergang ganz fließend stattfindet.

Abmeldung

Wie schon bei der Anmeldung geht hier alles ganz schnell. Ein Link am Ende des Newsletters weist uns zur Abmeldung, die dann auch prompt erfolgt. Kein erneutes Eintragen der E-Mail-Adresse, keine Bestätigungs-E-Mail, mit einem Klick ist alles weg. Was jedoch bei der Anmeldung etwas zu schnell ging, macht hier vielleicht durchaus Sinn, nach dem Motto “Abmeldende soll man nicht aufhalten” wird eben nicht lang gezögert.

Fazit

Der designerinaction Newsletter hätte das Zeug zum Klassensieger. Leider verspielt er diesen Sieg durch das nicht vorhandene Double Opt-In leichtfertig. Die Anmeldeseite überzeugt auf ganzer Linie, der Inhalt ist interessant aufbereitet und macht wahrlich Lust auf mehr. Die Abmeldung ist etwas unorthodox, aber durchaus sinnvoll.

Vielleicht entscheiden sich die Macher des Newsletters ja doch noch für das Double Opt-In Verfahren und gewinnen so neben unserem Test auch noch ein bisschen mehr Vertrauen ihrer Abonnenten.

Der Empfang

Los geht es mit dem Empfang. Scheinbar ohne jede Mühe kommt der Newsletter durch meinen Spamfilter. Gerade mal 0.8 Spampunkte von den benötigten 7 Punkten erhält der überwiegend bildbasierte Newsletter. Als Absender ist der Lucky Strike Trendshop eingetragen und somit ist die Herkunft auch deutlich zu erkennen. Als Betreff ist “Weihnachten kann kommen” angegeben. Vielleicht ein bißchen früh für Anfang Oktober, aber das ist sicherlich Geschmackssache, schließlich gibt es ja auch schon wieder Schokoweihnachtsmänner im Supermarkt.

Das Design

Der Aufbau ist newslettertypisch. Nach einem direkten Link auf die Webseite des Trendshops für den Fall, dass der Newsletter nicht korrekt angezeigt wird, folgt das eigentliche Newsletterdesign.

Sehr eng an das Corporate Design des Shop angelegt gibt es hier keinen Zweifel daran, dass wir etwas aus dem Hause Lucky Strike erhalten haben. Realisiert wird das ganze, wie schon erwähnt, fast ausschließlich mit Hilfe von Bildern, die durch einen wuchtigen HTML Code mit Tabellenkonstuktion zusammen gehalten werden. Sicher nicht die schlankeste Lösung, zumal noch eine Menge CSS Inlinestyles hinzu kommen. Vermutlich wird hier aber dem heiß diskutierten Outlook 2007 Problem Rechnung getragen.

Inhalt / Service

Das Weihnachtsthema ist der einzige Inhalt und trifft mit den zahlreichen Produktvorstellungen – immerhin 33 Produkte in einem Newsletter – genau den Nerv derjenigen, die Panik vor den Weihnachtseinkäufen haben. Verständlich, dass bei dieser Anzahl von Produkten Beschreibungen komplett fehlen. Immerhin gibt es eine grobe Einteilung in zwei Kategorien, sowie die Preise der Produkte.

Aufgrund fehlender Informationen klickt man dann auch schnell auf den dazugehörigen Link und ehe man sich versieht ist man meilenweit vom Newsletter entfernt und steckt dafür tief im Online-Shop. Dieser ist ebenfalls voll mit Produkten und lädt wirklich zum Stöbern ein.

Eine vollständiges Impressum und ein funktionierender Abmeldelink sind nicht immer selbstverständlich, hier aber perfekt gelöst und vorhanden.

Fazit

Der Lucky Strike Trendshop ist mit seiner mächtigen HTML Konstruktion und den vielen Bildern vielleicht nicht die technisch sauberste Lösung, dennoch überzeugt er durch sein eindeutiges Corporate Design, das vollständige Impressum, den klar erkennbaren Abmeldelink und die Tatsache, dass er sehr gut als Appetithappen für den eigentlichen Online-Shop funktioniert.