D4 d slidedeck_jakedimare-shortnotes-v1

78
www.cmsmyth.com @jakedimare Jake DiMare Senior Project Manager - ISITE Design Contributing Editor The CMS Myth So Happy Together ( Experience Designers and Content Strategists are)

Transcript of D4 d slidedeck_jakedimare-shortnotes-v1

Page 1: D4 d slidedeck_jakedimare-shortnotes-v1

www.cmsmyth.com @jakedimare

Jake DiMare

Senior Project Manager - ISITE Design

Contributing Editor – The CMS Myth

So Happy Together

(Experience Designers and Content Strategists are)

Page 2: D4 d slidedeck_jakedimare-shortnotes-v1

2 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

My name is Jake…

Resources: www.cmsmyth.com/D4DBoston2013

Hashtags: #D4D

#SoHappy

Twitter: @jakedimare

@cmsmyth

Page 3: D4 d slidedeck_jakedimare-shortnotes-v1

Who are you?

Page 4: D4 d slidedeck_jakedimare-shortnotes-v1

#SoHappyTogether @jakedimare

Page 5: D4 d slidedeck_jakedimare-shortnotes-v1

5 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappyTogether @jakedimare

Page 6: D4 d slidedeck_jakedimare-shortnotes-v1

6 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Page 7: D4 d slidedeck_jakedimare-shortnotes-v1

7 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Talking Content

Strategy and

Experience Design

with @jakedimare at

#D4D Boston!

#SoHappy

Page 8: D4 d slidedeck_jakedimare-shortnotes-v1

8 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Page 9: D4 d slidedeck_jakedimare-shortnotes-v1

9 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappyTogether @jakedimare

Page 10: D4 d slidedeck_jakedimare-shortnotes-v1

10 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappyTogether @jakedimare

Page 11: D4 d slidedeck_jakedimare-shortnotes-v1

11 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappyTogether @jakedimare

Page 12: D4 d slidedeck_jakedimare-shortnotes-v1

12 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Experience Design

Content Strategy

A

W

E

S

O

M

E

Page 13: D4 d slidedeck_jakedimare-shortnotes-v1

13 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Page 14: D4 d slidedeck_jakedimare-shortnotes-v1

14 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Page 15: D4 d slidedeck_jakedimare-shortnotes-v1

15 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Page 16: D4 d slidedeck_jakedimare-shortnotes-v1

16 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Scope

Page 17: D4 d slidedeck_jakedimare-shortnotes-v1

17 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Schedule

Page 18: D4 d slidedeck_jakedimare-shortnotes-v1

18 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Budget

Page 19: D4 d slidedeck_jakedimare-shortnotes-v1

19 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Stakeholder expectations

Page 20: D4 d slidedeck_jakedimare-shortnotes-v1

20 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Risk

Page 21: D4 d slidedeck_jakedimare-shortnotes-v1

21 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Page 22: D4 d slidedeck_jakedimare-shortnotes-v1

22 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

7 WAYS

CONTENT CAN

‘CHOKE OUT’ A

WEB PROJECT

Page 23: D4 d slidedeck_jakedimare-shortnotes-v1

23 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Content = scope…

#1 FAILURE TO

APPRECIATE THE

DEPTH AND

BREADTH OF A

PROJECT.

Page 24: D4 d slidedeck_jakedimare-shortnotes-v1

24 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

The Big Dig

Page 25: D4 d slidedeck_jakedimare-shortnotes-v1

25 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

The Big Dig

Originally scheduled for

completion: 1998 @ $2.8B

Page 26: D4 d slidedeck_jakedimare-shortnotes-v1

26 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

The Big Dig

Eventually completed in:

2007 @ 14.6B

Originally scheduled for

completion: 1998 @ $2.8B

Page 27: D4 d slidedeck_jakedimare-shortnotes-v1

27 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

#2 FAILURE TO

RECOGNIZE THE

VITAL

IMPORTANCE OF

CONTENT.

It’s all about the content…

Page 28: D4 d slidedeck_jakedimare-shortnotes-v1

28 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappyTogether @jakedimare

Page 29: D4 d slidedeck_jakedimare-shortnotes-v1

29 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

#3 FAILURE TO

PLAN FOR

CREATING AND/OR

REVISING

CONTENT.

Ready or not…

Page 30: D4 d slidedeck_jakedimare-shortnotes-v1

30 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

The Writing Process

Prewriting

Writing

Revising

Editing

Publishing

Promoting

Page 31: D4 d slidedeck_jakedimare-shortnotes-v1

31 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

#4 FAILURE TO

UNDERSTAND THE

CHALLENGES OF

DESIGNING WITH

DUMMY CONTENT.

For placement only (for dummies)…

Page 32: D4 d slidedeck_jakedimare-shortnotes-v1

