Creuna morgenbriefing dec 2013 - COPE model

63
Create Once, Publish Everywhere Mette Schou Andersen @mettecharita Your way to sustainable, AWESOME content Liv Madsen @livmadsen

description

Cope, model, principles, content strategy, meta tags, structure, substance, workflow, sustainable, content design, brand persona,

Transcript of Creuna morgenbriefing dec 2013 - COPE model

Page 1: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Darker colours You’re basically free to use the different

saturations of the colours, but we still recommend these second to darkest ones

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

Insert client logo 1.  Select placeholder 2.  Choose Insert from top menu 3.  Choose Picture from file 4.  Select client logo 5.  Click OK

To view drawing guides 1.  Right click on slide and select

’Grid and Guides...’ 2.  Check ’Display drawing

guides on screen’ 3.  Select OK

Create Once, Publish Everywhere

Mette Schou Andersen @mettecharita

© Creuna

Your way to sustainable, AWESOME content

Liv Madsen @livmadsen

Page 2: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Darker colours You’re basically free to use the different saturations

of the colours, but we still recommend these second to darkest ones

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

What we’ll cover today

Welcome

© Creuna

How to work with COPE Sustainable content strategy to support COPE – based on relevant customer cases

Page 3: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Darker colours You’re basically free to use the different saturations

of the colours, but we still recommend these second to darkest ones

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

Hi-Fi Klubben

Today’s main case: The challenges of

© Creuna

Page 4: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

Gap in experience + new target groups

+ new channels + competition

Page 5: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Darker colours You’re basically free to use the different saturations

of the colours, but we still recommend these second to darkest ones

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

We all face the same reality

But these challenges are not just Hi-Fi Klubben’s

© Creuna

Page 6: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

In some cases you may want background images 1. Click on Picture icon

2. Find image, select OK Size of image=1500x844 px

(2000x1126 px for even better quality)

Click Increase Indent button to get predefined ‘quote-name’ font

© Creuna

http://www.flickr.com/photos/lyza/7382235106

Page 7: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

“Get your content ready to go anywhere because it’s going to go everywhere.”

- Brad Frost

Page 8: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Darker colours You’re basically free to use the different saturations

of the colours, but we still recommend these second to darkest ones

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

COPE

© Creuna

Sounds like a job for

Page 9: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Content distribution

© Creuna

CMS API Presentation layers

For more details about the NPR API, see http://www.slideshare.net/zachbrand/npr-api-create-once-publish-everywhere

create +maintain

connect+distribute

present

present

present

Page 10: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

1. Reusable content 2.  Structured content 3.  Presentation-independent content 4.  Meaningful metadata 5.  Usable content management interfaces

5 key elements

© Creuna From Karen McGrane’s Content Strategy for Mobile

Page 11: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Multiple formats

© Creuna

Page 12: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

1.  Reusable content

2. Structured content 3.  Presentation-independent content 4.  Meaningful metadata 5.  Usable content management interfaces

© Creuna From Karen McGrane’s Content Strategy for Mobile

5 key elements

Page 13: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

�Thinking about where content will “live” on a

“web page” is pretty 1999.

Original image: http://www.flickr.com/photos/28567825@N03/3496269460

Lisa Welchman, @lwelchman

Page 14: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

chunk noun | piece, block, mass, portion, lump, slab, hunk, nugget, wad, dollop (informal), wodge (Brit. informal) Cut the melon into chunks.

Collins Thesaurus of the English Language – Complete and Unabridged 2nd Edition. 2002 © HarperCollins Publishers 1995, 2002 Image: http://www.flickr.com/photos/62116165@N00/4028464605

© Creuna

Page 15: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

1.  Reusable content 2.  Structured content

3. Presentation-independent content 4.  Meaningful metadata 5.  Usable content management interfaces

© Creuna From Karen McGrane’s Content Strategy for Mobile

5 key elements

Page 16: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

To add pre-formatted bullet text please use the

Increase/Decrease Indent buttons found in the

Top-PowerPoint menu

© Creuna

Page 17: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

To add pre-formatted bullet text please use the

Increase/Decrease Indent buttons found in the

Top-PowerPoint menu

© Creuna

Page 18: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

To add pre-formatted bullet text please use the

