UX copywriting guidelines for email and SMS

UX COPYWRITING GUIDELINES FOR EMAIL AND SMS
By Jacqueline Conrad, February 28, 2019
UX copywriting guidelines for email and SMS
UX copywriting guidelines for email and SMS
UX copywriting guidelines for email and SMS
UX copywriting guidelines for email and SMS
UX copywriting guidelines for email and SMS
UX copywriting guidelines for email and SMS
[NEED
examples of
straightforward
and vague
subject lines.]
* Data gathered July 10-17, 2017, referenced from Adobe Blog, ‘Consumers Are Still Email Obsessed, But They’re Finding More Balance’
*
Email messaging should aim to
inform more than entertain or sell.
Adobe asked consumers in a survey “If you could change one thing about the emails you
get from brands, what would it be?” The majority said they wished email content was less
about promotion and more about providing information. They’re savvy about when
someone’s selling too hard.*
* Adobe SlideShare, ‘Adobe Consumer Email Survey Report 2017’, Slide 32
UX copywriting guidelines for email and SMS
Subject Line
Preheader
Subject Line
Preview Text
Email Body
From Name
Called “Hidden
Preheader” when not
visible here but shows
up as preview text in
the inbox.
Inbox Email
UX copywriting guidelines for email and SMS
Subject Line
Subject Line
Subject lines usually truncate on
mobile devices when too long, so
it’s recommended to keep the
most critical information under
35 characters, including spaces.
iPhone 7, Gmail App
36
34
37
32
37
36
34
Charactercounts
Don’t sell what’s inside—
tell what’s inside. You
can be witty, but not at
the expense of clarity.
DON’Ts
Too vague Too long + hidden critical info Too repetitive
Too long + awkward truncation
DOs
Be straightforward and give details in preview text Add personality while maintaining clarity
(Through SL or preview text)
Use some consistency
when you need to instill
habits.
UX copywriting guidelines for email and SMS
Use emojis in subject lines
when it makes sense to be
a little more playful.
Because not every emoji is supported by every email client, device, or deploy tool,
emojis may get replaced by a or . Make sure the subject line communicates
the right message even if the emoji gets replaced.
Outlook, Firefox
iOS
Android
Gmail Outlook
Emojis take up more space than
text characters—about 2–5 times
more space. This means
maximum character counts
should decrease when
adding an emoji.
1 emoji
3.5 characters
UX copywriting guidelines for email and SMS
iPhone 7, Gmail AppDesktop Browser Gmail
None 1 line (default) 5 lines
Since it’s not guaranteed that
preview text will be visible to the
user, the preview text should NOT
be essential to the message.
iPhone 7, Mail App Default Setting
When set to the default, smaller
phones will show about 35-45
characters, including spaces.
It’s recommended to keep
essential info within a
40-character count.
45
46
Charactercounts
47
46
UX copywriting guidelines for email and SMS
Elements within the email like image alt tags and body copy
can show up in the preview text.
Subject line Preview text
Logo Image
Alt Tag
Hero Image
Alt Tag
Live Text
(Preheader)
Live Text Live Text
* Litmus, ‘8 Embarrassing Preview Text Mistakes + 4 Tips on How to Avoid Making Them’
UX copywriting guidelines for email and SMS
Headline
Subhead
Body Copy
Call to Action (CTA)
Logo/Header
Inbox Email
Hidden Preheader
Preview Text
Legal/Footer
UX copywriting guidelines for email and SMS
Inbox Email
The headline reinforces the
subject line message and
introduces the rest of the
email content.
The subhead gives a little
more detail or context to the
headline.
Body copy provides more
in-depth detail and
reinforces the preview text
message.
Inbox Email
The headline reinforces the
subject line message and
introduces the rest of the
email content.
The subhead reinforces the
preview text, and gives more
detail or context to the
headline
Inbox Email
The headline reinforces the
subject line and preview text
message, while introducing
the rest of the email content.
The subhead provides a
secondary, but related
message.
Inbox Email
Preview text truncates
and does not get
resolved or reinforced
in the email.
Takes too long to reinforce
the subject line message.
UX copywriting guidelines for email and SMS
The goals of a CTA button’s copy include:
1. Encourage action
2. Set expectations
Test the button by asking users: “What would you
expect to happen if you clicked this button?”
Optional: Lets the user know that
there’s a potential time restriction.
Only use when appropriate. It can
increase conversion, but if used too
often it can lose its effectiveness.
Required: Lets the
user know what will
happen when they
tap the button.
Suggested: Clarifies to the
user the type of content
they can expect when they
tap the button.
Verb + Benefit + Urgency
See travel benefits Pre-order now
Get offer details
Verb + Benefit + Urgency
Required Suggested Optional
Get the app
Sign up
Subscribe
Verb-only CTAs should be used only
when enough context has been
provided before arriving to this CTA.
Pay attention to the
body of the email and
the context it’s adding
to the CTA button.
now
UX copywriting guidelines for email and SMS
Keep under 160 characters. Going over will result in multiple
messages and could lead to:
• Messages sent in the wrong order if there’s a glitch
• Users getting turned off by long messages since they are used to getting
succinct messages on SMS
• Deployment lags due to higher throttle requirements for multiple
messages, especially with a high # of recipients
• Additional network charges since they charge per message
Keep it high-level with a link to learn more.
Getting too specific may trigger the need for legal
copy. For example, being specific about a
percentage off on a product can trigger the need to
present conditional information on that offer.
UX copywriting guidelines for email and SMS
1 of 47

