SlideShare a Scribd company logo
Copywriting
Strategies for UX
BETTER
About Me
A brand strategist, copywriter, and digital
storyteller for more than 13 years,
Tracey John has worked with brands across
television, video games, e-commerce, and
healthcare. She is currently a consultant and
contractor working with several clients on
digital branding and copywriting.
A Few Brands I’ve Worked With…
My LinkedIn Profile
Work I’ve Done
Work I’ve Done
Work I’ve Done
Work I’ve Done
Work I’ve Done
What is UX?
(briefly)
COPY
COPY
What is microcopy?
“Microcopy is the text we don’t talk about
very often. It’s the label on a form field, a tiny
piece of instructional text, or the words on a
button. It’s the little text that can make or
break your user experience.”
— Smashing Magazine
Why is microcopy
important?
You see microcopy
everywhere,
everyday.
You don’t really notice when microcopy works.
But when it doesn’t work… you know.
Microcopy is more than
the copy on buttons
and in form fields.
Instructional Emails
Push Notifications
Alerts
Loading Screens
Error Messages
Log Out Screens
Settings
Release Notes
Even CAPTCHA
GUIDING

PRINCIPLES
No one reads.They skim.
1 CLARITY
CONTEXT2
CONSISTENCY3
CHARM4
My Guiding Principles: The 4 C’s
CLARITY
Does the copy clearly explain all the
information that the user needs?
Is it useful?
Is it simple and succinct?
Don’t give too much information.
Be sure to give the right information
that the user needs.
And remember:
Copy is not a crutch for bad design.
NOT Clear
TMI
TMI
Irony
Clear(er)
Clear
Clear
Clear
1 CLARITY
CONTEXT2
My Guiding Principles: The 4 C’s
CONTEXT
Is the copy relevant and appropriate
to the experience?
Does it have purpose and meaning?
Consider the platform of the interactions.
Don’t make assumptions about what info users
will know or retain during the interactions.
Out of Context
Out of Context
Out of Context
Out of Context
In Context
In Context
In Context
In Context
1 CLARITY
CONTEXT2
CONSISTENCY3
My Guiding Principles: The 4 C’s
CONSISTENCY
Is the copy consistent and logical throughout
the user flow and other platforms?
While the copy should still be tailored to each
platform, it should also be consistent with the
brand voice and speak to the users.
(We’ll talk more about brand voice in a bit.)
Inconsistent
Inconsistent
Whut
Consistent
Consistent
Consistent
1 CLARITY
CONTEXT2
CONSISTENCY3
CHARM4
My Guiding Principles: The 4 C’s
CHARM
Does the copy convey a human voice and the
personality of the brand—without sacrificing
clarity, context, and consistency?
Charm in microcopy can be
delightful and memorable…
But don’t overdo it.
Cute, But Ambiguous
Robot Speak
WTF
Charming
Charming
Charming
Charming
Charming
MORE ABOUT
CHARM
(BRAND VOICE)
“Brand voice is the purposeful, consistent
expression of a brand through words and
prose styles that engage and motivate. It’s
true: The personality of your brand is
determined, in large measure, by the words
you use and the sentences you write.”
— Larsen
The goal of UX design is to create products that are
useful, useable, and desirable… and when
possible… delightful.
Clarity, Context, and Consistency can make your products
useful, useable, and desirable.
Charm (brand voice) can make your products delightful
and stand out among your competitors.
Mail Chimp
Woot!
Virgin America
Virgin America
Virgin America
Virgin America
BarkBox
BarkBox
BarkBox
Yummly
Yummly
If available, the Brand Book or Style Guide is your friend.
Example Page in a Brand Book or Style Guide
Example Page in a Brand Book or Style Guide
Style Guide Resource
http://styleguide.mailchimp.com/
Style Guide Resource
http://voiceandtone.com/
Writing Resources
What about
process?
GOOD MICROCOPY

IS A 

TEAM EFFORT.
UX
WRITER (YOU)
DEVELOPERS &
DESIGNERS
THE TEAM
1 DISCOVER (goals)
DEFINE (audience)2
IDEATE & WRITE3
REVIEW & EVALUATE4
My Process (Similar to UX)
TEST & ITERATE5
Above all, be clear, useful, and friendly.
QUIZ!POP
(Not really.)
What’s wrong here?
How about here?
How would you fix this?
How would you fix this?
QUESTIONS & ANSWERS
Ask away!
Thanks for your time!
tracey@traceyjohn.com
@traceyjohn
More questions? Other comments? Give me a shout!

More Related Content

What's hot

What's hot (20)

UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
UX Vision, Strategy and Teams by Susan Wolfe, Optimal Experience
UX Vision, Strategy and Teams by Susan Wolfe, Optimal ExperienceUX Vision, Strategy and Teams by Susan Wolfe, Optimal Experience
UX Vision, Strategy and Teams by Susan Wolfe, Optimal Experience
 
UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.
UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.
UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.
 
UX Writing case study
UX Writing case studyUX Writing case study
UX Writing case study
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
UX Usability Heuristics
UX Usability HeuristicsUX Usability Heuristics
UX Usability Heuristics
 
What is UX?
What is UX?What is UX?
What is UX?
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
CX Strategy - Presentation to the Human Centred Design Group, Dubai dubai ...
CX Strategy - Presentation to the Human Centred Design Group, Dubai    dubai ...CX Strategy - Presentation to the Human Centred Design Group, Dubai    dubai ...
CX Strategy - Presentation to the Human Centred Design Group, Dubai dubai ...
 
UX design
UX designUX design
UX design
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
Ux/ui Design Solution Services
Ux/ui Design Solution ServicesUx/ui Design Solution Services
Ux/ui Design Solution Services
 
UX Bootcamp
UX BootcampUX Bootcamp
UX Bootcamp
 
UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1
 
Ux design process
Ux design processUx design process
Ux design process
 
Introduction to UX Design
Introduction to UX DesignIntroduction to UX Design
Introduction to UX Design
 
UI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServicesUI-UX Services | Web Designing Services
UI-UX Services | Web Designing Services
 

Viewers also liked

User-centric settlement for music streaming
User-centric settlement for music streamingUser-centric settlement for music streaming
User-centric settlement for music streaming
Arnt Maasø
 

Viewers also liked (20)

20 Tested and Proven Copywriting Rules That Can Triple Your Sales Appointments
20 Tested and Proven Copywriting Rules That Can Triple Your Sales Appointments20 Tested and Proven Copywriting Rules That Can Triple Your Sales Appointments
20 Tested and Proven Copywriting Rules That Can Triple Your Sales Appointments
 
Copywriting for UX
Copywriting for UXCopywriting for UX
Copywriting for UX
 
Designing for Call to Action
Designing for Call to ActionDesigning for Call to Action
Designing for Call to Action
 
WGP Universal Analytics Breakfast Seminar
WGP Universal Analytics Breakfast SeminarWGP Universal Analytics Breakfast Seminar
WGP Universal Analytics Breakfast Seminar
 
User-centric settlement for music streaming
User-centric settlement for music streamingUser-centric settlement for music streaming
User-centric settlement for music streaming
 
Projektowanie użytecznego e-sklepu
Projektowanie użytecznego e-sklepuProjektowanie użytecznego e-sklepu
Projektowanie użytecznego e-sklepu
 
Welcome to Userland - A user centric web2.0 workshop
Welcome to Userland - A user centric web2.0 workshopWelcome to Userland - A user centric web2.0 workshop
Welcome to Userland - A user centric web2.0 workshop
 
Między realem a digitalem
Między realem a digitalemMiędzy realem a digitalem
Między realem a digitalem
 
Call to Action Button Design
Call to Action Button DesignCall to Action Button Design
Call to Action Button Design
 
Human/User-Centric Security
Human/User-Centric SecurityHuman/User-Centric Security
Human/User-Centric Security
 
15 EPIC Copywriting Hacks Can Dramatically Improve Your Landing Page Conversion
15 EPIC Copywriting Hacks Can Dramatically Improve Your Landing Page Conversion15 EPIC Copywriting Hacks Can Dramatically Improve Your Landing Page Conversion
15 EPIC Copywriting Hacks Can Dramatically Improve Your Landing Page Conversion
 
User-centric design for large enterprises
User-centric design for large enterprisesUser-centric design for large enterprises
User-centric design for large enterprises
 
UX and copywriting - Blend Conference
UX and copywriting - Blend ConferenceUX and copywriting - Blend Conference
UX and copywriting - Blend Conference
 
Human-Centered Copywriting: How Your Words Can Make or Break Your User Experi...
Human-Centered Copywriting: How Your Words Can Make or Break Your User Experi...Human-Centered Copywriting: How Your Words Can Make or Break Your User Experi...
Human-Centered Copywriting: How Your Words Can Make or Break Your User Experi...
 
UX/CASE STUDY-STYLE COPYWRITING: Product Buying Guides
UX/CASE STUDY-STYLE COPYWRITING: Product Buying GuidesUX/CASE STUDY-STYLE COPYWRITING: Product Buying Guides
UX/CASE STUDY-STYLE COPYWRITING: Product Buying Guides
 
Andrew Roe: Microcopy
Andrew Roe: Microcopy Andrew Roe: Microcopy
Andrew Roe: Microcopy
 
USECON RoX 2015: Slip into your customers' shoes - Mobile Ethnography
USECON RoX 2015: Slip into your customers' shoes - Mobile EthnographyUSECON RoX 2015: Slip into your customers' shoes - Mobile Ethnography
USECON RoX 2015: Slip into your customers' shoes - Mobile Ethnography
 
Designing a user-centric strategy using digital
Designing a user-centric strategy using digitalDesigning a user-centric strategy using digital
Designing a user-centric strategy using digital
 
