Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Email for mobile webinar

497 views

Published on

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

Published in: Business, Technology
  • Be the first to comment

  • Be the first to like this

Email for mobile webinar

  1. 1. Email for Mobile Geetanjali DigheTalk about this Webinar #juvlon
  2. 2. Agenda Some statistics Is it right for you? Design tips for mobile email Examples of mobile optimized emails Is this enough? Q&A
  3. 3. India Smartphone Outlook20 MillionSmartphoneSales
  4. 4. India Smartphone Outlook
  5. 5. India Smartphone Outlook
  6. 6. 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]
  7. 7. Is It For You? Check Email Analytics Device/email client stats Check websitemobile visitors What % of users areon mobile? How is this changing?
  8. 8. 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
  9. 9. 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
  10. 10. Designing Emails For Mobile Subject line: 30-35 characters Pre-header (preview text) very important
  11. 11. 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
  12. 12. 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
  13. 13. 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”
  14. 14. 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
  15. 15. Desktop Email
  16. 16. Blackberry EmailDesktop Email
  17. 17. Desktop Email Android Email
  18. 18. Desktop Email Iphone Email
  19. 19. Before AfterBlackberryOptimized
  20. 20. Before AfterAndroidOptimized
  21. 21. Before AfterAndroidOptimized Next Screen
  22. 22. Before AfteriPhoneOptimized
  23. 23. Before AfteriPhoneOptimized
  24. 24. Before AfteriPhoneOptimized Next Screen
  25. 25. Responsive Email Design Use CSS3 @media queries – Detect screen size – Display specific content on different devices Needs CSS skills
  26. 26. 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>
  27. 27. 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; }
  28. 28. Responsive Design Examples
  29. 29. Responsive Design Examples
  30. 30. Responsive Design Examples
  31. 31. 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?
  32. 32. Challenges Is mobile email right for you? List Segmentation Design Optimizing web pages Justifying RoI
  33. 33. Resources Mobile Statistics – Convergence Catalyst Design – Emailology.org – A List Apart – Email on Acid
  34. 34. Thank youQuestionsGeetanjali DigheGeetanjali.Dighe@nichelive.comwww.juvlon.com

×