Folien des Webinars vom 20.02.2013 zum Thema "Mobile Marketing – So optimieren Sie Ihre Newsletter für iPhone, Android & Co.!". Präsentiert von unseren Consultants Torben Otto und René Kulka.
1. Mobile Marketing
So optimieren Sie Ihre Newsletter für
iPhone, Android & Co.!
René Kulka Um Punkt 11 Uhr gehts los …
E-Mail-Marketing Evangelist
Torben Otto
Teamleiter Consulting
2. Die mobile E-Mail
Conversion
Die E-Mail lebt auch auf Smartphones weiter
8. Conversion
Die komplizierte Welt der E-Mail
… ist noch komplizierter geworden
Schmalere Bildschirme
Unzählige Bildschirmauflösungen
Maus & Tastatur = Finger / Daumen
Rendering-Möglichkeiten unterschiedlich
Schmalere Internet-Bandbreiten
9. Mobile Herausforderungen
Conversion
Lesbarkeit
Schriftgröße: 14 Pixel+ im Fließtext
Hoher Kontrast, um z. B. schlechte Lichtverhältnisse zu kompensieren
10. Mobile Herausforderungen
Conversion
Bedienbarkeit
Größere Abstände zwischen Links
Größere Buttons
Zu beachten: Bereiche links erreicht der Daumen leichter
11. Mobile Herausforderungen
Conversion
Layout
Kein horizontales Scrollen einspaltiges Layout
Beim Design in 320x480-Pixel-Fenstern denken
Erstes Fenster besonders wichtig (“above the fold”)
KISS-Prinzip aufs Wesentliche reduzieren
12. Mobile Herausforderungen
Conversion
E-Mail-Gewicht
HTML / CSS optimieren
Grafiken optimieren
Abmessungen
Kompression
13. Mobile Herausforderungen
Conversion
Auffallen im Posteingang
Absender-Name : hoher Wiedererkennungswert
Betreffzeile : auf den Punkt
Preheader-Vorschau : Ergänzung der Betreffzeile
14. Mobile Herausforderungen
Conversion
Auch gut zu wissen:
Telefon- und SMS-Rückkanal
Echte (HTML5-)Videomails
E-Mail-Tastatur triggern
15. Mobile Herausforderungen
Conversion
Auch gut zu wissen:
User-Agent
Telefon- und SMS-Rückkanal
Echte (HTML5-)Videomails
E-Mail-Tastatur triggern
Geräte-abhängige Grafiken
16. How to optimize your email marketing
Wie werden meine
E-Mails mobil?
19. Möglichkeiten für mobile E-Mails
Conversion
1. Mobile Online-Version
2. Dezidierte Mobile-Version
Den mobile-only Nutzer gibt es (noch zu) selten
20. Möglichkeiten für mobile E-Mails
Conversion
1. Mobile Online-Version Sieht auf dem Desktop nicht gut aus
2. Dezidierte Mobile-Version
3. „Mobile-first“ Design
21. Möglichkeiten für mobile E-Mails
Conversion
1. Mobile Online-Version
2. Dezidierte Mobile-Version
3. „Mobile-first“ Design
4. Flexibles Design
Fluide
Responsive
22. Conversion
Möglichkeiten für mobile E-Mails
Flexibles Design
Fluide
E-Mails füllen den Screen aus
(ganz gleich, ob 240x320 oder
1024x768)
<div style=“width:90%;max-
width:550px“>content</div>
Bewertung:
Einfach umzusetzen
Begrenzte Möglichkeiten
24. Conversion
Möglichkeiten für mobile E-Mails
Flexibles Design
Fluide Responsive
E-Mails füllen den Screen aus Verschiedene Bildschirme triggern
(ganz gleich, ob 240x320 oder verschiedene Layouts
1024x768) @media only screen and (max-
device-width:480px) {styles}
<div style=“width:90%;max-
width:550px“>content</div> Bewertung:
Bewertung: Implementierung komplex
Einfach umzusetzen Maximale Flexibilität
Begrenzte Möglichkeiten
25. How to optimize your email marketing
Beispiele
aus der Praxis
34. Fazit Conversion
1. Mobile ist da!
2. Mobile ist anders!
3. Werden Sie responsive!
35. Vielen Dank!
Conversion
Kontakt, Fragen oder Kommentare?
E-Mail
consulting@optivo.de
Facebook
www.facebook.com/optivo
Twitter
http://twitter.com/optivo / @optivo
Google Plus
https://plus.google.com/117326713519869571633
36. How to optimize your email marketing
Berlin Email Summit 2013@LIFECYCLE
Conversion
www.berlinemailsummit.de