SlideShare a Scribd company logo
An introduction to
content design
Clare Reucroft & Justin Darley
Introductions…
Clare Reucroft
Content Designer
Justin Darley
UX Research Lead
Where do your ideas for content come from?
Within your organisation
You
You and your intel of what’s topical
Your audience
What is content
design then?
Content design is
answering a user need
in the best way for a
user to consume it.”
- Sarah Richards
“
Jo Dimbleby @boldscript
Process &
Techniques
Process
► Research
► User needs
► Channel and journey mapping
► Language and emotion
► Creation
► Sharing
► Iteration
Before
After
User stories for Action Duchenne
Duchenne Dad Need #1
As a Duchenne Dad
I want to understand how I fit in
So that I can better support my family
Duchenne Dad Need #2
As a Duchenne Dad
I want to connect with other Duchenne dads
So that I feel less alone
How could Action Duchenne
answer these needs?
Duchenne Dads – Sample Content
Every year, Action Duchenne hosts its
international conference for the Duchenne
community. It’s the most amazing weekend
where mums and dads, researchers, and people
living with Duchenne can learn, grow and
support one another.
Techniques
► Post-it notes are your friend…
► Research
► Sketching
► Pair writing
► Peer review
► Content crits
► Analytics
Sketching for SafeLives
Analytics
Traffic alone is not
enough, you’ve got
to look deeper.
Content Design at Mind
Core content modelling
Key areas of focus – core pages
Information about a condition
► How can we support people looking for help from Mind?
► A page about a mental health condition is the primary
landing page on the website. How can it be better?
Fundraising events
► How can we make participation easier?
► Community events and activities are the largest income
stream but fundraising support materials can be hard to find
Donation
► How can we reduce the friction of giving to Mind?
The Core Content Model
Originally developed by information architect, Are Halland
Balancing user needs with Mind objectives
Indicating how the user will get to this content
Where have the users come from?
Identifying the core content required
What items of content do we require to help support user
needs, and to respect the objectives of Mind?
Where next?
After the user has met their needs,
where should they go next?
Here’s one we made earlier
There is limited space on a
mobile phone screen.
What do your users need to see,
and be able to act upon?
Prioritising content
Challenges
Content overload
► Inconsistency
► Quantity
Standardising inconsistent content
Standardising inconsistent content
► 757 “Information and Support”
pages migrated
► A migration team of five
► More than seven months to
migrate (not including analysis)
► Other sections of the site still
being migrated
Quantity and complexity
of content
Tips
★ Start early - the research takes a while
★ Use the language of your audience
★ Build good relationships
★ Take a phased approach
Thank you
wearesigma.com @wearesigma
An introduction to content design
References, further reading and people to follow
► Content Design by Sarah Richards
► The Core Model: Designing inside out
for better results by Ida Aalen
► Priority Guides: A Content-First
Alternative to Wireframes by Heleen
van Nues and Lennart Overkamp
► Managing Chaos by Lisa Welchman
► Sarah Richards - @ContentDesignLN
► Amy Hupe - @Amy_Hupe
► Sara Wilcox - @S_Wilcox
► Rachel McConnell - @Minette_78
► Lizzie Bruce - @CakeContent
► Brain Traffic - @BrainTraffic

More Related Content

Similar to An introduction to content design

Web Content is King... Even in Health Care
Web Content is King... Even in Health CareWeb Content is King... Even in Health Care
Web Content is King... Even in Health Care
Matthew Dillingham
 
Dmdh workshop 5 slides
Dmdh   workshop 5 slidesDmdh   workshop 5 slides
Dmdh workshop 5 slides
Paige Morgan
 
Social Media Content Strategy
Social Media Content StrategySocial Media Content Strategy
Social Media Content Strategy
Dan Berlin
 
Assignment4 5 - 8119
Assignment4  5 - 8119Assignment4  5 - 8119
Assignment4 5 - 8119
garimakashap
 
Ola presentation to guide discussion includes personas
Ola presentation to guide discussion includes personasOla presentation to guide discussion includes personas
Ola presentation to guide discussion includes personas
Stephen Abram
 

Similar to An introduction to content design (20)

Getting Started With User-Centered Content by Emileigh Barnes & Kate Garklavs...
Getting Started With User-Centered Content by Emileigh Barnes & Kate Garklavs...Getting Started With User-Centered Content by Emileigh Barnes & Kate Garklavs...
Getting Started With User-Centered Content by Emileigh Barnes & Kate Garklavs...
 
Campus Collaboration 2016 Presentation Slides
Campus Collaboration 2016 Presentation SlidesCampus Collaboration 2016 Presentation Slides
Campus Collaboration 2016 Presentation Slides
 
