SlideShare a Scribd company logo
Designing Content
or, how web designers can
stop worrying and
learn to love
content strategy


Sophie Dennis ● @sophiedennis


             web design and development consultants
Content
Appropriate, compelling content is vital to any site’s
effectiveness. Should you need assistance preparing
content for your website, we provide a range of content
development services including copy editing and proof-
reading, creating complete site copy from scratch, and
sourcing original photography and illustration. If you
would be interested in these services, please get in
touch to discuss your requirements and likely costs.



                           Cayenne Website Proposal Boilerplate
                                                 c. April 2005
Main Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
10px Arial




Designing in the absence of content
leads to bad design
What the designer saw?
“Content precedes design.
Design in the absence of content is not design,
                it’s decoration.”

                   - Jeffrey Zeldman, 5 May 08
      http://twitter.com/#!/zeldman/statuses/804159148
zeldman.com
http://www.zeldman.com/2012/05/18/web-design-manifesto-2012/
“content first”
       a design process
   not a project process
The Content Tragedy Life-Cycle

Design the site using “lorem ipsum”         Pray the final content fits

Demand that the client supplies all the     Still waiting…
content before you start work

Give them a new content management          Is it really a technology
system                                      problem?

Bully the client into hiring a copywriter   Rinse, repeat
How I learned to stop worrying
and love spreadsheets
How I learned to stop worrying
about the sitemap
Learn to love the Content Inventory / Audit
“A Mind-Numbingly Detailed Odyssey Through Your Web Site” – Jeff Veen
http://www.adaptivepath.com/ideas/doing-content-inventory
Page Templates #FTW
Example from Alpha.gov in Extracting the Content, Relly Annett-Baker http://24ways.org/2011/extracting-the-content
See also Content Templates to the Rescue, Erin Kissane http://www.alistapart.com/articles/content-templates-to-the-rescue/
a Content Strategist is a

Managing Editor
     for your website
integrate
     use smart deliverables to
  get to the content conversation


           iterate
designing with content delivers both
  better design and better content


      collaborate
 great user experiences need both
  great content and great design
Sophie Dennis
sophie@cayenne.co.uk

twitter@sophiedennis

zer.ply/sophiedennis

linkedin/in/sophiedennis

www.cayenne.co.uk

More Related Content

PDF
How Web Designers Can Stop Worrying and Learn to Love Content Strategy - CS F...
PDF
Content Strategy Workflow & Governance Workshop, UX Bristol 2014
PPTX
How to Build a Dynamic Social Media Plan
PDF
Website Design with UX in Mind
PDF
Content & Design: How a Lean team rebuilt BNZ's website
PPTX
Hookedfest learnings
PDF
Working Better Together: Characteristics of Productive, Creative Organizations
PPT
Content and strategy- Information Energy
How Web Designers Can Stop Worrying and Learn to Love Content Strategy - CS F...
Content Strategy Workflow & Governance Workshop, UX Bristol 2014
How to Build a Dynamic Social Media Plan
Website Design with UX in Mind
Content & Design: How a Lean team rebuilt BNZ's website
Hookedfest learnings
Working Better Together: Characteristics of Productive, Creative Organizations
Content and strategy- Information Energy

What's hot (20)

