SlideShare ist ein Scribd-Unternehmen logo
1 von 43
Downloaden Sie, um offline zu lesen
© Weave Web Communications 2014 www.weaveweb.com.au
What does Content First
really mean?
!
!
Angus Gordon
Content strategist
!
Weave Web Communications, Melbourne
@WeAreWeave
!
© Weave Web Communications 2014 www.weaveweb.com.au
“Content First”
“Content is King”
“Content before design”
“Content strategy”
© Weave Web Communications 2014 www.weaveweb.com.au
What should I do about it?
How would a focus on content change
the way I work?
© Weave Web Communications 2014 www.weaveweb.com.au
In this talk I’m going to…
• Use a hypothetical web project to
show some specific ways content
can influence design
• Give you 3 ways to start adding
content strategy to your design
process
© Weave Web Communications 2014 www.weaveweb.com.au
Some assumptions about you
• You’re a designer, front end developer,
or someone whose work directly
affects user experience
• You work on content-managed
websites
• You do client work (if you’re in-house,
substitute “stakeholders” for “clients”)
© Weave Web Communications 2014 www.weaveweb.com.au
A hypothetical web
project
© Weave Web Communications 2014 www.weaveweb.com.au
The brief
• KidFund, a crowdfunding site for
talented children
• Raises money to pay for music
lessons, science equipment,
computers, etc.
• Aimed at economically
disadvantaged parents
© Weave Web Communications 2014 www.weaveweb.com.au
A typical design process
• Meetings
• User research
• Requirements gathering
• Mood boards/style tiles
• Wireframes
© Weave Web Communications 2014 www.weaveweb.com.au
A typical design process
Culminating in a series of
page mockups:
KidFund
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Brief blurb explaining!
what KidFund is about
Explore Create Sign up Log in
Donate now
Donate now
Donate now
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
© Weave Web Communications 2014 www.weaveweb.com.au
As a content strategist,
I immediately want to
ask questions like…
KidFund
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Brief blurb explaining!
what KidFund is about
Explore Create Sign up Log in
Donate now
Donate now
Donate now
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
What will this
bit actually say?
KidFund
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Crowdfunding to help talented kids!
develop their skills
Explore Create Sign up Log in
Donate now
Donate now
Donate now
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
KidFund
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
So your kid is some kind of genius?!
Get funding to help your little Einstein thrive
Explore Create Sign up Log in
Donate now
Donate now
Donate now
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
KidFund
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Make these INCREDIBLE kids’ dreams come true!!!!
KidFund gives talented youngsters a helping hand
Explore Create Sign up Log in
Donate now
Donate now
Donate now
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
© Weave Web Communications 2014 www.weaveweb.com.au
Designing with real
content gives you a
voice to work with.
KidFund
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Brief blurb explaining!
what KidFund is about
Explore Create Sign up Log in
Donate now
Donate now
Donate now
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
How well can
these elements
tell the kids’
stories?
Just because it works for their
content, doesn’t mean it’s going
to work for our content
KidFund
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Brief blurb explaining!
what KidFund is about
Explore Create Sign up Log in
Donate now
Donate now
Donate now
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
KidFund
An iPad for Sarah!
Sarah has been accepted into a school for gifted children. She
needs money for an iPad so she can take part in lessons.!
$200 of $500 raised
Brief blurb explaining!
what KidFund is about
Explore Create Sign up Log in
Donate now
Donate now
Donate now
Violin lessons for May!
May was playing the Beethoven Violin Concerto at age 5. Now
her refugee parents need help to continue her violin lessons.
$1230 of $1500 raised
A telescope for Ahmed!
Ahmed has always loved science, especially astronomy. Now
he needs money for a new telescope.!
$350 of $2000 raised
KidFund
An iPad for Sarah!
$xxxx of $xxxx raised
Brief positioning
statement explaining what
KidFund is about
Donate now
Menu
Violin lessons for May!
$xxxx of $xxxx raised
Donate now
A telescope for Ahmed!
$xxxx of $xxxx raised
Donate now
© Weave Web Communications 2014 www.weaveweb.com.au
Designing with real
content helps you spot
unintended consequences.
KidFund
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Brief blurb explaining!
what KidFund is about
Explore Create Sign up Log in
Donate now
Donate now
Donate now
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
What kinds of photos will we
actually get?
(If photos support content, they are content)
KidFund
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Brief blurb explaining!
what KidFund is about
Explore Create Sign up Log in
Donate now
Donate now
Donate now
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
KidFund
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Brief blurb explaining!
what KidFund is about
Explore Create Sign up Log in
Donate now
Donate now
Donate now
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
KidFund
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Brief blurb explaining!
what KidFund is about
Explore Create Sign up Log in
Donate now
Donate now
Donate now
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
Headline!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
varius imperdiet porta. Aenean quis accumsan eros, viverra.
$xxxx of $xxxx raised
© Weave Web Communications 2014 www.weaveweb.com.au
Designing with real, imperfect
content helps you think through
contingencies and edge cases.
© Weave Web Communications 2014 www.weaveweb.com.au
Even more questions
• Who writes the content?
• What content gets promoted?
• What happens to old content?
• How will people get to the website?
• How does our content look on
Facebook?
© Weave Web Communications 2014 www.weaveweb.com.au
If you find yourself asking 

