adaptive content for luminate cms bbcon 2015
TRANSCRIPT
Adaptive Content with Luminate CMS PRESENTED BY LACEY KRUGER
Meet Lacey…
Lacey Kruger Principal Information Architect
• 10+ years at Blackbaud/Convio
• Specializes in User Research,
Sitemaps, Wireframes and CMS architecture
• Member of Blackbaud Interactive’s User Experience and Design Team
Meet Jane…
Source: http://responsivedesign.ca/examples/the-boston-globe-a-newspaper-for-the-21st-century
Meet Jane…
What is Adaptive Content?
• Content that is structured so that a single item can be displayed across a multitude of devices in a multitude of formats
6 #bbcon
Source: Adapting Ourselves to Adaptive Content by Karen McGrane
What is Adaptive Content?
9 #bbcon
COPE (Create Once, Publish Everywhere)
Why is Adaptive Content Important?
10 #bbcon
Why is Adaptive Content Important?
11 #bbcon
Why is Adaptive Content Important?
12 #bbcon
I’m on board! How do I start?
Step 1: Content Inventory
Step 2: Identify Content Types
Groups of content that share consistent fields or attributes, display templates and relationships
Common Types: • Article • Blog Post • Event • Profile
Step 2: Identify Content Types
YES, create a content type:
• Predictable Properties • Consistent Formatting • Sorting and Filtering • Relationships
DON’T create a content type:
• Only a few items • Basic Page content type will
suffice
Step 3: Design Display Templates
Layouts for each content type (with some exceptions)…
Single Display Template(s) • Design for a single item
of said content type • i.e. News Article page
NOTE: Consider responsive breakpoint views for each Display Template
List Display Template(s) • Design for a list of multiple
items of said content type • i.e. News Landing page
Step 4: Define Meta Data
Meta Data are the consistent fields or attributes shared across items in a content type
Basic fields • Title • Description • Date
Display fields • Full-size photo • Thumbnail • Turn on/off promos
Relational fields • Topic Category • Audience Category • Related Items
Use the WYSIWYG sparingly!
21 #bbcon
Title Subtitle
Body Full-size image
Topic category
Date
Description
Thumbnail photo
Step 5: Implement and Educate
Luminate CMS allows you to write custom author instructions for each piece of Meta Data
Step 5: Implement and Educate Remember! • Suggest
image dimensions and character counts
• Train on using WYSIWYG sparingly
The Result
The feedback from our staff, volunteers, and users
has been great. It definitely was a learning curve the first week, but overall has been a major improvement
to the organization of our content. -NMFA Web Team
“
”
Summary • Your org NEEDS Adaptive Content • Steps:
1. Content Inventory 2. Identify Content Types 3. Design Display Templates 4. Define Meta Data 5. Implement and Educate
• Use the WYSISYG sparingly! • Result: Future-Proofed Content, Happy Org
Want More?
• Karen McGrane • Presentations:
• Adapting Ourselves to Adaptive Content • Content Strategy for Mobile
• Book: Content Strategy for Mobile
• Sara Wachter-Boettcher • Book: Content Everywhere
Thank You! Contact Me: [email protected] http://www.slideshare.net/LaceyKruger