Masterclass — How to be clear: the elements of content design

A presentation at Web Directions Summit in October 2019 in Sydney NSW, Australia by Jonathon Colman

Slide 1

Slide 1

How to be clear

Slide 2

Slide 2

How to be clear The elements of content design

Slide 3

Slide 3

Jonathon Colman Senior Design Manager, Intercom @jcolman

Slide 4

Slide 4

Agenda 9:00-10:30am Intro & core values 10:30-11:00am Break for morning tea 11:00-12:30pm Discovering your voice 12:30-1:30pm Break for lunch 1:30-3:00pm Tone and content design 3:00-3:30pm Break for afternoon tea 3:30-5:00pm Group critique

Slide 5

Slide 5

Everyone have one of these?

Slide 6

Slide 6

What you should know straightaway • Bio breaks and toilets • Be gentle, stay curious, assume best intent • This is a judgment-free zone • Please take distractions elsewhere • Introverting is a-okay • Don’t worry about finishing everything • Oh, so you’re already an expert?

Slide 7

Slide 7

Web Directions code of conduct webdirections.org/web-directions-event-code-of-conduct/ “Our event is dedicated to providing a harassment-free experience for everyone, regardless of gender, age, sexual orientation, disability, physical appearance, body size, race, or religion. We do not tolerate harassment of participants in any form. Sexual language and imagery is not appropriate at any event, including talks, workshops, parties, or via Twitter and other online media. Event participants violating these rules may be sanctioned or expelled from the event, and refused entry to further events, without a refund at the discretion of the conference organisers.”

Slide 8

Slide 8

Web Directions code of conduct webdirections.org/web-directions-event-code-of-conduct/ “Our event is dedicated to providing a harassment-free experience for everyone, regardless of gender, age, sexual orientation, disability, physical appearance, body size, race, or religion. We do not tolerate harassment of participants in any form. Sexual language and imagery is not appropriate at any event, including talks, workshops, parties, or via Twitter and other online media. Event participants violating these rules may be sanctioned or expelled from the event, and refused entry to further events, without a refund at the discretion of the conference organisers.”

Slide 9

Slide 9

Web Directions code of conduct webdirections.org/web-directions-event-code-of-conduct/ “Our event is dedicated to providing a harassment-free experience for everyone, regardless of gender, age, sexual orientation, disability, physical appearance, body size, race, or religion. We do not tolerate harassment of participants in any form. Sexual language and imagery is not appropriate at any event, including talks, workshops, parties, or via Twitter and other online media. Event participants violating these rules may be sanctioned or expelled from the event, and refused entry to further events, without a refund at the discretion of the conference organisers.”

Slide 10

Slide 10

© Charles Strebor https://www.flickr.com/photos/rantz/6688216699 (CC BY-NC-SA 2.0 — https://creativecommons.org/licenses/by-nc-sa/2.0/)

Slide 11

Slide 11

How to be clear What do we mean by clear, anyway?

Slide 12

Slide 12

How to be clear Clarity could mean: • A lack of ambiguity • Total comprehensiveness • Ease of understanding or use • Sense-making • Consistency

Slide 13

Slide 13

How to be clear Clarity could mean: • A lack of ambiguity • Total comprehensiveness • Ease of understanding or use • Sense-making • Consistency • Structure and strategy

Slide 14

Slide 14

Jesse James Garrett’s 5 planes of UX © Jesse James Garret, The Elements of User Experience - http://www.jjg.net/elements/ (used with permission)

Slide 15

Slide 15

Where content is seen and used © Jesse James Garret, The Elements of User Experience - http://www.jjg.net/elements/ (used with permission)

Slide 16

Slide 16

Where content is modeled and built © Jesse James Garret, The Elements of User Experience - http://www.jjg.net/elements/ (used with permission)

Slide 17

Slide 17

Where content is proposed and planned © Jesse James Garret, The Elements of User Experience - http://www.jjg.net/elements/ (used with permission)

Slide 18

Slide 18

Where you’ll be practicing content design today © Jesse James Garret, The Elements of User Experience - http://www.jjg.net/elements/ (used with permission)

Slide 19

Slide 19

Content design What do we mean by content design, anyway?

Slide 20

Slide 20

Content design “ Working from people’s intent and organizational goals to solve problems and create value by planning, structuring, writing, and designing content in interactive product experiences. ”