Increase/Decrease Indent buttons found in the

Top-PowerPoint menu

© Creuna

Page 19: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

1.  Reusable content 2.  Structured content 3.  Presentation-independent content

4. Meaningful metadata 5.  Usable content management interfaces

© Creuna From Karen McGrane’s Content Strategy for Mobile

5 key elements

Page 20: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

Customer club user reviews Product db

Products + supporting content

website

EPiSERVER Inspiration articles

chunks

member app? content ads?

Meta data

Metadata connects repositories

A P I

Page 21: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

1.  Reusable content 2.  Structured content 3.  Presentation-independent content 4.  Meaningful metadata

5. Usable content management interfaces

© Creuna From Karen McGrane’s Content Strategy for Mobile

5 key elements

Page 22: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Darker colours You’re basically free to use the different saturations

of the colours, but we still recommend these second to darkest ones

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

Content strategy Sustainable

© Creuna

Page 23: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

7 out of 10 multi-device users

expect the same quality of content experience across all their digital devices

source http://www.vibrantmedia.co.uk/

Quality matters

Page 24: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

To add pre-formatted bullet text please use the

Increase/Decrease Indent buttons found in the

Top-PowerPoint menu content is a vital part of your product

© Creuna

In the age of the customer

Page 25: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

To add pre-formatted bullet text please use the

Increase/Decrease Indent buttons found in the

Top-PowerPoint menu

“Sustainable content is content you can create–and maintain–without going broke, lowering quality […], & working employees into nervous breakdowns.”

© Creuna

Erin Kissane, The Elements of Content Strategy

Page 26: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

governance structure

substance workflow

Model from Content Strategy for the Web by Kristina Halvorson and Melissa Rach

CORE STRATEGY

Elements of a sustainable content strategy

Page 27: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

structure

substance

Model from Content Strategy for the Web by Kristina Halvorson and Melissa Rach

CORE STRATEGY

Elements of a sustainable content strategy

Content components

Page 28: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

governance

workflow

Model from Content Strategy for the Web by Kristina Halvorson and Melissa Rach

CORE STRATEGY

Elements of a sustainable content strategy

People components

Page 29: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

governance structure

substance workflow

Model from Content Strategy for the Web by Kristina Halvorson and Melissa Rach

Content components

People components

CORE STRATEGY

Elements of a sustainable content strategy

Page 30: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

governance structure

substance workflow

Model from Content Strategy for the Web by Kristina Halvorson and Melissa Rach

CORE STRATEGY

Substance What kind of content do we need to target & empower our customers…?

Elements of a sustainable content strategy

Page 31: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Not all you have, but what customers need

Page 32: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Not all you have, but what customers need

Task based User facing

Relevant Valuable

Page 33: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

Content inventory & audit

What do you have & what do you need?

Page 34: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Darker colours You’re basically free to use the different saturations

of the colours, but we still recommend these second to darkest ones

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

Hi-Fi Klubben Release the power of

© Creuna

Page 35: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

brand persona +tone of voice

+content design

Page 36: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Darker colours You’re basically free to use the different saturations of

the colours, but we still recommend these second to darkest ones

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour and click OK

© Creuna

PASSIONERET men ikke overgearet

MODIG men ikke vanvittig

KOMPETENT men ikke elitær

CUSTOMER-CENTRIC men ikke dominerende

HUMORISTISK men ikke barnagtig

TROVÆRDIG men ikke forstokket

UFORMEL men ikke sjusket

Page 37: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Key Drivers

© Creuna

relevance +choice

+exploration +empowerment

Page 38: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Constructed narrative to aid research

© Creuna

High-level

In-depth

Page 39: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Constructed narrative to aid research

© Creuna

High-level

In-depth

product presentation

Hi-fi klubben review highlights

Technical specs

User reviews

demo Editorial on features

Brand overview

complementing products accessories

Page 40: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

product presentation chunk

Hi-fi klubben review chunk

Highlights chunk

Page 41: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna © Creuna

governance structure

substance workflow

Model from Content Strategy for the Web by Kristina Halvorson and Melissa Rach

CORE STRATEGY

Structure How is content prioritized, formatted, structured & displayed…?

Elements of a sustainable content strategy

