1. THE FUTURE OF CONTENT AND DESIGN
Next-Level Collaboration
CONFAB 2015 - @REBEKAHCANCINO

3. 1st fully computer-animated film
No. 1 film of the year in 1995
Nominated for 3 Oscar awards
One lifetime achievement award
$191+M lifetime earnings
And it was all sorts of awesome

4. Meet Ed CatmullPhotograph by Deborah Coleman, Pixar

5. http://www.fastcompany.com/3027135/lessons-learned/inside-the-pixar-braintrust

6. http://www.fastcompany.com/3027135/lessons-learned/inside-the-pixar-braintrust
Tens of thousands of ideas

7. Traditional animation workflow

8. Pixar’s workflow

9. You don’t see the complexity,
all you see is a beautiful story

10. “I realized the most exciting thing I had ever
done was to help create the unique
environment that allowed that film to be
made.”
- Ed Catmull, Pixar Co-Founder & CEO

11. “TO PRESERVE THE
OF FORCES NECESSARY
TO CREATE “
confluence
magic.
Ed’s new mission?

12. Work used to be simple

13. “IT WAS IT HAD
CLEAR “
tangible,
edges.
@KERRY_ANNE

14. Silos were a-okay

15. http://cdn2.business2community.com/wp-content/uploads/2015/01/back-to-the-future-part-ii-original.jpg
Flash forward to today

16. We expect so much of our
lives to be online

17. “Everything is content. Content is what the user
needs or wants right now.”
- Jared Spool

18. Content is at the heart of
everything we design

19. 2001 called, it wants its workflow back

21. http://cdn.softlayer.com/innerlayer/IBM370.png
And yet here we are...

22. Still disconnected

23. HTML wireframes!
Atomic design!
Adaptive content!
Style tiles!

24. “Until we got stuck.”
PROTOTYPING YOUR WORKFLOW

25. “Meeting the demands of a multi-device web
is less a problem of technique, and more one
of communication.”
- Mark Llobrera

26. Finding our way forward
MAKING NEXT-LEVEL COLLABORATION
POSSIBLE

27. The whole is greater than
the sum of its parts

28. The value of effective collaboration
Create alignment
Remove politics
Reduce rework
Boost morale
Create alignment = deliver better outcomes
Remove politics = launch faster
Reduce rework = decrease costs
Boost morale = increase productivity
@REBEKAHCANCINO

29. Latching on to someone else’s process or
finding the next shiny tool that will save
the day.
It’s not about...
@REBEKAHCANCINO

30. IT’S ABOUT CREATING THE
ENVIRONMENT FOR OUR
OWN PROCESS TO emerge.
@REBEKAHCANCINO

31. How can we set the stage for
our own magic?

32. An unspoken prerequisite:
WITHOUT OPENNESS, WE
CAN’T HAVE EFFECTIVE
COLLABORATION.

33. A CULTURE OF OPENNESS
ISN’T IT TAKES
AND
automatic,
practice intention.
@REBEKAHCANCINO

34. Content strategists are
natural connecters

35. CONTENT STRATEGY ISN’T
A SPORT.solo
@REBEKAHCANCINO

36. Open by design

37. What’s inside a culture of openness?

38. Personal openness
IT ALL STARTS WITH ME

39. Exponential openness
Outward openness
Active openness
Personal openness

40. An open mindset and personal belief system
grounded in humility, equality, and respect
for fellow collaborators. This personal lens of
openness defines how you see
everything else.

41. http://rlv.zcache.com/neon_open_sign_framed_in_a_heart_shape_in_a_wind_postcard-
r921910cb3db84ba9992f161fd2a5b51c_vgbaq_8byvr_1024.jpg
Being open to the ideas of others lets
others know we’re down to collaborate

42. FAUCET FUNNEL
Suspend judgment
Go for quantity
YES, and…
Embrace the unusual
Let go of ego
Accentuate the positive
Think strategically
Align to goals/objectives
Check for feasibility
Avoid default decisions
First faucet, then funnel