Slide 21

Slide 21

Content design “ Working from people’s intent and organizational goals to solve problems and create value by planning, structuring, writing, and designing content in interactive product experiences. ”

Slide 22

Slide 22

Content design “ Working from people’s intent and organizational goals to solve problems and create value by planning, structuring, writing, and designing content in interactive product experiences. ”

Slide 23

Slide 23

Content design “ Working from people’s intent and organizational goals to solve problems and create value by planning, structuring, writing, and designing content in interactive product experiences. ”

Slide 24

Slide 24

Content design “ Working from people’s intent and organizational goals to solve problems and create value by planning, structuring, writing, and designing content in interactive product experiences. ”

Slide 25

Slide 25

Content design “ Working from people’s intent and organizational goals to solve problems and create value by planning, structuring, writing, and designing content in interactive product experiences. ”

Slide 26

Slide 26

Content design “ Working from people’s intent and organizational goals to solve problems and create value by planning, structuring, writing, and improving content in interactive product experiences. ”

Slide 27

Slide 27

Content design Okay, then what do we mean by content?

Slide 28

Slide 28

Content design “ Content is the stuff I came here for. — Mike Monteiro, Erika Hall, & Kristina Halvorson ”

Slide 29

Slide 29

© REI - http://www.rei.com/

Slide 30

Slide 30

© REI - http://www.rei.com/

Slide 31

Slide 31

© Facebook - facebook.com/crisisresponse/

Slide 32

Slide 32

© Facebook - facebook.com/crisisresponse/

Slide 33

Slide 33

© Intercom - http://www.intercom.com/

Slide 34

Slide 34

© Aer Lingus - https://www.aerlingus.com/support/contact-us/#/tab-0-ireland

Slide 35

Slide 35

© Aer Lingus - https://www.aerlingus.com/support/contact-us/#/tab-0-ireland

Slide 36

Slide 36

LANGUAGE IS AN INTERFACE © Aer Lingus - https://www.aerlingus.com/support/contact-us/#/tab-0-ireland

Slide 37

Slide 37

LANGUAGE IS INFRASTRUCTURE © Aer Lingus - https://www.aerlingus.com/support/contact-us/#/tab-0-ireland

Slide 38

Slide 38

LANGUAGE IS DESIGN MATERIAL © Aer Lingus - https://www.aerlingus.com/support/contact-us/#/tab-0-ireland

Slide 39

Slide 39

LANGUAGE IS ENABLEMENT © Aer Lingus - https://www.aerlingus.com/support/contact-us/#/tab-0-ireland

Slide 40

Slide 40

Infrastructure for clarity Core Values

Slide 41

Slide 41

Infrastructure for clarity Voice Core Values

Slide 42

Slide 42

Infrastructure for clarity Tones of voice Voice Core Values

Slide 43

Slide 43

Infrastructure for clarity Words Tones of voice Voice Core Values

Slide 44

Slide 44

A strategy for results Words Tones of voice Voice Core Values } • Standards & styles • Controlled vocabulary • Flexibility for growth • Repeatable success • Ongoing improvement

Slide 45

Slide 45

A strategy for results Words Tones of voice Voice Core Values } • Standards & styles • Controlled vocabulary • Flexibility for growth • Repeatable success • Ongoing improvement These are the elements of content design

Slide 46

Slide 46

What we won’t cover today [an incomplete list] • Content strategy for the web • Defining specific terms and usage • Information architecture • Content modeling • Localization • Product or feature naming • Visual or interaction design

Slide 47

Slide 47

What we will cover today [also an incomplete list] • Discovering your core values • Defining an organization’s voice • Documenting tones of voice • Designing product content for an app • Improving content design with critique

Slide 48

Slide 48

Any final questions?

Slide 49

Slide 49

THANK YOU and enjoy Web Directions!

Slide 50

Slide 50

THANK YOU and enjoy Web Directions!

Slide 51

Slide 51

THANK YOU and enjoy Web Directions!

Slide 52

Slide 52

THANK YOU and enjoy Web Directions!

Slide 53

Slide 53

THANK YOU and enjoy Web Directions!

Slide 54

Slide 54

THANK YOU and enjoy Web Directions!

Slide 55

Slide 55

THANK YOU and enjoy Web Directions!