Adaptive Content for Luminate CMS bbCon 2015

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: lacey.kruger@blackbaud.com http://www.slideshare.net/LaceyKruger