EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is...

74
1/69 EMAIL AT THE TURNING POINT Jason Rodriguez, Litmus @rodriguezcommaj

Transcript of EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is...

Page 1: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

1/69

EMAIL AT THE TURNING POINT

Jason Rodriguez, Litmus @rodriguezcommaj

Page 2: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

2/69

JASON RODRIGUEZ

Email Designer, Writer, and Community Manager at Litmus @rodriguezcommaj

Page 3: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

3/69

6 YEARS FREELANCE & AGENCY

Page 4: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

4/69

MODERN HTML EMAIL

Page 5: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

5/69

JOINED LITMUS IN 2013

Page 6: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

6/69

PROFESSIONAL EMAIL DESIGN

Page 7: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

7/69

? WHAT DO WE ACTUALLY DO?

Page 8: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

8/69

DRIVE BUSINESS

Page 9: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

9/69

REPRESENT COMPANIES REINFORCE BRANDING

DRIVE REVENUE

Page 10: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

10/69

WE DO IT WELL

Page 11: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

11/69

INFORM PEOPLE

Page 12: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

12/69

TRANSACTIONAL EMAILS MARKETING EMAILS

NEWSLETTERS

Page 13: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

13/69

BUILD CONNECTIONS

Page 14: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

14/69

? HOW DID WE GET HERE? AND WHERE ARE WE GOING?

Page 15: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

15/69

EARLY STAGES: THE DESKTOP DAYS

Page 16: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

16/69

FOCUS ON DESKTOP CLIENTS

Page 17: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

17/69

TWO MAJOR PROBLEMS

Page 18: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

18/69

TERRIBLE RENDERING

Page 19: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

19/69

LACK OF SUPPORT FOR CSS

campaignmonitor.com/css

Page 20: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

20/69

INCREASE IN CLIENTS

Page 21: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

21/69

REACTIONARY TOOLS

An early version of Litmus

Page 22: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

22/69

MIDDLE STAGES: THE MOBILE REVOLUTION

Page 23: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

23/69

APPLE iPHONE

Page 24: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

24/69

HOW BIG IS MOBILE?

Page 25: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

25/69

MOBILE GROWTH SINCE 2011

Page 26: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

26/69

+512% SINCE 2011

Page 27: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

27/69

FRAGMENTATION

Android Screen Sizes iOS Screen Sizes

Page 28: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

28/69

TOOLS HAVE EVOLVED

Page 29: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

29/69

INCREASE IN MOBILE DESIGN SOLUTIONS

Page 30: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

30/69

MOBILE-AWARE

Page 31: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

31/69

FLUID LAYOUTS

Page 32: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

32/69

LATE STAGES: RESPONSIVE DESIGN

Page 33: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

33/69

ETHAN MARCOTTE & RESPONSIVE WEB DESIGN

Page 34: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

34/69

FLUID TABLES FLUID IMAGES

MEDIA QUERIES

Page 35: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

35/69

ALLOWS FOR ULTIMATE CONTROL

Page 36: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

36/69

MEDIA QUERY SUPPORT

stylecampaign.com/blog/2012/10/responsive-email-support/

Page 37: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

37/69

APPS & RENDERING ENGINES

Page 38: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

38/69

DESKTOP STYLES RETINA IMAGES

INCREASED BANDWIDTH

Page 39: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

39/69

Page 40: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

40/69

COMPANIES HAVE SEEN GREAT RESULTS

Page 41: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

41/69

WHILE THE EVOLUTION OF EMAIL HAS HELPED US ACHIEVE

BUSINESS GOALS…

Page 42: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

42/69

FEW OF US INNOVATE AND BUILD REAL CONNECTIONS WITH PEOPLE

Page 43: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

43/69

INSTEAD, WE’VE ALL BEEN DESIGNING DEFENSIVELY

Page 44: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

44/69

THIS IS THE TURNING POINT

Page 45: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

45/69

? WHAT DOES THE FUTURE LOOK LIKE WHEN WE CAN STOP DESIGNING DEFENSIVELY?

Page 46: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

46/69

FOUR PREDICTIONS

Page 47: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

47/69

PREDICTION #1 EMAIL DESIGN WILL BECOME A SOLVED PROBLEM

Page 48: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

48/69

OPEN KNOWLEDGE

Page 49: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

49/69

NEW TOOLS

Page 50: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

50/69

PREDICTION #2 GMAIL WILL GET BETTER

Page 51: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

51/69

BETTER CSS SUPPORT, ACROSS PLATFORMS

Page 52: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

52/69

PREDICTION #3 WE WILL SEE AN INCREASED FOCUS ON CONTENT

Page 53: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

53/69

ADVANCED PERSONALIZATION USE OF CONTEXT BETTER CONTENT

Page 54: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

54/69

PREDICTION #4 THE RISE OF EMAIL EXPERIENCE DESIGNERS

Page 55: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

55/69

Page 56: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

56/69

Page 57: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

57/69

Page 58: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

58/69

EXPERIENCE DESIGNERS ARE COMMON ON THE WEB

Page 59: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

59/69

THINK OF THE POSSIBILITIES FOR EMAIL

Page 60: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

60/69

“ POSITIVE EMOTIONAL EXPERIENCES TRAIN USERS TO FALL IN LOVE WITH A PRODUCT

OR SERVICE.

AARRON WALTER, MAILCHIMP

Page 61: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

61/69

EMAIL IS A

1-TO-1

MEDIUM

Page 62: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

62/69

THE INBOX IS A DIRECT LINK TO A PERSON

Page 63: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

63/69

WE’LL FINALLY BE ABLE TO FOCUS ON CRAFTING AN

EXPERIENCE FOR AN INDIVIDUAL

Page 64: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

64/69

THEIR SPECIFIC CONTEXT

Page 65: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

65/69

AND DELIGHTFUL INTERACTIONS

Page 66: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

66/69

WHEN WILL ALL OF THIS BE HAPPENING?

Page 67: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

67/69

WE’LL SEE GMAIL FIX MEDIA QUERY & CSS SUPPORT WITHIN THE NEXT YEAR

Page 68: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

68/69

WE’LL SEE A HUGE INCREASE IN SOPHISTICATED, RESPONSIVE CAMPAIGNS

IN THE NEXT 1-2 YEARS

Page 69: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

69/69

IT’S ALL UP TO YOU

Page 70: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

70/69

DON’T BE AFRAID TO BREAK NEW GROUND

Page 71: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

71/69

STOP CHASING UNIVERSAL RENDERING (IT DOESN’T EXIST)

Page 72: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

72/69

START BUILDING EXPERIENCES THAT DRIVE REAL RELATIONSHIPS

Page 73: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

73/69

RESOURCES

TRY LITMUS FREE FOR 14 DAYS pages.litmus.com/lp/evillage

Page 74: EMAIL AT THE TURNING POINTlitmus · the mobile revolution . 23/69 apple iphone . 24/69 how big is mobile? 25/69 mobile growth since 2011 . 26/69 +512% ... 30/69 mobile-aware . 31/69

74/69

PROFESSIONAL EMAIL DESIGN

GET IT FOR ONLY $10

https://gum.co/professionalemaildesign/evillage