PPTX
Persona Mapping for Recruitment Success
PPTX
Don’t Let Someone Else Tell Your Career Story
PPT
Effective Social Media For Event Exhibitors
PPTX
How to Attract and Engage Talent in the Midst of all the Noise (employer bran...
PPT
Linkbuilding
PDF
Parenting is Experience Design: The Ultimate Omnichannel Case Study
PDF
Designer spaces - Web Directions 2015
PDF
AI, Machine Learning, and their Application for Growth - #GHConf18
PPTX
What Does It Mean To Be An MVP: MVP Open Day
PDF
Content Measurement and Analytics: Making Positive Change on the Web by Rick ...
PDF
Gibson biddle- Productized Masterclasses
PDF
Things I've Learned (& Am Still Learning) from Leading (UX Designers)
PPT
10 things every business person should know about content strategy
PDF
Aligning Content & SEO - Holland Dauterive, SEO Specialist, ModCloth
PDF
Designer spaces UX singapore
PDF
Content/Communication: Lavacon 2014
PDF
Approaches For Content Creators ft. Sofia Ashraf - Deliberate Talks Podcast
PPTX
Referral Programs: We Can Do So Much Better - Alan Henshaw
PDF
LinkedIn - Are you getting your 9 a day?
PDF
Buffer's Top 10 Learnings Growing to $10 Million ARR
Persona Mapping for Recruitment Success
Don’t Let Someone Else Tell Your Career Story
Effective Social Media For Event Exhibitors
How to Attract and Engage Talent in the Midst of all the Noise (employer bran...
Linkbuilding
Parenting is Experience Design: The Ultimate Omnichannel Case Study
Designer spaces - Web Directions 2015
AI, Machine Learning, and their Application for Growth - #GHConf18
What Does It Mean To Be An MVP: MVP Open Day
Content Measurement and Analytics: Making Positive Change on the Web by Rick ...
Gibson biddle- Productized Masterclasses
Things I've Learned (& Am Still Learning) from Leading (UX Designers)
10 things every business person should know about content strategy
Aligning Content & SEO - Holland Dauterive, SEO Specialist, ModCloth
Designer spaces UX singapore
Content/Communication: Lavacon 2014
Approaches For Content Creators ft. Sofia Ashraf - Deliberate Talks Podcast
Referral Programs: We Can Do So Much Better - Alan Henshaw
LinkedIn - Are you getting your 9 a day?
Buffer's Top 10 Learnings Growing to $10 Million ARR
Ad

Similar to #digpen V - Designing Content: or how web designers can stop worrying and learn to love content strategy (20)

PPTX
IT-Art Design Collaboration in serving stakeholder
PDF
Web Design Guide V.2010
PPTX
How to Sail Trhough the Bermuda Triangle of Web Designer's Hell
PPTX
Bermuda Triangle WCATL 2019
PDF
5 reasons why you need to outsource your website design pixel crayons
PDF
6 Things to Think About Before Building Your Website
PPT
5 truths-new
PPTX
Meetup 7 steps formula to launching yourself online fast may 11 2017
PDF
10regal - Freelance Website Development and it Outsourcing - contact via Skyp...
PDF
Designing with content-first
PPTX
Webinar 7 steps to launching yourself online fast may 30 2017
PDF
Seo Guide
PDF
IPC 2016: Content Strategy for Developers
DOCX
Hubspot Website Redesign
PDF
Blog Design (at BlogConf)
PDF
What is a website builder
PPTX
Web design
PPTX
Web design
PPTX
Office 365 SharePoint Public Websites + Introducing Delve
PDF
Top 7 web design myths
IT-Art Design Collaboration in serving stakeholder
Web Design Guide V.2010
How to Sail Trhough the Bermuda Triangle of Web Designer's Hell
Bermuda Triangle WCATL 2019
5 reasons why you need to outsource your website design pixel crayons
6 Things to Think About Before Building Your Website
5 truths-new
Meetup 7 steps formula to launching yourself online fast may 11 2017
10regal - Freelance Website Development and it Outsourcing - contact via Skyp...
Designing with content-first
Webinar 7 steps to launching yourself online fast may 30 2017
Seo Guide
IPC 2016: Content Strategy for Developers
Hubspot Website Redesign
Blog Design (at BlogConf)
What is a website builder
Web design
Web design
Office 365 SharePoint Public Websites + Introducing Delve
Top 7 web design myths
Ad

More from Sophie Dennis (12)

PDF
Reflections on Service Design in Government 2019
PDF
A New Information Architecture for NHS.UK - UX Scotland 2018
PDF
User-centred digital strategy: what it is, why it matters, how to do it well
PDF
Let's Talk About Strategy (extended workshop): what it is, why it matters, an...
PDF
The Art of Things Not Done: prioritising for user value with the Kano model -...
PDF
User-centred digital strategy - UX in the City Manchester 2017
PDF
Adventures in Policy Land - Service Design in Government 2017
PDF
Prioritising the user experience - UX Cambridge 2016
PDF
How to Redefine Success by Writing Your Own Rules : DareConf 2013
PDF
Working in Harmony: Lightning Talk - London CS Meetup Jun 2013
PDF
Working in harmony - Port80 2013
PPT
Which matters more: content, design or technology? A rant
Reflections on Service Design in Government 2019
A New Information Architecture for NHS.UK - UX Scotland 2018
User-centred digital strategy: what it is, why it matters, how to do it well
Let's Talk About Strategy (extended workshop): what it is, why it matters, an...
The Art of Things Not Done: prioritising for user value with the Kano model -...
User-centred digital strategy - UX in the City Manchester 2017
Adventures in Policy Land - Service Design in Government 2017
Prioritising the user experience - UX Cambridge 2016
How to Redefine Success by Writing Your Own Rules : DareConf 2013
Working in Harmony: Lightning Talk - London CS Meetup Jun 2013
Working in harmony - Port80 2013
Which matters more: content, design or technology? A rant

Recently uploaded (20)

DOCX
actividad 20% informatica microsoft project
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PDF
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf
PPTX
building Planning Overview for step wise design.pptx
PPT
Package Design Design Kit 20100009 PWM IC by Bee Technologies
PPT
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PDF
Urban Design Final Project-Context
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PPT
UNIT I- Yarn, types, explanation, process
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PPTX
artificialintelligencedata driven analytics23.pptx
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPTX
12. Community Pharmacy and How to organize it
PPTX
Fundamental Principles of Visual Graphic Design.pptx
PPTX
6- Architecture design complete (1).pptx
PPTX
An introduction to AI in research and reference management
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
actividad 20% informatica microsoft project
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
mahatma gandhi bus terminal in india Case Study.pptx
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf
building Planning Overview for step wise design.pptx
Package Design Design Kit 20100009 PWM IC by Bee Technologies
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
Urban Design Final Project-Context
YV PROFILE PROJECTS PROFILE PRES. DESIGN
UNIT I- Yarn, types, explanation, process
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
artificialintelligencedata driven analytics23.pptx
YOW2022-BNE-MinimalViableArchitecture.pdf
12. Community Pharmacy and How to organize it
Fundamental Principles of Visual Graphic Design.pptx
6- Architecture design complete (1).pptx
An introduction to AI in research and reference management
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...

#digpen V - Designing Content: or how web designers can stop worrying and learn to love content strategy

  • 1. Designing Content or, how web designers can stop worrying and learn to love content strategy Sophie Dennis ● @sophiedennis web design and development consultants
  • 2. Content Appropriate, compelling content is vital to any site’s effectiveness. Should you need assistance preparing content for your website, we provide a range of content development services including copy editing and proof- reading, creating complete site copy from scratch, and sourcing original photography and illustration. If you would be interested in these services, please get in touch to discuss your requirements and likely costs. Cayenne Website Proposal Boilerplate c. April 2005
  • 3. Main Heading Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • 4. 10px Arial Designing in the absence of content leads to bad design
  • 6. “Content precedes design. Design in the absence of content is not design, it’s decoration.” - Jeffrey Zeldman, 5 May 08 http://twitter.com/#!/zeldman/statuses/804159148
  • 8. “content first” a design process not a project process
  • 9. The Content Tragedy Life-Cycle Design the site using “lorem ipsum” Pray the final content fits Demand that the client supplies all the Still waiting… content before you start work Give them a new content management Is it really a technology system problem? Bully the client into hiring a copywriter Rinse, repeat
  • 10. How I learned to stop worrying and love spreadsheets
  • 11. How I learned to stop worrying about the sitemap
  • 12. Learn to love the Content Inventory / Audit “A Mind-Numbingly Detailed Odyssey Through Your Web Site” – Jeff Veen http://www.adaptivepath.com/ideas/doing-content-inventory
  • 13. Page Templates #FTW Example from Alpha.gov in Extracting the Content, Relly Annett-Baker http://24ways.org/2011/extracting-the-content See also Content Templates to the Rescue, Erin Kissane http://www.alistapart.com/articles/content-templates-to-the-rescue/
  • 14. a Content Strategist is a Managing Editor for your website
  • 15. integrate use smart deliverables to get to the content conversation iterate designing with content delivers both better design and better content collaborate great user experiences need both great content and great design

Editor's Notes

  • #2: Aims of the lecture: What is web design? How agencies work Industry trends Job hunting tips
  • #18: Aims of the lecture: What is web design? How agencies work Industry trends Job hunting tips