32 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Dummy text is for…

Lorem Ipsum is simply dummy text of the

printing and typesetting industry. It has been

the industry's standard dummy text ever since

the 1500s…

…the 1500’s…

…the1500’s…

…the 1500’s…

Page 33: D4 d slidedeck_jakedimare-shortnotes-v1

33 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

#5 FAILURE TO

PROPERLY PLAN

FOR CONTENT

MIGRATION.

Content on the move…

Page 34: D4 d slidedeck_jakedimare-shortnotes-v1

34 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappyTogether @jakedimare

Page 35: D4 d slidedeck_jakedimare-shortnotes-v1

35 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappyTogether @jakedimare

Page 36: D4 d slidedeck_jakedimare-shortnotes-v1

36 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

#6 FAILURE TO

RECOGNIZE THE

RELATIONSHIP

BETWEEN CONTENT

AND EXPERIENCE

Experience this…

Page 37: D4 d slidedeck_jakedimare-shortnotes-v1

37 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Page 38: D4 d slidedeck_jakedimare-shortnotes-v1

38 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

#7 FAILURE TO

UNDERSTAND THE

GRAVITY OF THE

BUSINESS GOALS

AND OBJECTIVES.

Create the experience business needs...

Page 39: D4 d slidedeck_jakedimare-shortnotes-v1

39 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Digital Experience

Vision

Culture &Governance

Technology

OptimizationContent

OperationsPlan

Customer Insight

The seven gates for digital

change

Page 40: D4 d slidedeck_jakedimare-shortnotes-v1

40 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

6 THINGS YOU

CAN DO TO

MITIGATE

THESE RISKS

Page 41: D4 d slidedeck_jakedimare-shortnotes-v1

41 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappy @jakedimare

Page 42: D4 d slidedeck_jakedimare-shortnotes-v1

42 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

THE EVOLUTION OF WEB

DESIGN AND DEVELOPMENT

TEAMS

Page 43: D4 d slidedeck_jakedimare-shortnotes-v1

43 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappyTogether @jakedimare

In the beginning…

Page 44: D4 d slidedeck_jakedimare-shortnotes-v1

44 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

1990-1995

Web team:

• Web Master(s)

Page 45: D4 d slidedeck_jakedimare-shortnotes-v1

45 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Page 46: D4 d slidedeck_jakedimare-shortnotes-v1

46 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

2000

Web team:

• Web Developer(s)

• Web Designer(s)

Page 47: D4 d slidedeck_jakedimare-shortnotes-v1

47 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Page 48: D4 d slidedeck_jakedimare-shortnotes-v1

48 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

2005

Web team:

• Web Developer(s)

• Web Designer(s)

• Information

Architect(s)

Page 49: D4 d slidedeck_jakedimare-shortnotes-v1

49 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

2005

Web team:

• Web Developer(s)

• Web Designer(s)

• Information

Architect(s)

• Project Manager

Page 50: D4 d slidedeck_jakedimare-shortnotes-v1

50 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Present day

DX team:

• Engineer

• XD

• XA

• PM

• Digital Strategist

• MO Specialist

• Content Strategist

Page 51: D4 d slidedeck_jakedimare-shortnotes-v1

51 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Defining success today…

Targeted

Portable

Mobile

Social

Responsive

Local

Global

Relevant

Page 52: D4 d slidedeck_jakedimare-shortnotes-v1

52 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Page 53: D4 d slidedeck_jakedimare-shortnotes-v1

53 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Activities, Milestones and

Deliverables

Discovery Design Development

Page 54: D4 d slidedeck_jakedimare-shortnotes-v1

54 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Content audit

What: Detailed content inventory

and associated analysis

When: Scoping, Discovery

Why: The cone of uncertainty

Page 55: D4 d slidedeck_jakedimare-shortnotes-v1

55 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappyTogether @jakedimare

Content Audit

Page 56: D4 d slidedeck_jakedimare-shortnotes-v1

56 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappy @jakedimare

Content audit pro tips

• Do Use Xenu!

• Don’t just run automated software

• Include UXA, UXD, MO, and business

stakeholders in the analysis

• Look for pockets of abandoned

content

• Compare audit against Analytics

Page 57: D4 d slidedeck_jakedimare-shortnotes-v1

57 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Message architecture

What: Hierarchy of

communication goals

When: Discovery, Design

Why: Learnin’!

Page 58: D4 d slidedeck_jakedimare-shortnotes-v1

58 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappyTogether @jakedimare

Message Architecture

Card

Sort

Page 59: D4 d slidedeck_jakedimare-shortnotes-v1

59 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappyTogether @jakedimare

Message Architecture

Page 60: D4 d slidedeck_jakedimare-shortnotes-v1