Web Content is King... Even in Health Care
Web Content is King... Even in Health CareWeb Content is King... Even in Health Care
Web Content is King... Even in Health Care
 
Dmdh workshop 5 slides
Dmdh   workshop 5 slidesDmdh   workshop 5 slides
Dmdh workshop 5 slides
 
Tripura india july 21 2020
Tripura india july 21 2020Tripura india july 21 2020
Tripura india july 21 2020
 
Social Media Content Strategy
Social Media Content StrategySocial Media Content Strategy
Social Media Content Strategy
 
Social Media Content Strateg- Dan Berlin - UPA International 2012
Social Media Content Strateg- Dan Berlin - UPA International 2012 Social Media Content Strateg- Dan Berlin - UPA International 2012
Social Media Content Strateg- Dan Berlin - UPA International 2012
 
Content strategy past, present, future
Content strategy past, present, futureContent strategy past, present, future
Content strategy past, present, future
 
Assignment4 5 - 8119
Assignment4  5 - 8119Assignment4  5 - 8119
Assignment4 5 - 8119
 
Art and Design for Advocacy: Introduction to Advocacy, Structure of a Message
Art and Design for Advocacy: Introduction to Advocacy, Structure of a MessageArt and Design for Advocacy: Introduction to Advocacy, Structure of a Message
Art and Design for Advocacy: Introduction to Advocacy, Structure of a Message
 
DMDH 2014: Workshop 5: Project Ideation and Development
DMDH 2014: Workshop 5: Project Ideation and DevelopmentDMDH 2014: Workshop 5: Project Ideation and Development
DMDH 2014: Workshop 5: Project Ideation and Development
 
Collaborative Exercises for Digital Design 3/7/18
Collaborative Exercises for Digital Design 3/7/18Collaborative Exercises for Digital Design 3/7/18
Collaborative Exercises for Digital Design 3/7/18
 
Workshop: By the People, for the People: Developing Digital Strategy That Mat...
Workshop: By the People, for the People: Developing Digital Strategy That Mat...Workshop: By the People, for the People: Developing Digital Strategy That Mat...
Workshop: By the People, for the People: Developing Digital Strategy That Mat...
 
Types of information sources
Types of information sourcesTypes of information sources
Types of information sources
 
Putting Personas to Work at IIBA Cleveland
Putting Personas to Work at IIBA ClevelandPutting Personas to Work at IIBA Cleveland
Putting Personas to Work at IIBA Cleveland
 
Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the Humanities
 
Ola presentation to guide discussion includes personas
Ola presentation to guide discussion includes personasOla presentation to guide discussion includes personas
Ola presentation to guide discussion includes personas
 
Lsc 332 lecture 2
Lsc 332 lecture 2Lsc 332 lecture 2
Lsc 332 lecture 2
 
Masterclass Content Journeys
Masterclass Content JourneysMasterclass Content Journeys
Masterclass Content Journeys
 
Demystifying Digital Scholarship Slides: Big Project, Small Project: Steps in...
Demystifying Digital Scholarship Slides: Big Project, Small Project: Steps in...Demystifying Digital Scholarship Slides: Big Project, Small Project: Steps in...
Demystifying Digital Scholarship Slides: Big Project, Small Project: Steps in...
 

More from Nexer Digital

Older Adults: Are We Really Designing for Our Future Selves? (BAD Conf. 2022)
Older Adults: Are We Really Designing for Our Future Selves? (BAD Conf. 2022)Older Adults: Are We Really Designing for Our Future Selves? (BAD Conf. 2022)
Older Adults: Are We Really Designing for Our Future Selves? (BAD Conf. 2022)
Nexer Digital
 

More from Nexer Digital (20)

Katy Arnold - Design Maturity: How to have impact
Katy Arnold - Design Maturity: How to have impactKaty Arnold - Design Maturity: How to have impact
Katy Arnold - Design Maturity: How to have impact
 
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?
 
Embedding service design: blood, sweat, tears and tantrums
Embedding service design: blood, sweat, tears and tantrums Embedding service design: blood, sweat, tears and tantrums
Embedding service design: blood, sweat, tears and tantrums
 
Imran Hussain- Co-design by community - May 2023.pdf
Imran Hussain-  Co-design by community - May 2023.pdfImran Hussain-  Co-design by community - May 2023.pdf
Imran Hussain- Co-design by community - May 2023.pdf
 
Natalie Pearce - From CX to EX: Good culture needs good design
Natalie Pearce - From CX to EX: Good culture needs good designNatalie Pearce - From CX to EX: Good culture needs good design
Natalie Pearce - From CX to EX: Good culture needs good design
 
