Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Testing of Interactive Email
Cyrill Gross – Mayoris AG
Absage
@cygro
Consultant
#emailgeek
CreditSuisse
Email innovator
Rock climber
Speaker
Developer
Raiffeisen
Lexus
Mayoris
F...
How we test «classic» email
How about interactive email?
We Need a New Approach!
Something Like …
Know your audience
Desktop -
Outlook 2010
Desktop -
Outlook 2013
Desktop -
Outlook 2016
Desktop - Lotus
Notes 8.5
Desktop ...
1. Use a support matrix
2. Write testable code
3. Test in browser first
4. Use litmus builder
5. Do real device testing
Let’s get our hands dirty
The adventcalendar email - walkthrough
How it works: Punchcard coding - HTML
How it works: Punchcard coding - CSS
1. Coding in browser
2. Litmus Builder
3. JavaScript – in browser view ONLY
JavaScript: Hash in the URL to control it
JavaScript: Use console in browser
Takeaways
Takeaways (#NTACC)
People (Tools) Quick Wins New Ideas
Litmus Builder Know your audience
JavaScript
in the Online-View
CSS...
   Cyrill Gross  @cygro cyrill.gross@mayoris.com| |
 www.weloveemail.ch  www.emailmarketingblog.ch|
Testing Interactive Email
Upcoming SlideShare
Loading in …5
×

Testing Interactive Email

859 views

Published on

This presentation was held at "The Email Design Conference" by Litmus, London 2016

Simple screenshots are not sufficient when testing interactive (or kinetic) email. Learn how to approach testing of complex interactive email without your budget skyrocketing. Do popups open after clicking buttons? Are forms properly submitted? Is it possible to browse an image gallery? Based on the most complex email he has built, Cyrill will share insights into his process for testing the beast. Testing starts before the first line of code is written by analyzing your audience and popular email clients and ends with physical device testing before pressing send.

Published in: Marketing
  • Login to see the comments

Testing Interactive Email

  1. 1. Testing of Interactive Email Cyrill Gross – Mayoris AG
  2. 2. Absage @cygro Consultant #emailgeek CreditSuisse Email innovator Rock climber Speaker Developer Raiffeisen Lexus Mayoris Father Java Whisky afficionado Cyrill Gross Enterpreneur Traveller EmailMarketing Key Account Manager Marketing Automation Bauknecht AMEX Camper CSS JavaScript VML Omni Channel MarketingSQL ColdFusion HTML C++ Pascal Coop ZermattTourism Biathlete Mountaineer Skier ElectronicsEngineer Assembler The guy who does everything Mercedes Benz Swisscom
  3. 3. How we test «classic» email
  4. 4. How about interactive email?
  5. 5. We Need a New Approach!
  6. 6. Something Like …
  7. 7. Know your audience Desktop - Outlook 2010 Desktop - Outlook 2013 Desktop - Outlook 2016 Desktop - Lotus Notes 8.5 Desktop - IBM Notes 9 Desktop - Apple Mail Webmail - Gmail Webmail - Yahoo Mobile - BlackBerry 9 Mobile - iOS 9 Mobile - iOS 8 Mobile - Android Desktop - Outlook 2010 Desktop - Outlook 2013 Desktop - Outlook 2016 Desktop - Apple Mail Webmail - Gmail Webmail - Yahoo Mobile - iOS 9 Mobile - iOS 8 Mobile - Android
  8. 8. 1. Use a support matrix
  9. 9. 2. Write testable code
  10. 10. 3. Test in browser first
  11. 11. 4. Use litmus builder
  12. 12. 5. Do real device testing
  13. 13. Let’s get our hands dirty
  14. 14. The adventcalendar email - walkthrough
  15. 15. How it works: Punchcard coding - HTML
  16. 16. How it works: Punchcard coding - CSS
  17. 17. 1. Coding in browser
  18. 18. 2. Litmus Builder
  19. 19. 3. JavaScript – in browser view ONLY
  20. 20. JavaScript: Hash in the URL to control it
  21. 21. JavaScript: Use console in browser
  22. 22. Takeaways
  23. 23. Takeaways (#NTACC) People (Tools) Quick Wins New Ideas Litmus Builder Know your audience JavaScript in the Online-View CSS Support Matrix http://freshinbox.com/resources/css.php 5 Step Testing Approach Go to an Open Device Lab Friends & Family Test on real devices Breakdown (day  hr / hr  min)
  24. 24.    Cyrill Gross  @cygro cyrill.gross@mayoris.com| |
  25. 25.  www.weloveemail.ch  www.emailmarketingblog.ch|

×