103
Sara Wachter-Boettcher CS NYC – February 2013 Preparing your content—and your company -READY FUTURE

FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Sara Wachter-BoettcherCS NYC – February 2013

Preparing your content—and

your company

-READYFUTURE

Page 2: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

‘‘Every client, in my experience, has a content problem.

Mark Boulton, Web Directions South

Page 3: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

responsive design mobile-first cross-channel experiences read-it-later apps api-driven design lazy-loading adaptive experiences linked-data mashups web-enabled tvs future-friendly thinking multi-screen strategies flexible grids mobile-only users web-connected cars

Page 4: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

responsive design mobile-first cross-channel experiences read-it-later apps api-driven design lazy-loading adaptive experiences linked-data mashups web-enabled tvs future-friendly thinking multi-screen strategies flexible grids mobile-only users web-connected cars

THERE’S NO MORE HIDING FROM IT.

Page 5: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

‘‘In traditional media, canvas dimensions are a known constraint... With digital, however, the canvas is an unknown.Instead, we need to build on what we do know: content.

Chris Armstrong, “The Infinite Grid”

Page 6: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Everyone agrees: We’ve got to deal with content. For reals.

Page 7: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

and yet:

WE’VE STILL GOT SO FAR TO GO.

Page 8: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Inaccessible.

Page 9: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Broken.

Page 10: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Missing.

Page 11: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Useless.

Page 12: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Even launching a new homepage is hard.

Page 13: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

‘‘The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately 100 different markets... They adapted their CMS to allow Content Strategists to program content on the site.

Nishant Kothary,“The Story of the New Microsoft.com”

Page 14: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

This is why mobile is so hard.

Page 15: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

the web’s moving forward,

BUT OUR CONTENT’S STILL STUCK.

Page 17: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

We create content like this.

Page 18: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

We create content like this.

CONTENT GOES HERE.

Page 19: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

So we can do this.

www.flickr.com/photos/76029035@N02/6829344565

Page 20: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

So we can do this.

www.flickr.com/photos/76029035@N02/6829344565

CONTENT GOES HERE.

Page 21: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

But we end up with this.

Page 22: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

But we end up with this.

CONTENT GOES HERE.

Page 23: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

it’ll only get

By Eva-Lotta Lamm

worse

Page 24: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

We don’t need more content. We need content that does more.

Page 25: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

NPR’s Central CMS

Storage API

WebsitesMobile SitesAppsThird Parties

COPE: Create Once, Publish Everywhere

Page 26: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately
Page 27: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

content likewater

www.flickr.com/photos/briangaid/2909765394/

Page 28: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Of course, content doesn’t just magically flow.

Page 29: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

It takes infrastructure.

Page 30: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Which starts with content.

Page 31: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

By Eva-Lotta Lamm

care and craft content takes

Page 32: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

And a CMS to match

Page 33: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

not just hierarchyinterconnection,

Page 34: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Of course, structured data isn’t new.

From Web Database Applications with PHP & MySQL by Hugh E. Williams and David Lane (O’Reilly, 2003)

Page 35: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

What?

No idea!

Huh?

The results just weren’t always great.

Page 36: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

this didn’tfix it

By Eva-Lotta Lamm

Page 37: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

www.melissaanddoug.com

arbitrarystructure isn’t

Page 38: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

It’s about taking our content knowledge...

Page 39: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

www.flickr.com/photos/darkfoxprime/4348506299/

patternsand finding

Page 40: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

www.flickr.com/photos/peroshenka/408997641

not just “pages”

Page 41: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Patterns help establish content types.

Page 42: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

...etc. etc. etc.

Event ListingsShowsBlog PostsArticlesProfilesBios Help ModulesPress ReleasesDirectoriesRecipesShows Product ListingsNews BriefsResearch Papers

Page 43: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Content types create a content system.

Page 44: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

systems giveus options

By Eva-Lotta Lamm

Page 45: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

We can’t manually manage how each bit of content looks.

Page 46: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

But every bit of structure gives us the option to make a rule.

Page 47: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

rules tell contentwhat to do

Page 48: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