43. Know what you don’t know,
asking questions creates opportunity

45. Know what you don’t know,
asking questions creates opportunity

46. “Humility is a critical strength for leaders and
organizations possessing it, and a dangerous
weakness for those lacking it.”
- Dusya Vera Ph.D., Strategic Virtues:
Humility as a Source of Competitive
Advantage

47. Because science

48. Personal opennessIS A MINDSET
THAT DRIVES EVERYTHING
ELSE. IT THAT YOU’RE
TO COLLABORATE.willing
signals
@REBEKAHCANCINO

49. feelPEOPLE NEED TO THAT
YOU ARE OPEN BEFORE THEY
CAN WITH YOU.collaborate
@REBEKAHCANCINO

50. Personal openness looks like...
BEING OPEN TO THE IDEAS OF
OTHERS.

51. Personal openness looks like...
KNOWING WHEN WE DON’T
KNOW SOMETHING (AND
BEING COOL WITH IT).

52. Personal openness looks like...
ASKING LOTS OF QUESTIONS.

53. Personal openness looks like...
RESPECTING THE SKILLS,
STRENGTHS, AND HUMANITY
OF OUR TEAMMATES.

54. 3 easy ways to practice
1) Include someone you normally wouldn’t in your next
project meeting, someone who would add value but that
you don’t always agree with or think of first.
2) Suspend judgment when hearing new ideas, build in
time to think freely before narrowing down options as a
team.
3) Next time something comes up that you don’t
understand, ask about it (instead of Googling or
pretending that you know).

55. Active openness
PUTTING PERSONAL OPENNESS
TO GOOD USE

56. Personal openness
Exponential openness
Outward openness
Active openness

57. Active openness is putting personal
openness to good use. It’s when we channel
our open mindset into courage, curiosity,
and concern for the whole outcome.

58. “Content doesn’t belong to content. Design
doesn’t belong to design. Code doesn’t
belong to dev.”
- Nicole Fenton

59. Just jumping in helps you
add value where it counts

60. This is Chris@CHRIS_CORAK
Director of Search Strategy at Sitewire

61. “I THINK ONE THING THAT I
TRY TO BE REALLY
CONSCIOUS OF IS
PROBABLY TONE.”
transcribed from an interview

62. “AND JUST, I DON’T KNOW.
THERE’S COOL WAYS TO SAY
THINGS, AND DEFINITELY
WAYS TO SAY THINGS THAT
FEEL ACCUSATORY OR
NEGATIVE.”
transcribed from an interview

63. “I THINK, A LOT OF IN THE
WAY YOU SAY SOMETHING
COULD MAKE SOMEBODY
EVEN RECEPTIVE TO
LISTENING
TO YOU (AND ACTUALLY
HEARING YOU).”
transcribed from an interview

64. “MAYBE A GOOD WAY TO
GET PEOPLE TO LISTEN TO
YOU IS TO TRY TO BRING
FACTS TO THE TABLE.”
transcribed from an interview

65. “IF YOU HAVE DATA TO
BACK UP SOMETHING
YOU’RE TRYING TO TALK
ABOUT, IT’S DEFINITELY
MUCH EASIER TO, I THINK,
GET PEOPLE TO LISTEN TO
YOU.”
transcribed from an interview

66. “EVEN IF I HAVE A HUNCH
ABOUT SOMETHING…”
transcribed from an interview

67. “IF I CAN HELP PROVE IT,
THEN I FEEL LIKE MY IDEA
IS RECEPTIVE FAR MORE
OFTEN (THAN IF IT JUST
SOUNDED LIKE A
THOUGHT THAT DIDN’T
HAVE MUCH TO IT).”
transcribed from an interview

68. IDEA
METRICS
PEOPLE
GOALS
BUSINESS
CASE

69. METRICS
PEOPLE
GOALS
Approach value and benefits
Supporting facts and data
Players involved and their role
Business goals and user needs met
Building your business case
IDEA

