mobile email best practices

41
in a Mobile World Email Marketin g Best Practice s Icons made by http://www.freepik.com from www.flaticon.com, licensed under http://creativecommons.org/licenses/by/3.0

Upload: presslaff-interactive-revenue

Post on 27-Jun-2015

313 views

Category:

Marketing


0 download

DESCRIPTION

Mobile Friendly or Responsive Design? Learn how to optimize your emails for the increasingly mobile world.

TRANSCRIPT

Page 1: Mobile Email Best Practices

in aMobileWorld

Email

Marketi

ng Best Practices

Icons made by http://www.freepik.com from www.flaticon.com, licensed under http://creativecommons.org/licenses/by/3.0

Page 2: Mobile Email Best Practices

Like much of marketing, email marketing is constantly evolving…

http://tomfishburne.com/2008/08/evolution-of-ma.html

Page 3: Mobile Email Best Practices

…And we’ve evolved into a mobile world.

http://tomfishburne.com/2008/08/evolution-of-ma.html

Page 4: Mobile Email Best Practices

Have your emails made it there yet?

Page 5: Mobile Email Best Practices

Don’t worry.We’re here to help.

Page 6: Mobile Email Best Practices

Here’s the thing.

Mobile has overtaken desktop.

Marketingland.com

Page 7: Mobile Email Best Practices

And email is the top activity on Smartphones.

Page 8: Mobile Email Best Practices

if the time spent on the Internet via

mobile was distilled into 1 hour,

14 minutes would be spent

on email, beating out both

social networking (9 minutes)

and entertainment (8 minutes)

http://themogulmom.com/2011/01/how-much-are-invisible-tasks-costing-you

In fact

Page 9: Mobile Email Best Practices

And since email drives the most sales…

ExactTarget

Page 10: Mobile Email Best Practices

Your message should go wherever people will be looking for it.

http://www.theguardian.com/technology/2011/oct/07/samsung-nexus-prime-steve-jobs

Page 11: Mobile Email Best Practices

And it should look good

when they see it.

© Paramount Pictures

Page 12: Mobile Email Best Practices

Because if it doesn’t look good, they won’t look long.

http://www.emailmonday.com/mobile-email-usage-statistics

Page 13: Mobile Email Best Practices

If it’s not designed for mobile, it’s not going to display well, causing scrolling and PZS*.

*Pinch and Zoom Syndrome

Page 14: Mobile Email Best Practices

If it’s difficult to maneuver, people

won’t do it.

It can also be really hard to click through links.

http://www.homesinlaytonutah.com/happenings/

Page 15: Mobile Email Best Practices

So let’s get down to business.

http://lightspeedsound.tumblr.com/post/32219785841/avante-gardeian-squigglydigg

Page 16: Mobile Email Best Practices

What’s the difference between

Mobile Friendlyand

Responsive Design?

http://www.cieliterature.com/category/as-poetry/

Page 17: Mobile Email Best Practices

Mobile FriendlyOne layout that stays the same

regardless of the device it’s on.

http://www.pinpointe.com/blog/tips-to-creating-a-mobile-friendly-website

Page 18: Mobile Email Best Practices

Mobile friendly copy is

Finger Friendly.

http://www.itjobb.se/blogg/

Page 19: Mobile Email Best Practices

It will display well on most devices.

Page 20: Mobile Email Best Practices

But users may still have problems on different devices because it’s a one-size-fits-all solution.

Intelligentenergytoday.com

Page 21: Mobile Email Best Practices

Responsive Design

Content is coded to display (or respond) based on the device ‘calling’ it.

http://www.clipartpanda.com/clipart_images/silver-laptop-icon-psd-32759947Icons made by http://www.freepik.com from www.flaticon.com, licensed under http://creativecommons.org/licenses/by/3.0

Page 22: Mobile Email Best Practices

With Responsive Design, the content automatically rearranges in response to the device that’s