What is Design Thinking?
What is Design Thinking?What is Design Thinking?
What is Design Thinking?
 
UX for Apps - GDG at BUET 9 Nov 2013 Masrur Hannan and Shadman Rahman
UX for Apps - GDG at BUET 9 Nov 2013 Masrur Hannan and Shadman RahmanUX for Apps - GDG at BUET 9 Nov 2013 Masrur Hannan and Shadman Rahman
UX for Apps - GDG at BUET 9 Nov 2013 Masrur Hannan and Shadman Rahman
 

Similar to Copywriting Strategies for Better UX

Graphic Design For Developers Richmond Code Camp
Graphic Design For Developers Richmond Code CampGraphic Design For Developers Richmond Code Camp
Graphic Design For Developers Richmond Code Camp
Frank La Vigne
 
Article on User Experience 2004
Article on User Experience 2004Article on User Experience 2004
Article on User Experience 2004
Different
 
The Quest for the Ultimate UX Portfolio
The Quest for the Ultimate UX PortfolioThe Quest for the Ultimate UX Portfolio
The Quest for the Ultimate UX Portfolio
Pradeep Nayar
 

Similar to Copywriting Strategies for Better UX (20)

Graphic Design For Developers Richmond Code Camp
Graphic Design For Developers Richmond Code CampGraphic Design For Developers Richmond Code Camp
Graphic Design For Developers Richmond Code Camp
 
Article on User Experience 2004
Article on User Experience 2004Article on User Experience 2004
Article on User Experience 2004
 
Why Branding Can't Be An Afterthought
Why Branding Can't Be An AfterthoughtWhy Branding Can't Be An Afterthought
Why Branding Can't Be An Afterthought
 
UI/UX: Distinction and Trends
UI/UX: Distinction and TrendsUI/UX: Distinction and Trends
UI/UX: Distinction and Trends
 
UI/UX-Distinction and Trend
UI/UX-Distinction and TrendUI/UX-Distinction and Trend
UI/UX-Distinction and Trend
 
How to ux writing ramona furter
How to ux writing   ramona furterHow to ux writing   ramona furter
How to ux writing ramona furter
 
Ux: The New Brand Leaders
Ux: The New Brand LeadersUx: The New Brand Leaders
Ux: The New Brand Leaders
 
From Developer to Devigner
From Developer to DevignerFrom Developer to Devigner
From Developer to Devigner
 
The Quest for the Ultimate UX Portfolio
The Quest for the Ultimate UX PortfolioThe Quest for the Ultimate UX Portfolio
The Quest for the Ultimate UX Portfolio
 
Solving for X: Why the Future of Business is Experiential
Solving for X: Why the Future of Business is ExperientialSolving for X: Why the Future of Business is Experiential
Solving for X: Why the Future of Business is Experiential
 
Interaction Design Communication
Interaction Design CommunicationInteraction Design Communication
Interaction Design Communication
 
interaction design trends 2015 _ 2016
interaction design trends 2015 _ 2016interaction design trends 2015 _ 2016
interaction design trends 2015 _ 2016
 
2014 Best Practices on your Website
2014 Best Practices on your Website2014 Best Practices on your Website
2014 Best Practices on your Website
 
Difference between content writing and copywriting thoughtful minds
Difference between content writing and copywriting   thoughtful mindsDifference between content writing and copywriting   thoughtful minds
Difference between content writing and copywriting thoughtful minds
 
Groop Skool Workbook: Inception 42911
Groop Skool Workbook: Inception 42911Groop Skool Workbook: Inception 42911
Groop Skool Workbook: Inception 42911
 
Graphic Design For Developers
Graphic Design For DevelopersGraphic Design For Developers
Graphic Design For Developers
 
3 Ways to Design with Content in Mind
3 Ways to Design with Content in Mind3 Ways to Design with Content in Mind
3 Ways to Design with Content in Mind
 
Service Design Primer
Service Design PrimerService Design Primer
Service Design Primer
 
How to Design a Bot Experience Like Your Reputation Depends on it - Ben Scott...
How to Design a Bot Experience Like Your Reputation Depends on it - Ben Scott...How to Design a Bot Experience Like Your Reputation Depends on it - Ben Scott...
How to Design a Bot Experience Like Your Reputation Depends on it - Ben Scott...
 
Conversational
ConversationalConversational
Conversational
 

Recently uploaded

Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
Jaime Brown
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
anasabutalha2013
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
AlecAnidul
 

Recently uploaded (16)

Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to Fashion
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdf
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptx
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
Extended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive designExtended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive design
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in Technology
 
BIT- Pinal .H. Prajapati Graphic Designer
BIT- Pinal .H. Prajapati  Graphic DesignerBIT- Pinal .H. Prajapati  Graphic Designer
BIT- Pinal .H. Prajapati Graphic Designer
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 

Copywriting Strategies for Better UX