70. trust
Building a business case for
collaboration builds and
uncovers hidden .potential
@REBEKAHCANCINO

71. Meet Nicole@NICOLESLAW
Co-Author of Nicely Said

72. “BUT I THINK THAT
INTERFACE WRITING IS CODE.
IT’S CODE FOR PEOPLE, IT’S
CODE FOR READERS.”
transcribed from an interview

73. “IT’S LIKE…
‘I’M DOING THIS STEP, WHAT
AM I SUPPOSED TO DO
NEXT?’
- A USER”
transcribed from an interview

74. “YOU KNOW?
AND THAT’S A VERY LIKE,
PROGRAMMATIC WAY
OF DEALING WITH
SOMETHING.”
transcribed from an interview

75. “LIKE IF YOU’RE GOING
THROUGH A CHECKOUT FLOW,
AND YOU HAVE QUESTIONS,
OR SOMETHING HAPPENS…”
transcribed from an interview

77. “AN INTERFACE WRITER HAS
TO THINK OF IT ALMOST LIKE
A PROGRAMMER.”
transcribed from an interview

78. Broad knowledge, deep expertise

79. Context builds
greater understanding

80. Active opennessIS THE
EVIDENCE OF BEING AN
OPEN PERSON—IT’S WHEN
YOU PUT YOUR OPEN
MINDSET TO
@REBEKAHCANCINO
good use.

81. Active openness looks like...
@REBEKAHCANCINO
CHOOSING OUTCOMES
OVER EGO.

82. Active openness looks like...
@REBEKAHCANCINO
JUST JUMPING IN WHERE WE
CAN HELP AND ADD VALUE (IN
A HUMBLE WAY).

83. Active openness looks like...
@REBEKAHCANCINO
UNDERSTANDING THE WHOLE
EXPERIENCE AND LEARNING
ABOUT OTHER DISCIPLINES.

84. 3 easy ways to practice
1) Talk to (or shadow) people in other disciplines who are
working on the same thing as you. Ask about their
process, challenges, and workflow.
2) Build a business case for collaboration. Find ways to
communicate the value of what your idea will add to
the process. Saved time? Less rework?
3) Read articles from other disciplines that complement
or overlap with your work. Follow a diverse set of
people on Twitter.
@REBEKAHCANCINO

85. Outward openness
PRACTICING EMPATHY FOR OTHERS

86. Personal openness
Active openness
Exponential openness
Outward openness

87. Outward openness is an exercise in
empathy. It’s when we work to understand
the needs of those we are designing for, and
create solutions that are right for their
context.

88. BUSINESS
GOALS
CUSTOMER
NEEDS
Find balance

89. THINKING
DOINGFEELING
Start with context @danieleizans

91. Map the user’s context

92. Listen for pain points
and latent needs

93. Formulate a problem
statement, together

94. USER + NEED + INSIGHT
An anxious
mother sending
a grad gift
To feel
good
about
her gift
choice
Once she sends
the berries she
worries about if
her niece will
be there to
receive it, will
they spoil?
First, uncover insight

95. We believe that ___________ has ________________
and that ______________may solve this problem by
____________________ and _____________________.
We will know we have succeeded when
___________________and/or ____________________
reaches ___________________.
(USER) (PROBLEM)
(THIS SOLUTION)
(THIS ASPECT) (THAT ASPECT)
(QUANTATIVE MEASURE) (QUALITATIVE MEASURE)
(THIS LEVEL)
@kevinhoffman

96. Share insights with the team

97. @AURASELTZER
Designer at Happy Cog
This is Aura Seltzer

98. “SO, IF YOU’RE A DESIGNER,
CHANCES ARE, AND THIS IS AN
ASSUMPTION I’LL MAKE BUT
IT’S PROBABLY TRUE…”
transcribed from an interview

99. “YOU ARE A SOMEWHAT
CONTROLLING PERSON
WHEN IT COMES TO WHAT
YOU’RE CREATING.”
transcribed from an interview

