cXtreme

cXtreme Newsletter mit tollen Animationen: Laufschrift, glühender Button und Feature-Highlighting (Click für Vollansicht via wai.de)

Datum, Zeit: 27.06.09, 7:59 Uhr
Betreff: 15,4″ Marken-Notebook mit 4 GB RAM, 500 GB Festplatte, Dual-Core-Prozessor, Windows Vista jetzt unter 550,- EUR!
Beschreibung: Eine Laufschrift (auch: „Scroll-Text“ oder „Scroller„) kann auf Websites mittels dem Tag <marquee> realisiert werden (vgl. Infos hierzu). In E-Mail-Clients und Webmailern wird dieses allerdings flächendeckend nicht unterstützt: entweder wird der von marquee umschlossene Text statisch oder sogar gar nicht dargestellt. Eine Nutzung ist hier also nicht möglich. Dennoch kann ein solcher Lauftext über Umwege auch mittels einer animierten GIF-Grafik erstellt werden – das Beispiel von cXtreme finde ich kreativ und gelungen und es lässt sich relativ einfach nachbilden (hier: 24 frames, je 30ms Pause, 32kb):

(Hinweis: Bitte beachten Sie hierbei, dass Outlook 2007 und auch das kommende Outlook 2010 voraussichtlich keine animierten Grafiken unterstützten. Hier wird nur das erste Bild der Animation eingeblendet. Achten Sie also darauf, dass die Folgeframes nicht allein die die E-Mail-Botschaft enthalten, die dann bei Outlook 2007-Nutzern nicht angezeigt würde…)

Glüh-Effekt durch Animation mit Farbverlauf

Der Newsletter von cXtreme enthält allerdinge weitere Schmankerl: Die Grafik „Der Preis ist HEISS!“ erzeugt durch den Farbwechsel von „rot“ zu „Farbverlauf von Dunkel-Rot zu rot“ einen schönen Glüh-Effekt.

Und schließlich bringen auch die im „Mediamarkt-Stil“ in Szene gesetzten und durch die Highlighting-Animation hervorgehobenen Produktfeatures eine coole Dynamik in den Newsletter:

Feature-Highlighting

Auch wenn der Newsletter durch die exorbitante Breite nur in der Vollansicht gut lesbar ist, würde ich sagen… Fazit: groß, aber sehr kreativ!

Staples

Staples Newsletter mit dezentem, aber effektivem Highlighting der Primärbotschaft

Datum, Zeit: 29.06.09, 10:38 Uhr
Betreff: Ihr Geschenk: ein Slazenger Sportrucksack!
Beschreibung:

Die Wahrnehmung der Primärbotschaft wird durch die Animation unterstützt (Click zur Animation)

Auch der Staples-Newsletter wartet mit einem – wie ich finde – gelungenen Highlighting auf: durch das Aufblinken von „GRATIS bei Ihrer nächsten Bestellung“ wird sichergestellt, dass die Botschaft („gratis bei der nächsten Order“) in kürzester Zeit nach Öffnen der E-Mail vom Leser wahrgenommen wird – auch, wenn diese nicht links in der E-Mail entlang des klassischen F-Blickverlaufs platziert ist.

Vergleichen Sie selbst: im vorangegangenen Newsletter „Gratis Schraubendreher-Set“ wird die Botschaft „Ich erhalte bei meiner nächsten Bestellung ein solches Set für lau“ nicht so gut kommuniziert, wie bei der Hervorhebung durch das Aufblitzen. Entsprechend dürfte sich die Conversion-Rate von Clicks zu Sales verbessern.

Fazit: Effektiv!

Der tolle Beitrag von Anna Yeaman zum Thema Videos in animierte GIFs für E-Mails konvertieren (vgl. auch meine Schritt für Schritt-Anleitung mit Free- und Shareware zum Testen) schlägt neue Wellen in der amerikanischen Blogosphere. So greifen z. B. das AWeber- und das No Man is an Iland-Blog nun ebenfalls den Artikel auf.

Abb.: Welcher Client unterstützt welche Technologie bei Video E-Mails? (CampaignMonitor)

Besonders interessant ist aber der soeben erschienene Überblick von CampaignMonitor zu den derzeitigen Video-E-Mail-Möglichkeiten. Der Beitrag enthält

• einen Überblick über die technisch theoretisch möglichen Einbindungsmöglichkeiten von Videos in E-Mails
• Einen Praxis-Test (vgl. Ergebnis -Matrix in der Abb.), bei dem die gängigen Desktop-, Web- und auch Mobile-E-Mail-Clients hinsichtlich der Unterstützung der Technologien untersucht wurden
• Und schließlich einige Empfehlungen in Bezug auf Videos in E-Mails

Zum Beitrag:
http://www.campaignmonitor.com/videoinemail/

Für Video-Emails existieren derzeit schon einige kommerzielle Angebote wie Clippermail (UK), VHD Technology (CAN) und künftig die Zertifizierung via Goodmail (USA). Wer auf Sound verzichten kann hat aber auch die Möglichkeit, Videos in Eigenregie als animierte GIFs in E-Mails einzubetten. Eine lesenswerte Schritt-für-Schritt-Anleitung für die Konvertierung findet sich auf StyleCampaign.com:
http://stylecampaign.com/blog/?p=44

Im Beitrag werden SnagIt (ca. 45 €), Debabelizer Pro (ca. 300 $) und Pro Motion (ca. 80 $) zur Erstellung der Grafik verwendet. Recht kostspielig. Es geht aber auch günstiger (bzw. zum Testen sogar zum Nulltarif): ich habe beispielsweise analog eine gleichwertige Grafik mit CamStudio (kostenlos), VirtualDub (kostenlos) und Ulead GIF Animator 5 (Shareware, ca. 50 $) erstellt. Vorgehensweise:

