Download - Email on mobile...are you there yet
![Page 1: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/1.jpg)
Email on Mobile... Are you there yet?Naresh Bhagtani
Talk about this webinar #juvlon
![Page 2: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/2.jpg)
Naresh BhagtaniManaging DirectorNiche Software
Chief product architect of Juvlon email marketing
Clients across the world
Consulting since 8 years on email marketing
Presenter
![Page 3: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/3.jpg)
Coming up...
● Why email for mobile? Some stats and forecasts of the Indian environment
● How? Design approaches with examples● Design tips for mobile email● Is this enough?● Q&A
![Page 4: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/4.jpg)
Poll: do you use smartphones?
![Page 5: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/5.jpg)
India Mobile Internet Outlook
India will have 185 million mobile Internet users by June 2014.- IAMAI and IMRB report (Jan 2014)
In 2014, 207 million Indians will have smartphones.- Mediacells research (Jan 2014)
![Page 6: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/6.jpg)
Poll: which smartphone OS?
![Page 7: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/7.jpg)
Smartphone OS share in India
India is Android country● 91% Android● 5.6% Windows● 2.9% iOS● 0.5% Others
IDC – Mobile Tracker Sept 2013
91
5.62.90.5
![Page 8: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/8.jpg)
Smartphone OS share globally
The world is going Android too● 78.6% Android● 3.3% Windows● 15.2% iOS● 2.9% Others
IDC – Mobile Tracker 2013
78.6
3.3
15.2
2.9
![Page 9: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/9.jpg)
Mobile Email Stats and facts
Email is the No.1 app on a smartphoneIDC and Facebook – “Always Connected” (2013)
Worldwide mobile email opens top 51%- Litmus Jan 2014
Email is the No.1 app on a smartphoneIDC and Facebook – “Always Connected” (2013)
![Page 10: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/10.jpg)
Poll for email design worthiness
![Page 11: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/11.jpg)
Designing Emails for mobile
BlueHornet “Consumer Views of Email Marketing” (2012)
If an email does not display correctly,
69.7% subscribers will delete it immediately.
![Page 12: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/12.jpg)
How do you design mobile emails?
![Page 13: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/13.jpg)
Designing Emails for mobile
2 major approaches
● Mobile Only (first)
● Responsive design
![Page 14: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/14.jpg)
Mobile Only design for emails
Simplistic, minimalist● Think small screen, less resources● Mobile email shows same on desktop● Usually single column works best
![Page 15: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/15.jpg)
Mobile Only email design examples
![Page 16: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/16.jpg)
Mobile Only email design examples
![Page 17: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/17.jpg)
Responsive Email Design
One Email, Different Versions
Adjust email depending on screen-size● Use CSS3 @media queries
– Detect screen size
– Display specific content on different devices
● Needs CSS skills
![Page 18: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/18.jpg)
Responsive email design examples
![Page 19: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/19.jpg)
Responsive email design examples
![Page 20: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/20.jpg)
Responsive email design examples
![Page 21: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/21.jpg)
Responsive email: Ltd Compatibility
![Page 22: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/22.jpg)
Design Vs. Design
![Page 23: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/23.jpg)
Design Vs. Design
Mobile Only design● Works everywhere● Barebone design● Easy to create and
implement● 51% mobile opens
and rising● 30% mobile only
users
Responsive design● Limited compatibility● Design in full glory● Needs special design
and HTML skills● Desktop opens
reducing● Desktop-only users
don't exist
![Page 24: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/24.jpg)
And the winner is...
Mobile Only Email Design
takes the cake
![Page 25: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/25.jpg)
But wait...
Is there something in between?● Easy like mobile only● Extensible to larger screens like responsive● More design capable like responsive
Isn't there a hybrid design approach?
![Page 26: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/26.jpg)
Take a look at this...
![Page 27: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/27.jpg)
Hybrid design approach
● A two-column design (tables)● Stacks content automatically on a mobile● Extends automatically on the desktop● Very simple to create in HTML● No media queries required● Can work well for product-grid display if HTML
tables are coded correctly
![Page 28: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/28.jpg)
Generic design tips
![Page 29: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/29.jpg)
Design tips for mobile emails
KISS – Keep it Simple & Straightforward● Large font in email body
– 14px text, 22px headings
● Large call-to-actions, buttons– 45 x 45px finger tap
● Minimum images, smaller and lower● Single column● Go on a “word diet”
![Page 30: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/30.jpg)
Design tips for mobile emails
20/40/80 Rulewww.analyticsnerd.net/mobile-optimized-email-in-1-easy-step/
● Sender name: 20 characters or less
● Subject line: 40 characters or less
● Email headline: 80 chars or less, or at-least get the point across in the first 80 chars of the first sentence
![Page 31: Email on mobile...are you there yet](https://reader031.vdocuments.net/reader031/viewer/2022020206/5472ecc0b4af9fae0a8b50f2/html5/thumbnails/31.jpg)
Is this enough?
The big picture is still RoI● Look beyond optimizing emails● Optimize
– Landing pages
– Forms