100. “AND I THINK WHAT SETS
YOUR CLIENT UP FOR
SUCCESS, IS FOR WHAT
YOU’RE TRYING TO CONTROL
SO DEEPLY…”
transcribed from an interview

101. “TO ACTUALLY LIKE, TAKE
INTO ACCOUNT THAT EXTRA
VARIABLE (CONTENT),
RIGHT?”
transcribed from an interview

102. “AND ONE OF THE BIGGEST
TESTAMENTS TO THE
SUCCESS OF A SITE IS…”
transcribed from an interview

103. “ONCE THE CLIENT PUTS ALL
THEIR CONTENT IN, DOES
THE DESIGN SYSTEM THAT
YOU BUILT STILL FUNCTION
THE WAY YOU INTENDED?”
transcribed from an interview

104. “THAT’S TWO-FOLD, THAT
HAS TO DO WITH:
DID YOU BUILD A SYSTEM
THAT HAS ENOUGH FOR
THEIR NEEDS?”
transcribed from an interview

105. “AND THEN ALSO THERE’S
EDUCATION PART.
DID YOU TEACH THE CLIENT
WHAT TO USE WHERE, AND
WHAT EACH PIECE IS FOR?”
transcribed from an interview

106. “SO, I THINK THE SOONER YOU
OPEN YOURSELF UP TO
NEEDING TO ACCOUNT FOR
THOSE THINGS…”
transcribed from an interview

107. “(RATHER THAN TRYING TO
LIKE, JAM A SQUARE INTO A
CIRCLE COOKIE CUTTER)”
transcribed from an interview

108. “I THINK YOU’LL BE HAPPIER
ONCE YOUR SITE’S
LAUNCHED.”
transcribed from an interview

109. BUSINESS
GOALS
CUSTOMER
NEEDS
So take it a step further
INTERNAL
NEEDS

110. Outward opennessIS AN
EXERCISE IN . IT’S
WHEN WE PUT OUR AGENDA
ASIDE AND DO WHAT’S RIGHT
FOR OUR USERS.
@REBEKAHCANCINO
empathy

111. Outward openness looks like...
@REBEKAHCANCINO
BALANCING BUSINESS GOALS
WITH USER NEEDS.

112. Outward openness looks like...
@REBEKAHCANCINO
DOING USER RESEARCH AS A
TEAM (AND ACTUALLY TALKING
TO REAL USERS, TOO).

113. Outward openness looks like...
@REBEKAHCANCINO
CONSIDERING THE NEEDS OF
INTERNAL TEAMS AND
SETTING THEM UP FOR
LONG-TERM SUCCESS.

114. Outward openness looks like...
@REBEKAHCANCINO
KILLING YOUR DARLINGS
IN SERVICE OF THE
GREATER GOOD.

115. 3 easy ways to practice
1) Do research as a team. Try walking through the user’s
context with an empathy map before discussing
solutions.
2) Talk to the people you’re making things for to discover
latent needs (internal users count, too). Consider
inviting your users to co-design with you.
3) Take your best idea off the table. Let go of
preconceived ideas of what will work best, work out a
user-centered solution with your team.
@REBEKAHCANCINO

116. Exponential openness
POSSIBILITIES THAT WEREN’T THERE BEFORE

117. Personal openness
Active openness
Outward openness
Exponential openness

118. Exponential openness happens when cross-
discipline teams come together to co-create
something greater than any one person could
on their own. This is where the benefits of
collaboration increase rapidly.

119. Hey, Joe!
@WORKJOESTEWART
Designer at Work & Co for Virgin America

120. “FOR THE VIRGIN PROJECT
THERE WERE TWO LEAD
DESIGNERS.”
transcribed from an interview

121. “ME, WITH MY BACKGROUND
IN GRAPHIC DESIGN.
AND THIS OTHER GUY, FELIPE
MEMORIA, WHOSE
BACKGROUND WAS IN SORT
OF MORE TRADITIONAL UX.”
transcribed from an interview

