• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Email for mobile webinar slideshare

Email for mobile webinar slideshare



I held a webinar on 5th September 2012 talking about how to optimize emails for mobiles. Here's the presentation.

I held a webinar on 5th September 2012 talking about how to optimize emails for mobiles. Here's the presentation.



Total Views
Views on SlideShare
Embed Views



1 Embed 1

http://www.linkedin.com 1



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment
  • http://businesstoday.intoday.in/story/nokia-samsung-phone-war/1/24553.html http://tech2.in.com/news/smartphones/more-active-smartphone-users-in-india-than-in-us/303592 http://www.returnpath.net/blog/intheknow/2012/05/return-path-infographic-%E2%80%9Cemail-readership-on-mobile-devices-on-track-to-surpass-both-webmail-and-desktop-by-end-of-2012%E2%80%9D/

Email for mobile webinar slideshare Email for mobile webinar slideshare Presentation Transcript

  • Email for Mobile Geetanjali DigheTalk about this Webinar #juvlon
  • Agenda Some statistics Is it right for you? Design tips for mobile email Examples of mobile optimized emails Is this enough? Q&A
  • India Smartphone Outlook20 MillionSmartphoneSales
  • India Smartphone Outlook
  • India Smartphone Outlook
  • Why Email For Mobile? In 2012, 11 out 100 mobiles sold in India will be smartphones (In 2011, it was 6)[1] 81% Indian smartphone owner access email on the go [2] Mobile opens world-wide will surpass desktop opens this year: ReturnPath [3]
  • Is It For You? Check Email Analytics Device/email client stats Check websitemobile visitors What % of users areon mobile? How is this changing?
  • Doing Nothing Is Fine Not optimizing may be a valid strategy Does it make sense for your audience, brand or business? Focus on other ways to engage audience  If mobile audience is small  If you have limited resources
  • Know Your Audience People scan emails, more so on mobiles < 3% open on both mobile and desktop People check email everywhere  In bed  In the bathroom  While waiting, to kill time  At their in-laws
  • Designing Emails For Mobile Subject line: 30-35 characters Pre-header (preview text) very important
  • Typical Screen Sizes Iphone: – 320px X 480px - portrait – 480px X 320px - landscape Android: – 350px X 480px - portrait – 480 X 350 - landscape iPad: – 768 x 1024 - portrait – 1024 x 768 - landscape
  • Designing Emails for Mobile 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
  • Designing Emails for Mobile Encourage scrolling Try vertical menus Image Alt tags Use percentage instead of fixed width Single column Go on a “word diet”
  • Design Case Study: Mobile Optimized Email Took an existing desktop email – Viewed it on Blackberry, Andriod, iPhone Optimized to create a mobile email – Viewed optimized version in Blackberry, Android and iPhone
  • Desktop Email
  • Blackberry EmailDesktop Email
  • Desktop Email Android Email
  • Desktop Email Iphone Email
  • Before AfterBlackberryOptimized
  • Before AfterAndroidOptimized
  • Before AfterAndroidOptimized Next Screen
  • Before AfteriPhoneOptimized
  • Before AfteriPhoneOptimized
  • Before AfteriPhoneOptimized Next Screen
  • Responsive Email Design Use CSS3 @media queries – Detect screen size – Display specific content on different devices Needs CSS skills
  • How Email Code Looks<html><head><title>Email subject can be used here</title><style type=”text/css”>CSS3 Content Goes Here</style></head><body>HTML email code goes here</body></html>
  • How CSS Looks@media screen and (max-width: 400px) { .holmes { margin-right: some value; width: another value; }.watson { margin-right: some value; width: another value; }
  • Responsive Design Examples
  • Responsive Design Examples
  • Responsive Design Examples
  • Is This Enough? The big picture is still RoI Look beyond optimizing emails Optimize – Landing pages – Forms Check website analytics – Do you need a mobile website? – Do you need an App?
  • Challenges Is mobile email right for you? List Segmentation Design Optimizing web pages Justifying RoI
  • Resources Mobile Statistics – Convergence Catalyst Design – Emailology.org – A List Apart – Email on Acid
  • Thank youQuestionsGeetanjali DigheGeetanjali.Dighe@nichelive.comwww.juvlon.com