the same questions, then congratulations:
You’re already doing content strategy
© Weave Web Communications 2014 www.weaveweb.com.au
Content strategy can and should be part of
every project that involves content.
Content strategists are good to have on a
project with lots of content, or complex
content needs.
© Weave Web Communications 2014 www.weaveweb.com.au
3 ways to start adding
content strategy to your
design process
© Weave Web Communications 2014 www.weaveweb.com.au
1
Design with real content
© Weave Web Communications 2014 www.weaveweb.com.au
Design with real content
• Draft content is OK; any content is better than
none
• Design with best case, worst case and “zero case”
content
• Be prepared for content to come up in design
discussions
• This is what “Content First” really means
© Weave Web Communications 2014 www.weaveweb.com.au
2
Talk about who’s going to
write the content, and when
© Weave Web Communications 2014 www.weaveweb.com.au
Talk about who’s going to
write the content, and when
• The “11th hour shitstorm” problem
• Don’t assume — even if the RFQ says “All content
will be provided”
• Use back of envelope calculations as reality
checks
• Build relationships with copywriters (or become
one yourself)
© Weave Web Communications 2014 www.weaveweb.com.au
3
Your job doesn’t end on
launch day
© Weave Web Communications 2014 www.weaveweb.com.au
Your job doesn’t end on
launch day
• The “Day 2” problem
• Magical thinking: content management system
means content is managed
• How many websites you built 2 years ago are you
still happy to show off?
• Work with the client on an achievable post-
launch plan, and pester them about it
© Weave Web Communications 2014 www.weaveweb.com.au
3 ways to start adding content
strategy to your design process
1. Design with real content
2. Talk about who’s going to write the
content, and when
3. Your job doesn’t end on launch day
© Weave Web Communications 2014 www.weaveweb.com.au
If you’d like to know
more…
© Weave Web Communications 2014 www.weaveweb.com.au
Karen McGrane
Content Strategy
for Mobile
(A Book Apart)
Content Strategy Melbourne
meetup
meetup.com/Content-Strategy-Melbourne
© Weave Web Communications 2014 www.weaveweb.com.au
Thank you!
@WeAreWeave

Weitere ähnliche Inhalte

Andere mochten auch