Audree Fletcher - Designing in the dark
Audree Fletcher - Designing in the darkAudree Fletcher - Designing in the dark
Audree Fletcher - Designing in the dark
 
Erere Ikogho - Enhancing NHS Clinical Quality Improvement: Integrating User R...
Erere Ikogho - Enhancing NHS Clinical Quality Improvement: Integrating User R...Erere Ikogho - Enhancing NHS Clinical Quality Improvement: Integrating User R...
Erere Ikogho - Enhancing NHS Clinical Quality Improvement: Integrating User R...
 
Shabira Papain - Inclusive design: Luxury or must-have?
Shabira Papain - Inclusive design: Luxury or must-have?Shabira Papain - Inclusive design: Luxury or must-have?
Shabira Papain - Inclusive design: Luxury or must-have?
 
James Plunkett - Digital transformation in context: You’re part of something ...
James Plunkett - Digital transformation in context: You’re part of something ...James Plunkett - Digital transformation in context: You’re part of something ...
James Plunkett - Digital transformation in context: You’re part of something ...
 
Jas Kang - Design imperatives at Depatment for Education using OKRs
Jas Kang - Design imperatives at Depatment for Education using OKRsJas Kang - Design imperatives at Depatment for Education using OKRs
Jas Kang - Design imperatives at Depatment for Education using OKRs
 
Helen Lawson - Death and other difficult words (Camp Digital 2022)
Helen Lawson - Death and other difficult words (Camp Digital 2022)Helen Lawson - Death and other difficult words (Camp Digital 2022)
Helen Lawson - Death and other difficult words (Camp Digital 2022)
 
Sarah Mace - The better your culture, the better your user experience
Sarah Mace - The better your culture, the better your user experienceSarah Mace - The better your culture, the better your user experience
Sarah Mace - The better your culture, the better your user experience
 
Kylie Havelock - Tailored advice services in the modern age (Camp Digital 2022)
Kylie Havelock - Tailored advice services in the modern age (Camp Digital 2022)Kylie Havelock - Tailored advice services in the modern age (Camp Digital 2022)
Kylie Havelock - Tailored advice services in the modern age (Camp Digital 2022)
 
Sharon O'Dea and Hanna Karppi - A Human-Centred Future of Work
Sharon O'Dea and Hanna Karppi - A Human-Centred Future of Work Sharon O'Dea and Hanna Karppi - A Human-Centred Future of Work
Sharon O'Dea and Hanna Karppi - A Human-Centred Future of Work
 
Rachel Coldicutt - We are all technologists now!
Rachel Coldicutt - We are all technologists now!Rachel Coldicutt - We are all technologists now!
Rachel Coldicutt - We are all technologists now!
 
Gerry McGovern - Earth Experience Design (Camp Digital 2022)
Gerry McGovern - Earth Experience Design (Camp Digital 2022)Gerry McGovern - Earth Experience Design (Camp Digital 2022)
Gerry McGovern - Earth Experience Design (Camp Digital 2022)
 
Older Adults: Are We Really Designing for Our Future Selves? (BAD Conf. 2022)
Older Adults: Are We Really Designing for Our Future Selves? (BAD Conf. 2022)Older Adults: Are We Really Designing for Our Future Selves? (BAD Conf. 2022)
Older Adults: Are We Really Designing for Our Future Selves? (BAD Conf. 2022)
 
Notes from the dyslexic side of the screen - Lisa Matthews - Nexer Digital ...
Notes from the dyslexic side of the screen - Lisa Matthews  - Nexer Digital  ...Notes from the dyslexic side of the screen - Lisa Matthews  - Nexer Digital  ...
Notes from the dyslexic side of the screen - Lisa Matthews - Nexer Digital ...
 
Alt text as poetry for gov campnorth
Alt text as poetry for gov campnorthAlt text as poetry for gov campnorth
Alt text as poetry for gov campnorth
 
Sigma's Farewell to the Wellcome Genome Campus, January 2020
Sigma's Farewell to the Wellcome Genome Campus, January 2020Sigma's Farewell to the Wellcome Genome Campus, January 2020
Sigma's Farewell to the Wellcome Genome Campus, January 2020
 

Recently uploaded

Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
Jaime Brown
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
AlecAnidul
 
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
 

Recently uploaded (14)

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
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
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
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
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
 
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
 
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
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
BIT- Pinal .H. Prajapati Graphic Designer
BIT- Pinal .H. Prajapati  Graphic DesignerBIT- Pinal .H. Prajapati  Graphic Designer
BIT- Pinal .H. Prajapati Graphic Designer
 
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
 
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
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 

An introduction to content design