content-first websites: from theory to reality
TRANSCRIPT
![Page 1: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/1.jpg)
CONTENT-FIRST WEBSITES: FROM THEORY TO REALITYCarrie HaneTanzen@carriehd
Peers ConferenceApril 27, 2017
#PeersConf@PeersConf
![Page 2: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/2.jpg)
I feel alone
![Page 3: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/3.jpg)
![Page 4: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/4.jpg)
content doesn’t fit
![Page 5: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/5.jpg)
![Page 6: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/6.jpg)
@carriehd
Anger by Daryl Vandemont from Noun Project
![Page 7: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/7.jpg)
@carriehd Dismay: Daryl Vandemont from Noun Project Word icon: ic8.link/11571
![Page 8: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/8.jpg)
https://flic.kr/p/8veMym
![Page 9: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/9.jpg)
@carriehd Disappointed: Daryl Vandemont from Noun Project
![Page 10: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/10.jpg)
![Page 11: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/11.jpg)
“Premature optimization is the root of all evil”
Donald Knuth
![Page 12: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/12.jpg)
People want content
![Page 13: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/13.jpg)
so do robots
@carriehd
![Page 14: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/14.jpg)
2. A new process3. A better web
1. A vision
![Page 15: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/15.jpg)
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
![Page 16: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/16.jpg)
A vision for what could be
![Page 17: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/17.jpg)
@carriehd
![Page 18: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/18.jpg)
@carriehd
![Page 19: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/19.jpg)
@carriehd
![Page 20: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/20.jpg)
![Page 21: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/21.jpg)
Definitions
![Page 22: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/22.jpg)
@carriehd
con•tentall the things on the page except code: text, images, video, document files, audio files
![Page 23: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/23.jpg)
@carriehd
con•tent firststarting the design process by determining the story before the form and structure
![Page 24: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/24.jpg)
@carriehd
con•tent de•signan approach to creating web content that takes something that meets a user need and present
![Page 25: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/25.jpg)
@carriehd
con•tent strat•e•gygetting the right information to the right people at the right time
![Page 26: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/26.jpg)
@carriehd
back-end con•tent strat•e•gyplanning appropriate structure, technology, and processes to support content reuse
![Page 27: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/27.jpg)
@carriehd
struc•tured contentinformation that is planned, developed, and connected outside of an interface
![Page 28: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/28.jpg)
Process: Old vs New
![Page 29: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/29.jpg)
@carriehd
UX UI Dev
Content
Content Last
![Page 30: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/30.jpg)
@carriehd
Content Strategy UX UI Dev
Development Last
![Page 31: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/31.jpg)
Houston, we have a problem.
![Page 32: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/32.jpg)
There has to be a better way
![Page 33: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/33.jpg)
@carriehd
Content First
Content Model
Content Types
Dynamic Display Criteria
Dev
UX & UI Design
Content Creation
Interface
![Page 34: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/34.jpg)
@carriehd Asea Ginsburg from “Design, Development and Content: Working Together Harmoniously” 2011
![Page 35: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/35.jpg)
Design in the absence of content is not design, it's decoration.
Jeffery Zeldmanin a tweet on May 5, 2008
![Page 36: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/36.jpg)
@carriehd
Hi!
![Page 37: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/37.jpg)
Activities & Documentation Deliverables
![Page 38: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/38.jpg)
@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
![Page 39: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/39.jpg)
@carriehd
Site Build Worksheet
http://www.tanzenconsulting.com/content-strategy-tools/
![Page 40: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/40.jpg)
@carriehd
Content Matrix
http://www.tanzenconsulting.com/content-strategy-tools/
![Page 41: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/41.jpg)
@carriehd
Content Types
http://www.tanzenconsulting.com/content-strategy-tools/
![Page 42: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/42.jpg)
@carriehd
Content Types
http://www.tanzenconsulting.com/content-strategy-tools/
![Page 43: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/43.jpg)
@carriehd
Content Spec Sheet
http://www.tanzenconsulting.com/content-strategy-tools/
![Page 44: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/44.jpg)
@carriehd
Dynamic Displays
![Page 45: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/45.jpg)
@carriehd
Taxonomies
![Page 46: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/46.jpg)
sustainable
useable
useful
@carriehd
Development
UX & UI Design
Content Creation
![Page 47: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/47.jpg)
Where to start?
Anywhere
![Page 48: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/48.jpg)
A better world wide web
![Page 49: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/49.jpg)
@carriehd
Resources
Pages
![Page 50: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/50.jpg)
![Page 51: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/51.jpg)
@carriehd
FormFunction
![Page 52: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/52.jpg)
@carriehd Eyes by Ema Dimitrrova, Medal by Oliviu Stoian from Noun Project
![Page 53: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/53.jpg)
Sometimes everyone wins
![Page 54: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/54.jpg)
Sharing is caring
![Page 55: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/55.jpg)
@carriehd Creaticca Creative Agency from Noun Project
![Page 56: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/56.jpg)
@carriehd
Income Expenses
![Page 57: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/57.jpg)
What’s stopping you?
![Page 58: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/58.jpg)
It’s not my job not think about content.
Front-end developer
![Page 59: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/59.jpg)
Our leaders don’t get it.
Project manager
![Page 60: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/60.jpg)
We don’t have the right people.
Agency owner
![Page 61: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/61.jpg)
I don’t know how.
Back-end developer
![Page 62: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/62.jpg)
#noexcuses
![Page 63: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/63.jpg)
https://grownandflown.com/wp-content/uploads/2013/03/The-Wizard-of-Oz-Behind-the-Curtain.jpg
Step out from behind your screens
![Page 64: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/64.jpg)
Ask questions
![Page 65: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/65.jpg)
“It is easier to ask forgiveness than it is to get permission.”
Grace Hopper
![Page 66: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/66.jpg)
strat•e•gic nagg•ingpatient but persistent repetition of a message
![Page 67: Content-First Websites: From Theory to Reality](https://reader035.vdocuments.us/reader035/viewer/2022062401/5a658d957f8b9a06748b4cdb/html5/thumbnails/67.jpg)
Make the web better!