Embed Size (px)
Citation preview
© 2017 Tanzen
© 2017 Tanzen
© 2017 Tanzen
© 2017 Tanzen
HELLO!
4
Carrie Hane@carriehd
© 2017 Tanzen 5
Who are you?
© 2017 Tanzen 6
WHERE ARE WE TODAY?
A quick history of the web
© 2017 Tanzen
1999 TO THE PRESENT
7
1999 2003 2017
© 2017 Tanzen
WE’VE GOT SOME PROBLEMS
• So much content
• So many devices
• Changing design trends
• Organization-centric
• Silos
8
© 2017 Tanzen 9
How can we break the cycle of tear-down websites?
How do we stop our organizations from being hoarders?
How can we stop building websites that are hard to maintain?
© 2017 Tanzen
WE KNOW WHAT’S COMING
• Artificial intelligence • Internet of things• Screenless interfaces• Portable interactive experiences• Devices talking to each other• Information being shared across systems
10
© 2017 Tanzen 11
THINKING DIFFERENTLY
Future-friendly content
© 2017 Tanzen
WINDOWS ON OUR WORLDS
12
© 2017 Tanzen 13
structured content Information that is planned, developed, and connected outside of an interface. It treats content as as data so that it makes sense to people and computers.
© 2017 Tanzen 14
Are you using a structured content approach?
© 2017 Tanzen
DOMAIN MODEL
15
© 2017 Tanzen
CONTENT MODEL
16
© 2017 Tanzen
ARE YOU WITH ME?
© 2017 Tanzen 18
IMPLEMENTING FUTURE-FRIENDLY
CONTENT
Building the CMS to support the content
© 2017 Tanzen
CONTENT TYPES ARE KEY
19
content typeA reusable container for managing content by common structure and purpose
© 2017 Tanzen
WHAT DOES THE RIGHT CMS LOOK LIKE?
• Flexible and unstructured• Node-based, separating content from presentation or container
• Model-driven, has no (or optional) rendering engine and exposes an API
• Designed for the author experience
20
YESNO
© 2017 Tanzen
WHAT DOES GOOD IMPLEMENTATION LOOK LIKE?
• Content planning is done before CMS configuration
• By considering all the parts of the model first, we save
time and money later
• Content planning can’t be avoided — either you do it or
your developers will
21
content + development + design = good implementation
© 2017 Tanzen
PLANNING THE CMS AND INTERFACE
22
© 2017 Tanzen
PLANNING CMS CONTENT TYPES
23
Input Field Field Title Field TypeContent Type Person Content Type Name
Description Info about people associated with IAS Text (plain)
Title (change label to) Name TitleBody (change label to) Bio BodyPicture Picture ImageFirstName First Name Text (plain)LastName Last Name Text (plain)TwitterID Twitter ID Text (plain)MainEvent Event Entity referenceRole Role Term reference
PERSON content type
© 2017 Tanzen
PERSON CONTENT TYPE IN THE CMS
24
© 2017 Tanzen
DISPLAY TEMPLATE
25
© 2017 Tanzen
PERSON DESIGN PATTERN FOR LISTS OF PEOPLE
26
© 2017 Tanzen
DYNAMIC DISPLAY - SPEAKERS
27
© 2017 Tanzen
DYNAMIC DISPLAY - TEAM
28
© 2017 Tanzen 29
Now you can…
Do so much more
© 2017 Tanzen
YOU CAN…
• Change designs or CMS without a complete redesign and re-architecture
• Publish across channels with a single piece of content• Integrate with other systems more easily• Reuse content throughout the websites or interfaces• Improve SEO
30
© 2017 Tanzen
DYNAMIC STORYTELLING
31
© 2017 Tanzen
RECAP
• Why we need a different way of thinking about websites
• Start designing outside the interface with domain and
content modeling
• Choosing the right CMS
• Planning a good implementation
• Dynamic storytelling potential
32
© 2017 Tanzen
What are the anticipated challenges to switching to a structured content
approach?
33
© 2017 Tanzen
TOOLS FOR DOING THIS
Site Build Worksheet – Keep track of everything
Content Spec Sheets – Help authors create structured content
bit.ly/tanzen-tools
34
© 2017 Tanzen
MORE RESOURCES ON STRUCTURED CONTENT
• Tanzen blog (www.tanzenconsulting.com/blog)
• UX Booth articles (www.uxbooth.com/author/carriehane)
• Designing Future-Friendly Content: Modeling Structure for Every User Interface (on Medium)
• Training the CMS (on A List Apart)
• Web Content Management by Deane Barker
• Content Everywhere by Sara Wachter-Boettcher
• Content Strategy for Mobile by Karen McGrane
35