1. Videoaufnahme mittels CamStudio:
   

   #1

2. Schnitt, Skalierung und FPS-Anpassung mittels VirtualDub:
   

   #2

3. Optimierung und Umwandlung mittels Ulead Gif Animator 5:
   

   #3

Im Ergebnis wurde eine GIF-Animation mit 8 Sekunden Länge und ca. 850kb Gewicht bei 64 Farben, 160 x 120 Pixel und 12 Bildern pro Sekunde generiert. Somit wird also empfängerseitig eine Bandbreite von rund 100kbps benötigt, um die Animation in einer E-Mail flüssig abspielen zu können. Bitte beachten Sie, dass Outlook 2007 keine animierten GIF-Grafiken unterstützt und nur das erste Frame darstellt.

Die Nutzung von Video-Mails steckt derzeit noch in den Kinderschuhen. Wer ganz vorne mit dabei sein möchte, kann ja mal einen Versuch unternehmen… Aufmerksamkeit ist nahezu garantiert.

(Via EmailKarma.net)

Animationen [?] in E-Mails sorgen im richtigen Kontext für „Würze“ und können merklich den Kampagnenerfolg steigern. Z. B. hieß es für einen Split A/B-Test [?] mit/ohne animierte Grafik bei BlueFly Inc. :

… found a 5% increase in the click-through rate for recipients of the animated version of „Shhhhh“ over recipients of the non-animated version. But more important: Animated shoppers who clicked through generated a 12% increase in dollars spent compared with non-animated shoppers who clicked through.¹

Nutzen und Vorteile von bewegten Bildern können sein:

• Bewegte Bilder werden in E-Mails eher spährlich genutzt.²
  Somit verleiht dies Ihrer E-Mail etwas „Besonderes“. Und etwas Besonderes zieht gemeinhin Aufmerksamkeit im Posteingang auf sich, die Sie für sich nutzen können. Sei es durch eine bessere Conversion-Rate [?] oder einfach eine positive Erinnerung an Ihre E-Mail, die sich in Zukunft auszahlt.
• Animationen eignen sich hervorragend für gezielte Hervorhebungen, z. B. des Call-To-Action [?] oder von Produkteigenschaften.
• Dynamische Bilder können auf gleichem Raum sehr viel mehr Informationen transportieren, als statische.
• Dynamische Bilder können Geschichten effizienter transportieren, als Text.

Den Vorteilen stehen natürlich auch Nachteile gegenüber bzw. auch einige Dinge, die beachtet werden müssen:

• E-Mail-Gewicht/-Größe: Animierte Grafiken können sehr schnell prohibitive Dateigrößen³ erreichen, die die E-Mail aufblähen. Dabei ist die Dateigröße hauptsächlich abhängig von der Anzahl der Frames [?], der Unterschiedlichkeit der einzelnen Frames und der Anzahl der genutzten Farben. Halten Sie die animationen also simpel und kurz ohne Schnörkeleien wie Fadings, denn große E-Mails sorgen für
  • längere Ladezeiten beim E-Mail-Empfänger
  • die Erhöhung der Gefahr, dass die E-Mail vom ISP [?] gefiltert wird
• Unterstützung: Animierte GIFs werden nicht durchweg von allen Clients [?] unterstützt. Probleme bereitet Microsofts Outlook 2007: hier wird nur das erste Frame der Grafik dargestellt. Daher sollte das erste Frame – zumindest für B2B [?]-E-Mails, wo Outlook 2007 eine sehr viel höhere Verbreitung hat, als im Bereich B2C [?] – auch alleinstehend (ohne die Animation) Sinn ergeben. Wenig empfehlenswert unter Berücksichtigung von Outlook 2007 wäre beispielsweise eine Aneinanderreihung von Textzeilen von Frame zu Frame.
• Geschwindigkeit: Die Geschwindigkeit der Animation kann als „Frames pro Sekunde“ eingestellt werden. Bei zu hoher Geschwindigkeit besteht die Gefahr, dass die Information an dem User vorbei geht.
• Wiederholungen: Ebenfalls kann eine Anzahl Wiederholungen (oder unendlich) eingestellt werden. Eine Anzahl an Wiederholungen größer 1 ist sinnvoll z. B. für den Fall, dass der User beim ersten Blick nicht die komplette Animation wahrnehmen konnte.
• Ablenkung: Die Aufmerksamkeitswirkung von animierten Grafiken ist sehr stark. Daher sollten diese spährlich, mit Bedacht und gezielt nur für das Hauptanliegen der E-Mail eingesetzt werden.

Wenn Sie sich selbst kreativ versuchen möchten, finden Sie hier eine Anleitung zum Erstellen von animierten GIFs mit Photoshop (auf Englisch). Ich persönlich hatte hierzu früher das Tool GIF Animator – damals von Ulead – genutzt. Ulead wurde wohl von Correl gekauft. Der GIF Animator ist aber immer noch im Netz verfügbar – als 15-Tage-Test- oder auch als Lite-Freeware-Version…

(In Anlehnung an: Email Marketing Reports)

Fußnoten:

¹ Vgl. „Putting Pitches to a test“ in InternetRetailer.com vom April 2008.
² Chad White beobachtete Mitte 2007, dass von den großen werbetreibenden Firmen 34% animierte Grafiken in E-Mails zumindest einmal in jüngster Vergangenheit nutzten.
³ Chad White empfiehlt, die Dateigroße auf 50kb oder kleiner zu begrenzen, um Bounces [?] zu minimieren. Szusanne Norman empfiehlt sogar eine Dateigröße kleiner 40kb.