being used to view it.

Page 23: Mobile Email Best Practices

Responsive design relies on CSS and is the standard for sites

and emails.

http://www.demonicpigeon.com/viewtopic.php?p=25397&sid=3d2b5f6ac346a9f4190ba0466342f7d4

Page 24: Mobile Email Best Practices

Responsive Design is ideal.

http://breathingsocialmedia.wordpress.com/2013/10/10/what-a-hashtag-is-umm-neverthoughtaboutthat/

Page 25: Mobile Email Best Practices

Responsive Design? Check!

What’s next?

http://www.ewallpapers.eu/view_wallpaper/mountaineering-1920-1440-4859.html

Page 26: Mobile Email Best Practices

The Key to Creating Effective Mobile Emails…

http://www.nymomsworld.com/blog/2014/09/10214-workshop-keys-to-a-successful-school-year-for-your-child/

Page 27: Mobile Email Best Practices

Use bullet points Keep it short Use catchy headlines Provide links for more detail

http://www.nymomsworld.com/blog/2014/09/10214-workshop-keys-to-a-successful-school-year-for-your-child/

Page 28: Mobile Email Best Practices

But the very first sample is…

the subject lines, which are only slightly different on mobile than on

desktop.Huffingtonpost.com

Page 29: Mobile Email Best Practices

You’ll want to use shorter subject lines

to fit the smaller screens

https://wefalllaughing.wordpress.com/category/childrens-poetry/

Page 30: Mobile Email Best Practices

Make sure that the best part of your subject is

within the first 24 characters

of the subject line.

Android truncates at 24 characters and Apple truncates at 31.

http://imgur.com/s2uZX

Page 31: Mobile Email Best Practices

Okay, subject line and content are great, so

you’re ready to go right?!

©United Plankton Pictures

Wrong.Send time may be

different for mobile users, too.

Page 32: Mobile Email Best Practices

Smartphone and desktop almost completely oppose each other when it comes to open times, and tablet

users tend to open at different times as well.

Movable Ink

Page 33: Mobile Email Best Practices

And if you break down your audience by age, you can see how likely they are to use a desktop,

phone, or tablet to read your emails, which should further help you customize your emails.

Live Intent

Page 34: Mobile Email Best Practices

Finally, there are a few special considerations when it comes to size.

http://en.wikipedia.org/wiki/User:Colin_Douglas_Howell/Galleries/Dinosauria_size_comparison_table#mediaviewer/File:Human-allosaurus_size_comparison.png

Page 35: Mobile Email Best Practices

no more than 600 pixels wide(but avoid dividing space up smaller than 320 pixels wide)

Your content should be

Page 36: Mobile Email Best Practices

Make sure your font isn’t too big or small

A good rule of thumb is to use 14-16 pt. for body text and

22-28 pt. for headlines.http://www.aquire.com/blog/post/559/making-hr-big-data-not-so-big

Page 37: Mobile Email Best Practices

Pre-header

Make the most of your pre-header, or the first 50-100 characters of

email copy.

Page 38: Mobile Email Best Practices

Make clickable areas a

minimum of 29x44 pixels

with a 10 pixel pad.

Also avoid using a “traditional” navigation menu bar. The buttons

would be too small and un-clickable.

Prepare for “fat-finger” syndrome.

http://elaineeksvard.se/blog/2013/06/26/elaine-ar-sa-sjukt-blast-mitt-ex-glomde-lagga-pa-luren-och-jag-horde-allt/happy-finger-friends/

Page 39: Mobile Email Best Practices

Make your Call to Actions clear, and make the clickable

areas obvious.

And put it above and below the fold.

http://urduonlinemoney4u.blogspot.com/2014/09/ads-reward-daily-making-money-online.html

Page 40: Mobile Email Best Practices

The march to mobile is growing stronger.

Make sure you’re using the right tools,

the right way, with the right devices in mind.