More Related Content

What's hot(20)

ZARAZARA
ZARA
Kunika Gupta12.2K views
Brand Management - Zara FashionBrand Management - Zara Fashion
Brand Management - Zara Fashion
Prosenjit Sarkar, CLDM®, Prince2® Practitioner3.5K views
Marketing Seminar MBA Exam - Branding AASTMarketing Seminar MBA Exam - Branding AAST
Marketing Seminar MBA Exam - Branding AAST
Dr. Haitham Ibrahim1.8K views
zara SCMzara SCM
zara SCM
ihab tarek3.6K views
A fashion brand  smmA fashion brand  smm
A fashion brand smm
Paru Taneja3.8K views
Loro pianaLoro piana
Loro piana
Romain Bérodier3.5K views
Burberry Case Study ReportBurberry Case Study Report
Burberry Case Study Report
Ce'erica Roland-Ferguson2.4K views
Co-brandingCo-branding
Co-branding
Balaji K38.7K views
Retail Management, Michael KorsRetail Management, Michael Kors
Retail Management, Michael Kors
Rachael McGowan22.6K views
Zara Marketing Development ReportZara Marketing Development Report
Zara Marketing Development Report
AnessaLeng6.7K views
Marketing Innovation for Gap Inc. - PaperMarketing Innovation for Gap Inc. - Paper
Marketing Innovation for Gap Inc. - Paper
Shital Kadakia14.1K views
Vm guidelines Vm guidelines
Vm guidelines
Pawan Singh324 views

Similar to UX copywriting guidelines for email and SMS (20)

Recently uploaded(20)