If [content type] is in [situation], then [do this with] the [content elements].

Page 49: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

If [a recipe] is in [the app], then [include] the [ratings before the ingredients].

Page 50: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

structure helpscontent move

Page 51: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Now, for the hard part.

Page 52: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

our content’s stuck

BECAUSE WE ARE STUCK.

Page 53: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

it’s people,not just tech

Page 54: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

3CHALLENGESFOR OUR ORGANIZATIONS

Page 55: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

mentality1. mass-production

LIFE magazine archives

Page 56: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

People keep creating content the same way they always have: big WYSIWYG blobs.

THE PROBLEM

Page 57: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

WYSIWYG or WYSIWTF?

Page 58: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

THE REAL PROBLEMContent-producing roles aren’t tied to business strategy, goals, or vision—so those working in them see no reason to change.

Page 59: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

www.flickr.com/photos/seattlemunicipalarchives/2710933334

that’s not my job! i just keep the production

line moving.

Page 60: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

A BETTER WAYContent strategy bridges the gap between executive vision and daily execution, defining how content will serve strategy over time.

Page 61: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

teams2. compartmentalized

Page 62: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Content-producing departments don’t communicate, or are even hostile to one another.

THE PROBLEM

Page 64: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Government is notorious for this.

Page 65: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately
Page 66: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately
Page 67: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately
Page 68: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately
Page 69: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately
Page 70: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately
Page 71: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

This is duplicative and inefficient. Not to mention confusing as hell.

Page 72: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

THE REAL PROBLEMDepartments that are always focused on themselves are not thinking about their customers.

Page 74: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

‘‘Customers don't know—and don't care to know—how government is organized. So why make them go from agency [website] to agency [website] to get the full picture of what gov't has to offer on any subject?

Participant, National Dialogue onImproving Government Websites

Page 75: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

A BETTER WAYTranscend silos with cross-department teams focused on tackling a single issue. Empower them to spread new ideas.

Page 77: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately
Page 78: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

THE PROBLEMStakeholders don’t get digital—they want everything fixed in place, like print, before approval.

Page 79: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

terrifies themuser control

Page 80: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

THE REAL PROBLEMThe organization isn’t built for change—and suddenly, things are changing fast. Rather than adapt, it’s trying to stop the shift.

Page 81: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

keep movingthings will

Page 82: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

It’s not just dealing with mobile. It’s becoming an organization that’s adept at change.

A BETTER WAY

Page 83: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

good news!

CONTENT STRATEGISTS CAN HELP

Page 84: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

excited bunchwe’re an

LIFE magazine archives

Page 85: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

It’s time we share that passion with the whole organization.

Page 86: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

3WAYS TO MAKE CHANGE HAPPEN

Page 87: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Make mobile an entry point, not the end point.1

Page 88: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

‘‘Use mobile as a wedge to create a better experience for ALL users.

Karen McGrane

Page 89: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Also true for changing organizations.

Page 90: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

break down doorsuse mobile to

www.flickr.com/photos/justin-march/3720489344/

Page 91: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Don’t sell solutions. Invest more deeply. 2

Page 92: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

save the daywe don’t

Page 93: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

messy workit’s hard,

www.flickr.com/photos/trondheim_byarkiv/4773880876

Page 94: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Do less.Facilitate more. 3

Page 95: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

After the CMS is updated...

Page 96: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Or the API is launched...

Page 97: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

The content will still need help.

Page 98: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

to fish...teach ’em

Page 99: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

Find the people your work affects, and incorporate them from the start.

Page 100: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

And finally, there’s you.

Page 101: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

the futurewe can’t see

Page 102: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

By Eva-Lotta Lamm

but we canplay a role in it

Page 103: FUTURE -READY€¦ · ÔÔ The Microsoft.com team built tools, guidelines, and processes to help localize everything from responsive images to responsive content into approximately

THANK YOU,

NYC CS!

Flickr images used via CC-Attribution license unless otherwise noted. Illustrations used with the permission of Eva-Lotta Lamm.

Content Everywhere is available now!http://rfld.me/content-everywhere

sarawb.com // @sara_ann_marie