122. “AND SO, WE STARTED
DOING THE CONCEPT WORK
TOGETHER.”
transcribed from an interview

123. “Just sitting in the same room,
next to each other.”

124. “AND YOU KNOW,
USUALLY WE’D START
TALKING ABOUT IT AFTER
WE’D DO A LITTLE BIT
OF…”
transcribed from an interview

125. “USER RESEARCH ✓
CLIENT INTERVIEWS ✓
AND THEN DISCUSS OUR
OWN FINDINGS ✓”
transcribed from an interview

126. “WE DRAW A LOT TOGETHER,
LIKE MOST OF THE TIME
WHAT WE’RE DOING IS
DRAWING REALLY LOOSE
WIREFRAMES TOGETHER.”
transcribed from an interview

127. Wow, much drawing. Very UX.

128. “AND THAT PART OF
CO-DESIGNING WAS A
REALLY BIG THING.”
transcribed from an interview

130. MAKE SURE
INVITED.
everyone’s

131. ALL THE DIFFERENT
PEOPLE WHO
UNDERSTAND ALL THE
DIFFERENT PARTS OF
WHAT’S GOING TO MAKE
A PROJECT SUCCESSFUL.

132. DESIGN AND DEVS
UX PEEPS
CONTENT STRATEGISTS
STAKEHOLDERS (USERS, TOO)
PRODUCT MANAGERS
CREATIVE DIRECTORS
and more!

133. “Part of why we’re actually able to undertake
such a big process so successfully is that we
didn’t have a wall that we tossed things back
and forth over. It was really very tight feedback
loops. Very collaborative.”
- Dean Cookson, VP CIO Virgin America

134. BUSINESS GOALS AND OBJECTIVES
Prioritized, measurable goals, objectives and
sub-objectives.
USER TASKS
Real, researched and prioritized user tasks.
Before designing together, you need:

135. Then you could, for example...
1)Define user information needs
and tasks

136. 2) Prioritize user flow and
content hierarchy

137. 3) Align to internal goals,
look for gaps

138. 4) Map to layout and discuss
functionality and interactions

139. Exponential opennessIS WHEN
WE COME TOGETHER IN A
PRODUCTIVE WAY TO CREATE
SOMETHING
THAN ANY ONE OF US COULD
ON OUR OWN.
@REBEKAHCANCINO
greater

140. Exponential openness looks like...
@REBEKAHCANCINO
CO-DESIGNING SOLUTIONS
WITH YOUR STAKEHOLDERS
AND USERS.

141. Exponential openness looks like...
@REBEKAHCANCINO
GETTING ALL THE RIGHT
PEOPLE IN THE ROOM.

142. Exponential openness looks like...
@REBEKAHCANCINO
DOING THE WORK TOGETHER,
INSTEAD OF JUST TALKING
ABOUT THE WORK.

143. 3 ways to encourage exponential openness
@REBEKAHCANCINO
1) Design a meeting differently. Start with goals in mind,
try group work and games to elicit the outcomes you
need.
2) Get executives involved. Find out who the final
decision makers are and invite them to the design
process early. (Clearly communicate the benefit of
them being there.)
3) Team up, and don’t make decisions in a vacuum. Join
forces with your stakeholders, teammates, and users.

144. And so...
JUST TO WRAP THINGS UP

145. COLLABORATION AND
CO-DESIGN ARE
TO BUILDING THE
INTERCONNECTED
EXPERIENCES OF THE
future.
essential
@REBEKAHCANCINO

146. A CULTURE OF
SETS THE STAGE FOR
SUCCESSFUL
AND .
openness
collaboration
co-creation
@REBEKAHCANCINO

147. 1) PERSONAL OPENNESS: be humble
2) ACTIVE OPENNESS: just jump in
3) OUTWARD OPENNESS: start with heart
4) EXPONENTIAL OPENNESS: join forces
Ways to champion openness
@REBEKAHCANCINO

148. Let’s do this

149. togetherly.co
sitewire.com
@REBEKAHCANCINO
Thanks, y’all!