How To Build Digital Marketing Strategies - Kuralay Assainova, Liana Technolo...How To Build Digital Marketing Strategies - Kuralay Assainova, Liana Technolo...
How To Build Digital Marketing Strategies - Kuralay Assainova, Liana Technolo...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions52 views
Account Based Marketing - Amanda, Pragmattica Digital ConsultingAccount Based Marketing - Amanda, Pragmattica Digital Consulting
Account Based Marketing - Amanda, Pragmattica Digital Consulting
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions32 views
Creating the Best ChatGPT Prompts - Using Generative AI to Help You Everyday ...Creating the Best ChatGPT Prompts - Using Generative AI to Help You Everyday ...
Creating the Best ChatGPT Prompts - Using Generative AI to Help You Everyday ...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions19 views
Building A Content Engine For Scale - Eda Kavlakoglu, IBMBuilding A Content Engine For Scale - Eda Kavlakoglu, IBM
Building A Content Engine For Scale - Eda Kavlakoglu, IBM
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions34 views
Data Sources to Produce Better Organic Visibility - Nick Kruger, Ogilvy SAData Sources to Produce Better Organic Visibility - Nick Kruger, Ogilvy SA
Data Sources to Produce Better Organic Visibility - Nick Kruger, Ogilvy SA
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions31 views
What I learned from Online advertising - Michelle Geere, AdbotWhat I learned from Online advertising - Michelle Geere, Adbot
What I learned from Online advertising - Michelle Geere, Adbot
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions31 views
Executive Influence in the Digital Age - Zeev Wexler, Wexler Consulting GroupExecutive Influence in the Digital Age - Zeev Wexler, Wexler Consulting Group
Executive Influence in the Digital Age - Zeev Wexler, Wexler Consulting Group
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions42 views
The Relationship Between Strategy, Marketing and Technology - Nikki Cockcroft...The Relationship Between Strategy, Marketing and Technology - Nikki Cockcroft...
The Relationship Between Strategy, Marketing and Technology - Nikki Cockcroft...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions34 views
Harnessing the power of FREE behavioral analytics with Microsoft Clarity - Ah...Harnessing the power of FREE behavioral analytics with Microsoft Clarity - Ah...
Harnessing the power of FREE behavioral analytics with Microsoft Clarity - Ah...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions32 views
How Brands Are Making Better Digital Marketing Decisions - Neil Pursey, Measu...How Brands Are Making Better Digital Marketing Decisions - Neil Pursey, Measu...
How Brands Are Making Better Digital Marketing Decisions - Neil Pursey, Measu...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions31 views
How To Actually Turn Cold DMs & Cold Email Systems Into Clients - William Zim...How To Actually Turn Cold DMs & Cold Email Systems Into Clients - William Zim...
How To Actually Turn Cold DMs & Cold Email Systems Into Clients - William Zim...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions34 views
Improve Your Digital Experience to Drive More Revenue - Alp Mimaroglu, SyscoImprove Your Digital Experience to Drive More Revenue - Alp Mimaroglu, Sysco
Improve Your Digital Experience to Drive More Revenue - Alp Mimaroglu, Sysco
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions17 views
Document Processing Made Better - Hadi Harb, ApryseDocument Processing Made Better - Hadi Harb, Apryse
Document Processing Made Better - Hadi Harb, Apryse
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions48 views
Driving value from first-party data in a privacy-centric world - Vimal Badian...Driving value from first-party data in a privacy-centric world - Vimal Badian...
Driving value from first-party data in a privacy-centric world - Vimal Badian...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions47 views
Panel - Digital Marketing in the New Era of Privacy & Data Governance - Ashle...Panel - Digital Marketing in the New Era of Privacy & Data Governance - Ashle...
Panel - Digital Marketing in the New Era of Privacy & Data Governance - Ashle...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions32 views
DemandMore Example Monthly DeckDemandMore Example Monthly Deck
DemandMore Example Monthly Deck
WesleyParker1019 views
Generative AI The New Wild West of SEO - Ryan Huser, ResignalGenerative AI The New Wild West of SEO - Ryan Huser, Resignal
Generative AI The New Wild West of SEO - Ryan Huser, Resignal
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions35 views
Understanding Your Consumer Through Data - Hiram Enriquez & Katie Mack, Amazo...Understanding Your Consumer Through Data - Hiram Enriquez & Katie Mack, Amazo...
Understanding Your Consumer Through Data - Hiram Enriquez & Katie Mack, Amazo...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions32 views