Page 42: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Darker colours You’re basically free to use the different saturations of

the colours, but we still recommend these second to darkest ones

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour and click OK

© Creuna

reusable

Structure Metadata Flexibility

+ =

Page 43: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

To add pre-formatted bullet text please use the

Increase/Decrease Indent buttons found in the

Top-PowerPoint menu

Content Management Systems

© Creuna http://blog.programmableweb.com/2009/10/13/cope-create-once-publish-everywhere

Page 44: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

To add pre-formatted bullet text please use the

Increase/Decrease Indent buttons found in the

Top-PowerPoint menu

“The goal of any CMS should be to gather enough information to present the content on any platform, in any presentation, at any time.”

© Creuna http://blog.programmableweb.com/2009/10/13/cope-create-once-publish-everywhere

Page 45: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Tag it!

metadata

Page 46: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Darker colours You’re basically free to use the different saturations

of the colours, but we still recommend these second to darkest ones

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

Reusable chunks in multiple formats

with meaningful metadata

© Creuna

Page 47: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

governance structure

substance workflow

Model from Content Strategy for the Web by Kristina Halvorson and Melissa Rach

CORE STRATEGY

Workflow What processes, tools & human resources are needed to create a sustainable workflow… ?

Elements of a sustainable content strategy

Page 48: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

In some cases you may want background images 1. Click on Picture icon

2. Find image, select OK Size of image=1500x844 px

(2000x1126 px for even better quality)

Click Increase Indent button to get predefined ‘quote-name’ font

I am editorrr

© Creuna

Workflows that help editors be awesome at content

Page 49: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Write for the chunk, not for the page

Page 50: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

http://www.flickr.com/photos/andymangold/4335794366

Page 51: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

WYSIPAL

© Creuna

What You See Is Probably a Lie

But… our CMS has

WYSIWYG

#WYSIPAL – yeah, I coined that. You’re welcome. – @livmadsen

Page 52: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

To add pre-formatted bullet text please use the

Increase/Decrease Indent buttons found in the

Top-PowerPoint menu what it is & how it reads

– not how it looks

Help editors focus on

© Creuna

Page 53: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Learn to love metadata

Tags are your new best friends

Page 54: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

governance structure

substance workflow

Model from Content Strategy for the Web by Kristina Halvorson and Melissa Rach

CORE STRATEGY

Governance How are key decisions about content & content strategy made… ?

Elements of a sustainable content strategy

Page 55: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

down with silos, up with people

© Creuna

Page 56: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

No model survives contact with the real world…

Page 57: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Insert image in background 1. Click on image placeholder

2. Choose Insert/Click Picture-button 3. Select image and click OK

Size of image=1500x844 px (2000x1126 px for even better quality)

Start small, show value

© Creuna

Page 58: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

NPR CMS

From http://www.slideshare.net/zachbrand/npr-api-create-once-publish-everywhere

Page 59: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

NPR presentation layer examples

More on http://www.slideshare.net/zachbrand/npr-api-create-once-publish-everywhere

Story on npr.org

Page 60: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

© Creuna

NPR presentation layer examples

From http://www.slideshare.net/zachbrand/npr-api-create-once-publish-everywhere

iPhone App Android App Mobile Site

Page 61: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

In some cases you may want background images 1. Click on Picture icon

2. Find image, select OK Size of image=1500x844 px

(2000x1126 px for even better quality)

Click Increase Indent button to get predefined ‘quote-name’ font

© Creuna

http://www.flickr.com/photos/lyza/7382235106

Page 62: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Darker colours You’re basically free to use the different saturations of

the colours, but we still recommend these second to darkest ones

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour and click OK

© Creuna

Go forth and COPE!

Page 63: Creuna morgenbriefing dec 2013 - COPE model

Choose among many Layouts Right-click on slide and select Layout

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour and click OK

Make a new slide to add or change the icons by using graphics from www.iconmonstr.com

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Darker colours You’re basically free to use the different saturations of

the colours, but we still recommend these second to darkest ones

Thanks :) Liv Madsen Senior Frontend Developer Mette Schou Andersen UX & Content Strategy Lead

@livmadsen @mettecharita

© Creuna

Make a new slide to add or change the icons by using graphics from www.iconmonstr.com

@creuna_dk