Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016...

82

Transcript of Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016...

Page 1: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%
Page 2: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Saurabh Rajpal

For Emails in eCommerce

Technical Solutions Consultant Google India

@imsaurabhrajpal

@imsaurabhrajpal

Page 3: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

of sites are built with a CMS

Source:

w3techs.com/technologies/overview/content_management/all

@imsaurabhrajpal

Page 4: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

CMS usage is up and to the right

40%

30%

20%

10%

0%

2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019

50%

60%

23.6%29%

31.8%35.2%

38.3%43.4%

46.7% 48.7%

54.7% 56.3%

Y/Y Change 5.4% 2.8% 3.4% 3.1% 5.1% 3.3% 2% 6% 1.6%

CMS Usage by Year (on Jan 1)

@imsaurabhrajpal

Page 5: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

The webby the numbers

@imsaurabhrajpal

Page 6: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Is it useful? Is it usable?Is it happening?

First Paint (FP) First Contentful Paint (FCP)

First Meaningful Paint (FMP)

Time to Interactive (TTI)

User-centric performance metrics

@imsaurabhrajpal

Page 7: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Joomla!

WordPress

Fast First Contentful Paint (<1 second)

Drupal Contentful

Shopify Magento

Desktop is improving, slowly. Mobile is improving, faster! This is a ~consistent trend across all platforms.

Desktop Mobile

@imsaurabhrajpal

Page 8: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Joomla!

WordPress

Fast First Contentful Paint (<1 second)

Drupal Contentful

Shopify Magento

Desktop is improving, slowly. Mobile is improving, faster! This is a ~consistent trend across all platforms.

Desktop Mobile

@imsaurabhrajpal

Page 9: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Performance in the lab Performance in the real world

@imsaurabhrajpal

Page 10: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Lab data(Synthetic)

Lots of data, straightforward debugging

Not real world

@imsaurabhrajpal

Page 11: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Field data/RUM(Real user measurement)

True real-world experience. Can be correlated with business metrics

Restricted set of metrics

@imsaurabhrajpal

Page 12: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

+Lab and field

@imsaurabhrajpal

Page 13: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

PageSpeed InsightsLighthouse Chrome User Experience Report (CrUX)

+

Lab Lab + Field Field

@imsaurabhrajpal

Page 14: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Lighthouse

@imsaurabhrajpal

Page 15: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Lighthouse

@imsaurabhrajpal

Page 16: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Lighthouse

@imsaurabhrajpal

Page 17: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Lighthouse Stack PacksTailored advice for your tech stack

@imsaurabhrajpal

Page 18: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Without Stack Pack

Audit title

Recommendedaction

@imsaurabhrajpal

Page 19: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 20: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 21: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Magento Stack Pack wasbuilt withcommunity contributions ♥

@imsaurabhrajpal

Page 22: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

github.com/↲GoogleChrome/lighthouse-stack-packs

@imsaurabhrajpal

Page 23: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

PageSpeed Insights

@imsaurabhrajpal

Page 24: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

PageSpeed Insights

Field data

Lab data

@imsaurabhrajpal

Page 25: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Real User Metrics

from Chrome users,

by country, for 6,008,004* origins

@imsaurabhrajpal

Page 26: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Real User Metrics

from Chrome users,

by country, for 6,008,004* origins

* SELECT COUNT(DISTINCT origin)

FROM `chrome-ux-report.all.201909`;

@imsaurabhrajpal

Page 27: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 28: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

1. Create a Google Cloud Project

2. Enable the Big Query API

@imsaurabhrajpal

Page 29: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 30: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 31: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 32: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 33: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 34: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 35: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 36: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Chrome User Experience Report (CrUX)

@imsaurabhrajpal

Page 37: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Chrome User Experience Report (CrUX)

@imsaurabhrajpal

Page 38: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Chrome User Experience Report (CrUX)

@imsaurabhrajpal

Page 39: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Chrome User Experience Report (CrUX)

@imsaurabhrajpal

Page 40: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Chrome User Experience Report (CrUX)

@imsaurabhrajpal

Page 41: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Chrome User Experience Report (CrUX)

@imsaurabhrajpal

