What does "content first" really mean? How can we go beyond the words and incorporate back-end content strategy into our development? How does it change the web design and development process? How does it make websites better? Planning appropriate structure, technology, and processes to support content reuse leads to adaptable and reusable content that is future-friendly and device agnostic. Wherever you are in your governance cycle, there is a way to get started. During this session, we’ll walk through a process to put content first in a collaborative environment and find the best way to deliver valuable websites, no matter where you’re starting.

1. CONTENT-FIRST WEBSITES:
FROM THEORY TO REALITY
Carrie Hane
Tanzen
@carriehd
Peers Conference
April 27, 2017
#PeersConf
@PeersConf

2. I feel alone

4. content doesn’t fit

6. @carriehd
Anger by Daryl Vandemont from Noun Project

7. @carriehd
Dismay: Daryl Vandemont from Noun Project
Word icon: ic8.link/11571

8. https://flic.kr/p/8veMym

9. @carriehd Disappointed: Daryl Vandemont from Noun Project

11. “Premature
optimization is the
root of all evil”
Donald Knuth

12. People want
content

13. so do robots
@carriehd

14. 2. A new process
3. A better web
1. A vision

15. 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

16. A vision for what could be

17. @carriehd

18. @carriehd

19. @carriehd

21. Definitions

22. @carriehd
con•tent
all the things on the page except code: text, images, video, document files, audio files

23. @carriehd
con•tent first
starting the design process by determining the story before the form and structure

24. @carriehd
con•tent de•sign
an approach to creating web content that takes something that meets a user need and present

25. @carriehd
con•tent strat•e•gy
getting the right information to the right people at the right time

26. @carriehd
back-end con•tent strat•e•gy
planning appropriate structure, technology, and processes to support content reuse

27. @carriehd
struc•tured content
information that is planned, developed, and connected outside of an interface

28. Process: Old vs New

29. @carriehd
UX UI Dev
Content
Content Last

30. @carriehd
Content
Strategy
UX UI Dev
Development Last

31. Houston, we have
a problem.

32. There has to be a
better way

33. @carriehd
Content First
Content
Model
Content
Types
Dynamic
Display
Criteria
Dev
UX & UI
Design
Content
Creation
Interface

34. @carriehd Asea Ginsburg from “Design, Development and Content: Working Together Harmoniously” 2011

35. Design in the absence
of content is not
design, it's decoration.
Jeffery Zeldman
in a tweet on May 5, 2008

36. @carriehd
Hi!

37. Activities &
Documentation
Deliverables

38. @carriehd
Content Model
Rlib
k^jb=
qlmf`=
sbkrb=
a^qb=L=qfjb=
arR^qflk
bsbkq
pmlkplR
k^jb=
ildl=
pelRq=abp`Rfmqflk=
tb_pfqb=rRi
pbppflk
qfqib=
mbRplk=
abp`Rfmqflk=
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

39. @carriehd
Site Build Worksheet
http://www.tanzenconsulting.com/content-strategy-tools/

40. @carriehd
Content Matrix
http://www.tanzenconsulting.com/content-strategy-tools/

41. @carriehd
Content Types
http://www.tanzenconsulting.com/content-strategy-tools/

42. @carriehd
Content Types
http://www.tanzenconsulting.com/content-strategy-tools/

43. @carriehd
Content Spec Sheet
http://www.tanzenconsulting.com/content-strategy-tools/

44. @carriehd
Dynamic Displays

45. @carriehd
Taxonomies

46. sustainable
useable
useful
@carriehd
Development
UX & UI Design
Content Creation

47. Where to start?
Anywhere

48. A better world wide web

49. @carriehd
Resources
Pages

51. @carriehd
FormFunction

52. @carriehd Eyes by Ema Dimitrrova, Medal by Oliviu Stoian from Noun Project

53. Sometimes
everyone wins

54. Sharing is caring

55. @carriehd Creaticca Creative Agency from Noun Project

56. @carriehd
Income Expenses

57. What’s stopping you?

58. It’s not my job not
think about content.
Front-end developer

59. Our leaders
don’t get it.
Project manager

60. We don’t have
the right people.
Agency owner

61. I don’t know how.
Back-end developer

62. #noexcuses

63. https://grownandflown.com/wp-content/uploads/2013/03/The-Wizard-of-Oz-Behind-the-Curtain.jpg
Step out from
behind your
screens

64. Ask questions

65. “It is easier to
ask forgiveness
than it is to get
permission.”
Grace Hopper

66. strat•e•gic nagg•ing
patient but persistent repetition of a
message

67. Make the web
better!

68. Thank you!
Carrie Hane
@carriehd
carrie@tanzenconsulting.com
tanzenconsulting.com