CONTENT-FIRST WEBSITES: FROM THEORY TO REALITYCarrie HaneTanzen@carriehd
Peers ConferenceApril 27, 2017
#PeersConf@PeersConf
I feel alone
content doesn’t fit
@carriehd
Anger by Daryl Vandemont from Noun Project
@carriehd Dismay: Daryl Vandemont from Noun Project Word icon: ic8.link/11571
https://flic.kr/p/8veMym
@carriehd Disappointed: Daryl Vandemont from Noun Project
“Premature optimization is the root of all evil”
Donald Knuth
People want content
so do robots
@carriehd
2. A new process3. A better web
1. A vision
We should always be looking to make a clean system with an interface ready to be used by a system which hasn't yet been invented.
Tim Berners-Lee, 2008
A vision for what could be
@carriehd
@carriehd
@carriehd
Definitions
@carriehd
con•tentall the things on the page except code: text, images, video, document files, audio files
@carriehd
con•tent firststarting the design process by determining the story before the form and structure
@carriehd
con•tent de•signan approach to creating web content that takes something that meets a user need and present
@carriehd
con•tent strat•e•gygetting the right information to the right people at the right time
@carriehd
back-end con•tent strat•e•gyplanning appropriate structure, technology, and processes to support content reuse
@carriehd
struc•tured contentinformation that is planned, developed, and connected outside of an interface
Process: Old vs New
@carriehd
UX UI Dev
Content
Content Last
@carriehd
Content Strategy UX UI Dev
Development Last
Houston, we have a problem.
There has to be a better way
@carriehd
Content First
Content Model
Content Types
Dynamic Display Criteria
Dev
UX & UI Design
Content Creation
Interface
@carriehd Asea Ginsburg from “Design, Development and Content: Working Together Harmoniously” 2011
Design in the absence of content is not design, it's decoration.
Jeffery Zeldmanin a tweet on May 5, 2008
@carriehd
Hi!
Activities & Documentation Deliverables
@carriehd
Content Model
Rlib
k^jb=qlmf`=sbkrb=
a^qb=L=qfjb=arR^qflk
bsbkqpmlkplR
k^jb=ildl=
pelRq=abp`R fmqflk=tb_pfqb=rRi
pbppflk
qfqib=mbRplk=
abp`R fmqflk=q^hb^t^vp=pbppflk=qvmb=
qlmf`=qfjb=L=a^qb=arR^qflk=sbkrb=`lpq=
pmlkplR
mbRplk
k^jb=`ljm^kv=gl_=qfqib=mf`qrRb=
_fldR^mev=tb_pfqb=rRi=qtfqqbR = fa
k^jb=^aaRbpp=
`fqv=pq^qb=
`lrkqRv=dblil`^qflk=qbibmelkb=tb_pfqb=rRi
sbkrb
qfqib
@carriehd
Site Build Worksheet
http://www.tanzenconsulting.com/content-strategy-tools/
@carriehd
Content Matrix
http://www.tanzenconsulting.com/content-strategy-tools/
@carriehd
Content Types
http://www.tanzenconsulting.com/content-strategy-tools/
@carriehd
Content Types
http://www.tanzenconsulting.com/content-strategy-tools/
@carriehd
Content Spec Sheet
http://www.tanzenconsulting.com/content-strategy-tools/
@carriehd
Dynamic Displays
@carriehd
Taxonomies
sustainable
useable
useful
@carriehd
Development
UX & UI Design
Content Creation
Where to start?
Anywhere
A better world wide web
@carriehd
Resources
Pages
@carriehd
FormFunction
@carriehd Eyes by Ema Dimitrrova, Medal by Oliviu Stoian from Noun Project
Sometimes everyone wins
Sharing is caring
@carriehd Creaticca Creative Agency from Noun Project
@carriehd
Income Expenses
What’s stopping you?
It’s not my job not think about content.
Front-end developer
Our leaders don’t get it.
Project manager
We don’t have the right people.
Agency owner
I don’t know how.
Back-end developer
#noexcuses
https://grownandflown.com/wp-content/uploads/2013/03/The-Wizard-of-Oz-Behind-the-Curtain.jpg
Step out from behind your screens
Ask questions
“It is easier to ask forgiveness than it is to get permission.”
Grace Hopper
strat•e•gic nagg•ingpatient but persistent repetition of a message
Make the web better!