Page 42: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

httparchive.org

@imsaurabhrajpal

Page 43: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 44: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

5,000,000 sites total

0,057,000 Magento sites

@imsaurabhrajpal

Page 45: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

1745 KB

Median web sites

Total Kilobytes

2711 KB

Median Magento sites

@imsaurabhrajpal

Page 46: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

80.4%

Median web sites

% of sites on HTTPS

93.6%

Median Magento sites

@imsaurabhrajpal

Page 47: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

7.1s

Median web sites

First contentful paint

8.5s

Median Magento sites

@imsaurabhrajpal

Page 48: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

74.9%

Median web sites

Fast first input delay

80.0%

Median Magento sites

@imsaurabhrajpal

Page 49: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 50: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 51: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 52: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 53: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 54: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

is an ecosystem!

@imsaurabhrajpal

BUT

Page 55: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Why AMP for email?

@imsaurabhrajpal

Page 56: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Why AMP for email?

@imsaurabhrajpal

Page 57: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Promotions from businesses

Social network notifications

Making plans with friends

Work notifications

Recommendations from businesses

Customer Exp surveys

Receipts

@imsaurabhrajpal

Page 58: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

1.5B Gmail users monthly

280B Emails SentDaily in 2018

@imsaurabhrajpal

Page 59: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

~2000

The Evolutionof Web

@imsaurabhrajpal

Page 60: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

2019

The Evolutionof Web

@imsaurabhrajpal

Page 61: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Emails have remained the same...

2019~2000

@imsaurabhrajpal

Page 62: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Email plays a central role in our lives

The web has evolved dramatically over the past two decades

Email has been left behind

@imsaurabhrajpal

Page 63: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

AMP for Email

@imsaurabhrajpal

Page 64: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Why AMP for email?

InteractiveOffer new opportunities for readers to engage and take action directly in an email.

VersatileInclude multiple categories, links, and CTAs – which can lead to more user engagement.

SmarterReduce the number of clicks, increase adoptions, and improve down-funnel engagement.

@imsaurabhrajpal

Page 65: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Example Feature: Carousel

@imsaurabhrajpal

Page 66: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Example Feature: Accordian

@imsaurabhrajpal

Page 67: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Allow users to take action

Bring engaging

experiencesto emails

Fetch up-to-date

information

Advantages!

@imsaurabhrajpal

Page 68: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Google DocsReply to comments

@imsaurabhrajpal

Page 69: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

PinterestBrowse Ideas

@imsaurabhrajpal

Page 70: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Travel Recommendations

@imsaurabhrajpal

Page 71: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 72: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 73: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 74: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

@imsaurabhrajpal

Page 75: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

1. Purpose

2. Discovery

3. Navigation

Do dynamic elements support the email’s intended purpose?

Are users aware of interactive elements, or up-to-date content?

Does the nav structure of the email complement its purpose?

Design Guidelines

@imsaurabhrajpal

Page 76: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

4. Confirmation

5. Short & sweet

6. Accessibility

Are dynamic elements scoped to the scale of an email? Does it link out when appropriate?

Is the email accounting for accessibility best practices?

Are actions supported in the email followed by feedback on status, success, or failure?

Design Guidelines

@imsaurabhrajpal

Page 77: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Ecosystem Overview

Creation & Design

@imsaurabhrajpal

Page 78: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Ecosystem Overview

Creation & Design

Testing

@imsaurabhrajpal

Page 79: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Ecosystem Overview

Creation & Design

Testing

ClientsDeveloper preview

ComingSoon!

@imsaurabhrajpal

Page 80: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Ecosystem Overview

DELIVERY

@imsaurabhrajpal

Page 81: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

go.amp.dev/learn-emailg.co/dev/ampemail

Gmail : g.co/dev/ampemail

Mail.ru : https://postmaster.mail.ru/amp

Outlook: docs.microsoft.com/en-gb/outlook/amphtml/

Get started today!!

@imsaurabhrajpal

Page 82: Saurabh Rajpal · CMS usage is up and to the right 40% 30% 20% 10% 0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 Sept 2019 50% 60% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7%

Thank You

@imsaurabhrajpal