Обработка данных в RTB - быстро, дешево и на 98% точно, Павел Калайдин (RuTar...
Обработка данных в RTB - быстро, дешево и на 98% точно, Павел Калайдин (RuTar...Обработка данных в RTB - быстро, дешево и на 98% точно, Павел Калайдин (RuTar...
Обработка данных в RTB - быстро, дешево и на 98% точно, Павел Калайдин (RuTar...Ontico
 
40 proven social media marketing tips for seafood industry
40 proven social media marketing tips for seafood industry40 proven social media marketing tips for seafood industry
40 proven social media marketing tips for seafood industrySocial Bubble
 
Stress Ratio Trajectory Simulations
Stress Ratio Trajectory SimulationsStress Ratio Trajectory Simulations
Stress Ratio Trajectory SimulationsAnthony Andrews
 
Conjugate the following verbs in the present tense
Conjugate the following verbs in the present tenseConjugate the following verbs in the present tense
Conjugate the following verbs in the present tenseChiChiu Lam
 
Evolution of Social Networks
Evolution of Social NetworksEvolution of Social Networks
Evolution of Social NetworksAnup Choudary
 
Impacto de las tic en la cultura de la mediación a distancia para la educació...
Impacto de las tic en la cultura de la mediación a distancia para la educació...Impacto de las tic en la cultura de la mediación a distancia para la educació...
Impacto de las tic en la cultura de la mediación a distancia para la educació...Fani Constancia Soliz
 
「ビアマジ21」 ~大学生目線で認知度UP~
「ビアマジ21」
~大学生目線で認知度UP~「ビアマジ21」
~大学生目線で認知度UP~
「ビアマジ21」 ~大学生目線で認知度UP~stucon
 
Evaluation Question 5 - How did you attract address your audience?
Evaluation Question 5 - How did you attract address your audience?Evaluation Question 5 - How did you attract address your audience?
Evaluation Question 5 - How did you attract address your audience?JACMedia
 
How to get ready for the fast future - #CCHUC15
How to get ready for the fast future - #CCHUC15How to get ready for the fast future - #CCHUC15
How to get ready for the fast future - #CCHUC15Tom Hood, CPA,CITP,CGMA
 

Andere mochten auch (12)

Gino SA
Gino SAGino SA
Gino SA
 
Обработка данных в RTB - быстро, дешево и на 98% точно, Павел Калайдин (RuTar...
Обработка данных в RTB - быстро, дешево и на 98% точно, Павел Калайдин (RuTar...Обработка данных в RTB - быстро, дешево и на 98% точно, Павел Калайдин (RuTar...
Обработка данных в RTB - быстро, дешево и на 98% точно, Павел Калайдин (RuTar...
 
Selling UX with Daniel Szuc
Selling UX with Daniel SzucSelling UX with Daniel Szuc
Selling UX with Daniel Szuc
 
40 proven social media marketing tips for seafood industry
40 proven social media marketing tips for seafood industry40 proven social media marketing tips for seafood industry
40 proven social media marketing tips for seafood industry
 
Stress Ratio Trajectory Simulations
Stress Ratio Trajectory SimulationsStress Ratio Trajectory Simulations
Stress Ratio Trajectory Simulations
 
Conjugate the following verbs in the present tense
Conjugate the following verbs in the present tenseConjugate the following verbs in the present tense
Conjugate the following verbs in the present tense
 
Material para empreendedores
Material para empreendedoresMaterial para empreendedores
Material para empreendedores
 
Evolution of Social Networks
Evolution of Social NetworksEvolution of Social Networks
Evolution of Social Networks
 
Impacto de las tic en la cultura de la mediación a distancia para la educació...
Impacto de las tic en la cultura de la mediación a distancia para la educació...Impacto de las tic en la cultura de la mediación a distancia para la educació...
Impacto de las tic en la cultura de la mediación a distancia para la educació...
 
「ビアマジ21」 ~大学生目線で認知度UP~
「ビアマジ21」
~大学生目線で認知度UP~「ビアマジ21」
~大学生目線で認知度UP~
「ビアマジ21」 ~大学生目線で認知度UP~
 
Evaluation Question 5 - How did you attract address your audience?
Evaluation Question 5 - How did you attract address your audience?Evaluation Question 5 - How did you attract address your audience?
Evaluation Question 5 - How did you attract address your audience?
 
How to get ready for the fast future - #CCHUC15
How to get ready for the fast future - #CCHUC15How to get ready for the fast future - #CCHUC15
How to get ready for the fast future - #CCHUC15
 

Kürzlich hochgeladen

Enjoy Night⚡Call Girls Dlf City Phase 3 Gurgaon >༒8448380779 Escort Service
Enjoy Night⚡Call Girls Dlf City Phase 3 Gurgaon >༒8448380779 Escort ServiceEnjoy Night⚡Call Girls Dlf City Phase 3 Gurgaon >༒8448380779 Escort Service
Enjoy Night⚡Call Girls Dlf City Phase 3 Gurgaon >༒8448380779 Escort ServiceDelhi Call girls
 
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.soniya singh
 
Chennai Call Girls Porur Phone 🍆 8250192130 👅 celebrity escorts service
Chennai Call Girls Porur Phone 🍆 8250192130 👅 celebrity escorts serviceChennai Call Girls Porur Phone 🍆 8250192130 👅 celebrity escorts service
Chennai Call Girls Porur Phone 🍆 8250192130 👅 celebrity escorts servicesonalikaur4
 
✂️ 👅 Independent Andheri Escorts With Room Vashi Call Girls 💃 9004004663
✂️ 👅 Independent Andheri Escorts With Room Vashi Call Girls 💃 9004004663✂️ 👅 Independent Andheri Escorts With Room Vashi Call Girls 💃 9004004663
✂️ 👅 Independent Andheri Escorts With Room Vashi Call Girls 💃 9004004663Call Girls Mumbai
 
AWS Community DAY Albertini-Ellan Cloud Security (1).pptx
AWS Community DAY Albertini-Ellan Cloud Security (1).pptxAWS Community DAY Albertini-Ellan Cloud Security (1).pptx
AWS Community DAY Albertini-Ellan Cloud Security (1).pptxellan12
 
SEO Growth Program-Digital optimization Specialist
SEO Growth Program-Digital optimization SpecialistSEO Growth Program-Digital optimization Specialist
SEO Growth Program-Digital optimization SpecialistKHM Anwar
 
FULL ENJOY Call Girls In Mayur Vihar Delhi Contact Us 8377087607
FULL ENJOY Call Girls In Mayur Vihar Delhi Contact Us 8377087607FULL ENJOY Call Girls In Mayur Vihar Delhi Contact Us 8377087607
FULL ENJOY Call Girls In Mayur Vihar Delhi Contact Us 8377087607dollysharma2066
 
Call Girls In Ashram Chowk Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Ashram Chowk Delhi 💯Call Us 🔝8264348440🔝Call Girls In Ashram Chowk Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Ashram Chowk Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...Diya Sharma
 
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
Top Rated Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Servi...
Top Rated  Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Servi...Top Rated  Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Servi...
Top Rated Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Servi...Call Girls in Nagpur High Profile
 
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
Russian Call girls in Dubai +971563133746 Dubai Call girls
Russian  Call girls in Dubai +971563133746 Dubai  Call girlsRussian  Call girls in Dubai +971563133746 Dubai  Call girls
Russian Call girls in Dubai +971563133746 Dubai Call girlsstephieert
 
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...Neha Pandey
 
VIP 7001035870 Find & Meet Hyderabad Call Girls LB Nagar high-profile Call Girl
VIP 7001035870 Find & Meet Hyderabad Call Girls LB Nagar high-profile Call GirlVIP 7001035870 Find & Meet Hyderabad Call Girls LB Nagar high-profile Call Girl
VIP 7001035870 Find & Meet Hyderabad Call Girls LB Nagar high-profile Call Girladitipandeya
 
Low Rate Young Call Girls in Sector 63 Mamura Noida ✔️☆9289244007✔️☆ Female E...
Low Rate Young Call Girls in Sector 63 Mamura Noida ✔️☆9289244007✔️☆ Female E...Low Rate Young Call Girls in Sector 63 Mamura Noida ✔️☆9289244007✔️☆ Female E...
Low Rate Young Call Girls in Sector 63 Mamura Noida ✔️☆9289244007✔️☆ Female E...SofiyaSharma5
 

Kürzlich hochgeladen (20)

Enjoy Night⚡Call Girls Dlf City Phase 3 Gurgaon >༒8448380779 Escort Service
Enjoy Night⚡Call Girls Dlf City Phase 3 Gurgaon >༒8448380779 Escort ServiceEnjoy Night⚡Call Girls Dlf City Phase 3 Gurgaon >༒8448380779 Escort Service
Enjoy Night⚡Call Girls Dlf City Phase 3 Gurgaon >༒8448380779 Escort Service
 
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.
 
Chennai Call Girls Porur Phone 🍆 8250192130 👅 celebrity escorts service
Chennai Call Girls Porur Phone 🍆 8250192130 👅 celebrity escorts serviceChennai Call Girls Porur Phone 🍆 8250192130 👅 celebrity escorts service
Chennai Call Girls Porur Phone 🍆 8250192130 👅 celebrity escorts service
 
✂️ 👅 Independent Andheri Escorts With Room Vashi Call Girls 💃 9004004663
✂️ 👅 Independent Andheri Escorts With Room Vashi Call Girls 💃 9004004663✂️ 👅 Independent Andheri Escorts With Room Vashi Call Girls 💃 9004004663
✂️ 👅 Independent Andheri Escorts With Room Vashi Call Girls 💃 9004004663
 
Rohini Sector 6 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 6 Call Girls Delhi 9999965857 @Sabina Saikh No AdvanceRohini Sector 6 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 6 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
 
Rohini Sector 26 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 26 Call Girls Delhi 9999965857 @Sabina Saikh No AdvanceRohini Sector 26 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 26 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
 
AWS Community DAY Albertini-Ellan Cloud Security (1).pptx
AWS Community DAY Albertini-Ellan Cloud Security (1).pptxAWS Community DAY Albertini-Ellan Cloud Security (1).pptx
AWS Community DAY Albertini-Ellan Cloud Security (1).pptx
 
SEO Growth Program-Digital optimization Specialist
SEO Growth Program-Digital optimization SpecialistSEO Growth Program-Digital optimization Specialist
SEO Growth Program-Digital optimization Specialist
 
FULL ENJOY Call Girls In Mayur Vihar Delhi Contact Us 8377087607
FULL ENJOY Call Girls In Mayur Vihar Delhi Contact Us 8377087607FULL ENJOY Call Girls In Mayur Vihar Delhi Contact Us 8377087607
FULL ENJOY Call Girls In Mayur Vihar Delhi Contact Us 8377087607
 
Call Girls In Ashram Chowk Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Ashram Chowk Delhi 💯Call Us 🔝8264348440🔝Call Girls In Ashram Chowk Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Ashram Chowk Delhi 💯Call Us 🔝8264348440🔝
 
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
 
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝
 
Top Rated Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Servi...
Top Rated  Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Servi...Top Rated  Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Servi...
Top Rated Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Servi...
 
Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...
Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...
Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...
 
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝
 
Call Girls In Noida 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SERVICE
Call Girls In Noida 📱  9999965857  🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SERVICECall Girls In Noida 📱  9999965857  🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SERVICE
Call Girls In Noida 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SERVICE
 
Russian Call girls in Dubai +971563133746 Dubai Call girls
Russian  Call girls in Dubai +971563133746 Dubai  Call girlsRussian  Call girls in Dubai +971563133746 Dubai  Call girls
Russian Call girls in Dubai +971563133746 Dubai Call girls
 
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
 
VIP 7001035870 Find & Meet Hyderabad Call Girls LB Nagar high-profile Call Girl
VIP 7001035870 Find & Meet Hyderabad Call Girls LB Nagar high-profile Call GirlVIP 7001035870 Find & Meet Hyderabad Call Girls LB Nagar high-profile Call Girl
VIP 7001035870 Find & Meet Hyderabad Call Girls LB Nagar high-profile Call Girl
 
Low Rate Young Call Girls in Sector 63 Mamura Noida ✔️☆9289244007✔️☆ Female E...
Low Rate Young Call Girls in Sector 63 Mamura Noida ✔️☆9289244007✔️☆ Female E...Low Rate Young Call Girls in Sector 63 Mamura Noida ✔️☆9289244007✔️☆ Female E...
Low Rate Young Call Girls in Sector 63 Mamura Noida ✔️☆9289244007✔️☆ Female E...
 

What does Content First really mean?

  • 1. © Weave Web Communications 2014 www.weaveweb.com.au What does Content First really mean? ! ! Angus Gordon Content strategist ! Weave Web Communications, Melbourne @WeAreWeave !
  • 2. © Weave Web Communications 2014 www.weaveweb.com.au “Content First” “Content is King” “Content before design” “Content strategy”
  • 3. © Weave Web Communications 2014 www.weaveweb.com.au What should I do about it? How would a focus on content change the way I work?
  • 4. © Weave Web Communications 2014 www.weaveweb.com.au In this talk I’m going to… • Use a hypothetical web project to show some specific ways content can influence design • Give you 3 ways to start adding content strategy to your design process
  • 5. © Weave Web Communications 2014 www.weaveweb.com.au Some assumptions about you • You’re a designer, front end developer, or someone whose work directly affects user experience • You work on content-managed websites • You do client work (if you’re in-house, substitute “stakeholders” for “clients”)
  • 6. © Weave Web Communications 2014 www.weaveweb.com.au A hypothetical web project
  • 7. © Weave Web Communications 2014 www.weaveweb.com.au The brief • KidFund, a crowdfunding site for talented children • Raises money to pay for music lessons, science equipment, computers, etc. • Aimed at economically disadvantaged parents
  • 8. © Weave Web Communications 2014 www.weaveweb.com.au A typical design process • Meetings • User research • Requirements gathering • Mood boards/style tiles • Wireframes
  • 9. © Weave Web Communications 2014 www.weaveweb.com.au A typical design process Culminating in a series of page mockups:
  • 10. KidFund Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Brief blurb explaining! what KidFund is about Explore Create Sign up Log in Donate now Donate now Donate now Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised
  • 11. © Weave Web Communications 2014 www.weaveweb.com.au As a content strategist, I immediately want to ask questions like…
  • 12. KidFund Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Brief blurb explaining! what KidFund is about Explore Create Sign up Log in Donate now Donate now Donate now Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised What will this bit actually say?
  • 13. KidFund Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Crowdfunding to help talented kids! develop their skills Explore Create Sign up Log in Donate now Donate now Donate now Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised
  • 14. KidFund Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised So your kid is some kind of genius?! Get funding to help your little Einstein thrive Explore Create Sign up Log in Donate now Donate now Donate now Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised
  • 15. KidFund Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Make these INCREDIBLE kids’ dreams come true!!!! KidFund gives talented youngsters a helping hand Explore Create Sign up Log in Donate now Donate now Donate now Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised
  • 16. © Weave Web Communications 2014 www.weaveweb.com.au Designing with real content gives you a voice to work with.
  • 17. KidFund Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Brief blurb explaining! what KidFund is about Explore Create Sign up Log in Donate now Donate now Donate now Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised How well can these elements tell the kids’ stories?
  • 18.
  • 19.
  • 20. Just because it works for their content, doesn’t mean it’s going to work for our content
  • 21. KidFund Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Brief blurb explaining! what KidFund is about Explore Create Sign up Log in Donate now Donate now Donate now Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised
  • 22. KidFund An iPad for Sarah! Sarah has been accepted into a school for gifted children. She needs money for an iPad so she can take part in lessons.! $200 of $500 raised Brief blurb explaining! what KidFund is about Explore Create Sign up Log in Donate now Donate now Donate now Violin lessons for May! May was playing the Beethoven Violin Concerto at age 5. Now her refugee parents need help to continue her violin lessons. $1230 of $1500 raised A telescope for Ahmed! Ahmed has always loved science, especially astronomy. Now he needs money for a new telescope.! $350 of $2000 raised
  • 23. KidFund An iPad for Sarah! $xxxx of $xxxx raised Brief positioning statement explaining what KidFund is about Donate now Menu Violin lessons for May! $xxxx of $xxxx raised Donate now A telescope for Ahmed! $xxxx of $xxxx raised Donate now
  • 24. © Weave Web Communications 2014 www.weaveweb.com.au Designing with real content helps you spot unintended consequences.
  • 25. KidFund Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Brief blurb explaining! what KidFund is about Explore Create Sign up Log in Donate now Donate now Donate now Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised What kinds of photos will we actually get? (If photos support content, they are content)
  • 26. KidFund Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Brief blurb explaining! what KidFund is about Explore Create Sign up Log in Donate now Donate now Donate now Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised
  • 27. KidFund Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Brief blurb explaining! what KidFund is about Explore Create Sign up Log in Donate now Donate now Donate now Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised
  • 28. KidFund Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Brief blurb explaining! what KidFund is about Explore Create Sign up Log in Donate now Donate now Donate now Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised Headline! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius imperdiet porta. Aenean quis accumsan eros, viverra. $xxxx of $xxxx raised
  • 29. © Weave Web Communications 2014 www.weaveweb.com.au Designing with real, imperfect content helps you think through contingencies and edge cases.
  • 30. © Weave Web Communications 2014 www.weaveweb.com.au Even more questions • Who writes the content? • What content gets promoted? • What happens to old content? • How will people get to the website? • How does our content look on Facebook?
  • 31. © Weave Web Communications 2014 www.weaveweb.com.au If you find yourself asking 
 the same questions, then congratulations: You’re already doing content strategy
  • 32. © Weave Web Communications 2014 www.weaveweb.com.au Content strategy can and should be part of every project that involves content. Content strategists are good to have on a project with lots of content, or complex content needs.
  • 33. © Weave Web Communications 2014 www.weaveweb.com.au 3 ways to start adding content strategy to your design process
  • 34. © Weave Web Communications 2014 www.weaveweb.com.au 1 Design with real content
  • 35. © Weave Web Communications 2014 www.weaveweb.com.au Design with real content • Draft content is OK; any content is better than none • Design with best case, worst case and “zero case” content • Be prepared for content to come up in design discussions • This is what “Content First” really means
  • 36. © Weave Web Communications 2014 www.weaveweb.com.au 2 Talk about who’s going to write the content, and when
  • 37. © Weave Web Communications 2014 www.weaveweb.com.au Talk about who’s going to write the content, and when • The “11th hour shitstorm” problem • Don’t assume — even if the RFQ says “All content will be provided” • Use back of envelope calculations as reality checks • Build relationships with copywriters (or become one yourself)
  • 38. © Weave Web Communications 2014 www.weaveweb.com.au 3 Your job doesn’t end on launch day
  • 39. © Weave Web Communications 2014 www.weaveweb.com.au Your job doesn’t end on launch day • The “Day 2” problem • Magical thinking: content management system means content is managed • How many websites you built 2 years ago are you still happy to show off? • Work with the client on an achievable post- launch plan, and pester them about it
  • 40. © Weave Web Communications 2014 www.weaveweb.com.au 3 ways to start adding content strategy to your design process 1. Design with real content 2. Talk about who’s going to write the content, and when 3. Your job doesn’t end on launch day
  • 41. © Weave Web Communications 2014 www.weaveweb.com.au If you’d like to know more…
  • 42. © Weave Web Communications 2014 www.weaveweb.com.au Karen McGrane Content Strategy for Mobile (A Book Apart) Content Strategy Melbourne meetup meetup.com/Content-Strategy-Melbourne
  • 43. © Weave Web Communications 2014 www.weaveweb.com.au Thank you! @WeAreWeave