Testing Interactive Email

Testing of Interactive Email

Cyrill Gross Mayoris AG

Absage@

cygro

Consultant

#em

ailg

eek

Credit SuisseEmail innovator

Rock climber

SpeakerDev

elop

er

Raiffeisen

Lexus

Mayoris

FatherJava

Whisky afficionado

Cyrill Gross

Ente

rpre

neur

Traveller

Emai

l Mar

ketin

g

Key Account ManagerMarketing Automation

BauknechtAMEX

Camper

CSSJa

vaSc

ript

VML

Omni Channel MarketingSQ

L

ColdFusion

HTML

C++

Pasc

al

CoopZerm

att Tourism

Biathlete

Mountaineer

Skier

Elec

tron

ics

Engi

neer

Asse

mbl

er

The guy who does everything

Mercedes Benz

Swisscom

How we test classic email

How about interactive email?

We Need a New Approach!

Something Like

Know your audienceDesktop -

Outlook 2010

Desktop -Outlook 2013


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 -Apple Mail

Webmail -Gmail

Webmail -Yahoo

Mobile -iOS 9

Mobile -iOS 8

Mobile -Android

1. Use a support matrix

2. Write testable code

3. Test in browser first

4. Use litmus builder

5. Do real device testing

Lets 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 audienceJavaScript

in the Online-View

CSS Support Matrixhttp://freshinbox.com/resources/css.php

5 Step Testing Approach Go to an Open Device Lab

Friends & FamilyTest on real devices Breakdown

(day hr / hr min)

Cyrill Gross @cygro [email protected]| |

www.weloveemail.ch www.emailmarketingblog.ch|

Testing of Interactive EmailAbsageSlide Number 3How we test classic emailHow about interactive email?We Need a New Approach!Something Like Know your audience1. Use a support matrix2. Write testable code3. Test in browser first4. Use litmus builder5. Do real device testingLets get our hands dirtyThe adventcalendar email - walkthroughHow it works: Punchcard coding - HTMLHow it works: Punchcard coding - CSS1. Coding in browser2. Litmus Builder3. JavaScript in browser view ONLYJavaScript: Hash in the URL to control itJavaScript: Use console in browserTakeawaysTakeaways (#NTACC)Slide Number 25Slide Number 26