UX copywriting guidelines for email and SMS

  • 1. UX COPYWRITING GUIDELINES FOR EMAIL AND SMS By Jacqueline Conrad, February 28, 2019
  • 8. [NEED examples of straightforward and vague subject lines.] * Data gathered July 10-17, 2017, referenced from Adobe Blog, ‘Consumers Are Still Email Obsessed, But They’re Finding More Balance’ *
  • 9. Email messaging should aim to inform more than entertain or sell. Adobe asked consumers in a survey “If you could change one thing about the emails you get from brands, what would it be?” The majority said they wished email content was less about promotion and more about providing information. They’re savvy about when someone’s selling too hard.* * Adobe SlideShare, ‘Adobe Consumer Email Survey Report 2017’, Slide 32
  • 11. Subject Line Preheader Subject Line Preview Text Email Body From Name Called “Hidden Preheader” when not visible here but shows up as preview text in the inbox. Inbox Email
  • 14. Subject lines usually truncate on mobile devices when too long, so it’s recommended to keep the most critical information under 35 characters, including spaces. iPhone 7, Gmail App 36 34 37 32 37 36 34 Charactercounts
  • 15. Don’t sell what’s inside— tell what’s inside. You can be witty, but not at the expense of clarity.
  • 16. DON’Ts Too vague Too long + hidden critical info Too repetitive Too long + awkward truncation
  • 17. DOs Be straightforward and give details in preview text Add personality while maintaining clarity (Through SL or preview text)
  • 18. Use some consistency when you need to instill habits.
  • 20. Use emojis in subject lines when it makes sense to be a little more playful.
  • 21. Because not every emoji is supported by every email client, device, or deploy tool, emojis may get replaced by a or . Make sure the subject line communicates the right message even if the emoji gets replaced. Outlook, Firefox iOS Android Gmail Outlook
  • 22. Emojis take up more space than text characters—about 2–5 times more space. This means maximum character counts should decrease when adding an emoji. 1 emoji 3.5 characters
  • 24. iPhone 7, Gmail AppDesktop Browser Gmail
  • 25. None 1 line (default) 5 lines
  • 26. Since it’s not guaranteed that preview text will be visible to the user, the preview text should NOT be essential to the message.
  • 27. iPhone 7, Mail App Default Setting When set to the default, smaller phones will show about 35-45 characters, including spaces. It’s recommended to keep essential info within a 40-character count. 45 46 Charactercounts 47 46
  • 29. Elements within the email like image alt tags and body copy can show up in the preview text.
  • 30. Subject line Preview text Logo Image Alt Tag Hero Image Alt Tag Live Text (Preheader) Live Text Live Text
  • 31. * Litmus, ‘8 Embarrassing Preview Text Mistakes + 4 Tips on How to Avoid Making Them’
  • 33. Headline Subhead Body Copy Call to Action (CTA) Logo/Header Inbox Email Hidden Preheader Preview Text Legal/Footer
  • 35. Inbox Email The headline reinforces the subject line message and introduces the rest of the email content. The subhead gives a little more detail or context to the headline. Body copy provides more in-depth detail and reinforces the preview text message.
  • 36. Inbox Email The headline reinforces the subject line message and introduces the rest of the email content. The subhead reinforces the preview text, and gives more detail or context to the headline
  • 37. Inbox Email The headline reinforces the subject line and preview text message, while introducing the rest of the email content. The subhead provides a secondary, but related message.
  • 38. Inbox Email Preview text truncates and does not get resolved or reinforced in the email. Takes too long to reinforce the subject line message.
  • 40. The goals of a CTA button’s copy include: 1. Encourage action 2. Set expectations Test the button by asking users: “What would you expect to happen if you clicked this button?”
  • 41. Optional: Lets the user know that there’s a potential time restriction. Only use when appropriate. It can increase conversion, but if used too often it can lose its effectiveness. Required: Lets the user know what will happen when they tap the button. Suggested: Clarifies to the user the type of content they can expect when they tap the button. Verb + Benefit + Urgency
  • 42. See travel benefits Pre-order now Get offer details Verb + Benefit + Urgency Required Suggested Optional Get the app Sign up Subscribe Verb-only CTAs should be used only when enough context has been provided before arriving to this CTA.
  • 43. Pay attention to the body of the email and the context it’s adding to the CTA button. now
  • 45. Keep under 160 characters. Going over will result in multiple messages and could lead to: • Messages sent in the wrong order if there’s a glitch • Users getting turned off by long messages since they are used to getting succinct messages on SMS • Deployment lags due to higher throttle requirements for multiple messages, especially with a high # of recipients • Additional network charges since they charge per message
  • 46. Keep it high-level with a link to learn more. Getting too specific may trigger the need for legal copy. For example, being specific about a percentage off on a product can trigger the need to present conditional information on that offer.

Editor's Notes

  1. Reference: https://theblog.adobe.com/consumers-are-still-email-obsessed-but-theyre-finding-more-balance/
  2. Reference: Slide 32 https://www.slideshare.net/adobe/adobe-consumer-email-survey-report-2017?from_action=save It doesn’t need to be dry. It can have personality, but it should feel helpful instead of pushy.
  3. Reference: https://litmus.com/blog/8-embarrassing-preview-text-mistakes-4-tips-on-how-to-avoid-making-them