60 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappyTogether @jakedimare

Message Architecture

Page 61: D4 d slidedeck_jakedimare-shortnotes-v1

61 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappyTogether @jakedimare

Message Architecture

Page 62: D4 d slidedeck_jakedimare-shortnotes-v1

62 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Card sort steps

1. Sort all cards into the three

columns

2. Remove ‘Who We’re Not’

3. Confirm remaining two columns

4. Remove ‘Who We Are’

5. Prioritize remainder

6. Record

Page 63: D4 d slidedeck_jakedimare-shortnotes-v1

63 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappyTogether @jakedimare

Page 64: D4 d slidedeck_jakedimare-shortnotes-v1

64 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Venn diagram steps

1. Place emotive words in the

brand attributes circle

2. Place emotive words in the

audience needs circle

3. Explore overlap

4. Record

Page 65: D4 d slidedeck_jakedimare-shortnotes-v1

65 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Message architecture output

• Contrarian

– Provocative, yet optimistic

• Empowering

– Provide tools

– Inspire action

• Innovative

– Current

– Leading edge, not bleeding edge

• Egalitarian

– Build community

– Relationship oriented

Page 66: D4 d slidedeck_jakedimare-shortnotes-v1

66 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappy @jakedimare

Message architecture…

• Design Implications

– Use of Popular Memes for imagery

– No stock footage of people in offices

– Sans-Serif font for design elements

– User-centric navigation

• Copy Implications

– Use AP style guide

– Use humor liberally

– Longer sentence structures are acceptable

Page 67: D4 d slidedeck_jakedimare-shortnotes-v1

67 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Message architecture pro tips

• Set up the room

– Get chairs out of the way

– Provide snacks and refreshment

– Write ground rules on white board

• Ground rules:

– This exercise is about the brand

– Perception = reality

– This is a safe environment

Page 68: D4 d slidedeck_jakedimare-shortnotes-v1

68 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Migration planning

What: Documents detailing the

effort associated with content

integration

When: Design, Development

Why: Because migration is hard

Page 69: D4 d slidedeck_jakedimare-shortnotes-v1

69 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com#SoHappyTogether @jakedimare

Page 70: D4 d slidedeck_jakedimare-shortnotes-v1

70 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Page 71: D4 d slidedeck_jakedimare-shortnotes-v1

71 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Migration planning pro tips

• Start early, update often

• Be informed by genuine workflow

• Let stakeholders know this is a

living document. It doesn’t get

‘finished’

• Make sure everyone is working

from the same sheet music.

• Have a sign off column!

Page 72: D4 d slidedeck_jakedimare-shortnotes-v1

72 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

CMS governance

What: Documentation of rules,

vital information, etc.

When: Development

Why: Self preservation (Ever

Want to go on vacation?)

Page 73: D4 d slidedeck_jakedimare-shortnotes-v1

73 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

CMS governance• Hosting information

• Support information

• Content management team information

• Measurement team information

• Advertising information

• Archiving

• Security

• Information architecture

• Hiring and training

• Standards and procedures

• Legal issues (Privacy, TOS, Etc.)

Page 74: D4 d slidedeck_jakedimare-shortnotes-v1

74 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

User Documentation

What: How to manual(s)

When: Development

Why: Self preservation

Also: Portfolio rot…

Page 75: D4 d slidedeck_jakedimare-shortnotes-v1

75 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

7 ways content can choke out

your project…

• #1 FAILURE TO UNDERSTAND SCOPE.

• #2 FAILURE TO RESPECT THE CONTENT

• #3 FAILURE TO PLAN FOR CONTENT CREATION.

• #4 FAILURE TO DESIGN WITH REAL COPY

• #5 FAILURE TO PLAN FOR CONTENT MIGRATION.

• #6 FAILURE TO PLAN FOR YOUR NEW CMS.

• #7 FAILURE TO UNDERSTAND BUSINESS NEEDS.

Page 76: D4 d slidedeck_jakedimare-shortnotes-v1

76 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

6 Things you can do to mitigate

these risks…

• Hire a content strategist!

• Conduct a Content Audit

• Create a Message Architecture

• Migration Planning

• Write CMS Governance Documentation

• Write User Documentation

Page 77: D4 d slidedeck_jakedimare-shortnotes-v1

Building Bridges, Connecting Communities

Evaluate this session at:portland2013.drupal.org/schedule.

Thank you!

and

What did you think?

Now who won those t-shirts?

Page 78: D4 d slidedeck_jakedimare-shortnotes-v1

78 6/21/2013 www.cmsmyth.com | @jakedimare | www.isitedesign.com

Resources: www.cmsmyth.com/D4DBoston2013

Hashtags: #D4D

#SoHappy

Twitter: @jakedimare

@cmsmyth