Rebekah Cancino's talk from Future Insights Live 2014 in Las Vegas: "Tomorrow’s complex digital experiences and responsive design challenges require a new kind of cross-discipline approach to content creation. Successful outcomes demand collaboration and co-creation. Yet, siloed workflows and legacy processes can hold you back." Miss her talk? Join us at a future show: www.futureofwebdesign.com. Sign up for our newsletter at futureinsights.com and get 15% off your next conference.

1. nextlevelcollaborationTHE FUTURE OF CONTENT & WEB DESIGN

3. These are my people.

4. These are my people.Dad is a GIS developer.

5. Mom is an artist.

6. TACOS
SUNSHINE
DIGITAL COWBOYS
DESIGN COMMUNITY
Phoenix, baby.

7. This is Pomar Jackson.

8. This is Pomar Jackson.
He doesn’t care much
for computers.

9. So, maybe you’ve heard of this?Talkin’ ‘bout a revolution.

10. THE WAY PEOPLE WORKED
AND PRODUCED
WAS FOREVER CHANGED.
together

11. Flash forward to today...

12. At the corner of interconnected
and amazing.

13. FROM STORE FLOOR MAPS
TO INSTANT INSTAGRAM
PRINTS, THE APP ENHANCES
THE IN-PERSON experience.

14. It’s a whole new world.

15. With devices we haven’t even
dreamed of yet.

16. “IT'S HARD TO TELL
WHERE THE ENDS
AND THE BEGINS,
ISN'T IT?”
code
content
@JCOLMAN

17. “EVERYTHING IS CONTENT.
CONTENT IS WHAT THE USER
OR RIGHT NOW.”wants
needs
- JARED SPOOL

18. Content is at the heart of
every experience we design.

19. And yet here we are.

20. Still disconnected.

21. The breakdown of old workflows
is becoming painfully obvious.

22. HTML wireframes!
atomic design!
Adaptive content!
style tiles!

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

24. “MEETING THE DEMANDS OF
OUR MULTI-DEVICE WEB IS LESS
A PROBLEM OF
AND MORE ONE OF
”communication.
technique,
- MARK LLOBRERA

25. IT’S TIME FOR OUR
revolution.
IT’S TIME TO MAKE THINGS
THAT MATTER AGAIN.

26. IT’S TIME TO BE
THAN THE SUM OF
OUR PARTS.
greater

27. And move beyond collaboration
to co-design.

28. THE
IS ALREADY UNDERWAY.
revolution

32. 1) Be open

33. ASK LOTS OF questions.

34. BE TO SAY
“I DON’T KNOW.”
willing

35. ASK FOR
AND CONSIDER
feedback
criticism.

36. ALWAYS BE learning.

37. Because science.

38. 2) Just jump in

39. “CONTENT DOESN’T
BELONG TO
DESIGN DOESN’T BELONG
TO
CODE DOESN’T BELONG
TO “
content.
design.
dev.
- NICOLE FENTON

40. DON’T WAIT TO BE
JUST JUMP IN WHERE YOU
CAN help.
invited,

41. REMEMBER IS
TOO.
writing
design

43. AND SOMETIMES
IS LIKE
content
code.

44. 2) Just jump in
This is Nicole Fenton.
@NICOLESLAW

45. INTERFACE WRITING
IS CODE.
IT’S CODE FOR PEOPLE,
IT’S CODE FOR READERS.
“I’M DOING THIS STEP,
WHAT SHOULD I DO NEXT?”
- A USER
THAT’S A VERY
PROGRAMMATIC WAY
OF DEALING WITH
SOMETHING.
AN INTERFACE WRITER HAS
TO THINK OF IT ALMOST
LIKE A PROGRAMMER.

46. Broad knowledge. Deep expertise.

47. This is Michael Evans.
@MEVANS212

48. WE DIDN’T THINK ABOUT IT
AS CONTENT.
HOW DO WE PRESENT THE
PRODUCT TO THE USER IN A
WAY THAT MAKES IT AS
SIMPLE AS POSSIBLE.
BUT ALSO PRESENTING
INFORMATION THAT THEY
CARE ABOUT.

49. THE WHOLE PROJECT WAS
SUPER COLLABORATIVE.
THAT’S THE ONLY WAY WE
COULD DO THIS.
CROSS-DISCIPLINE TEAM ✓EVERYBODY CAN BE IN
EVERYBODY’S BUSINESS,
AND SORT OF KNOWS
WHAT’S RIGHT OR WRONG.

50. EVEN IF
ISN’T IN YOUR JOB
DESCRIPTION…
content

51. 3) Make friends and play nice

52. JOIN forces.

53. This is Joe Stewart.
@WORKJOESTEWART

54. FOR THE VIRGIN PROJECT
THERE WERE TWO LEAD
DESIGNERS.
ME, WITH MY
BACKGROUND IN GRAPHIC
DESIGN.
AND THIS OTHER GUY, FELIPE
MEMORIA, WITH MORE OF A
TRADITIONAL UX
BACKGROUND.
WE STARTED DOING THE
CONCEPT WORK
TOGETHER.
Sitting in the same room,
next to each other.
User research ✓
Client interviews ✓
Discuss your own findings ✓
Wow, much drawing. Very UX.
THAT PART OF
CO-DESIGNING WAS A
REALLY BIG THING.

55. MAKE SURE
INVITED.
everyone’s

56. DESIGN AND DEVS
UX PEEPS
CONTENT STRATEGISTS
EXECUTIVE
STAKEHOLDERS
PRODUCT MANAGERS
CREATIVE DIRECTORS
and more!

57. It’s Joe again.
@WORKJOESTEWART

58. THE MAGIC WAS WHEN
THE CLIENT STARTED TO
GET REALLY INVOLVED.
ONE UNBELIEVABLY SMART
THING THAT VIRGIN DID?
THEY HAD A LOT OF
STAKEHOLDERS FROM
DIFFERENT DEPARTMENTS
INVOLVED THE WHOLE
TIME.
We moved into Virgin’s office,
to be there every single day.
THERE WASN’T JUST ONE
PERSON THAT WE WERE
WORKING WITH.
ALL THE DIFFERENT
PEOPLE WHO
UNDERSTAND ALL THE
DIFFERENT PARTS OF
WHAT’S GOING TO MAKE
THIS AIRLINE WEBSITE
SUCCESSFUL.
IT’S NOT LIKE THIS PERSON
WORKS WITH THIS PERSON
AND THEN HAS TO
PRESENT IT TO THIS
PERSON.
WE WERE ALL THERE,
ALL TOGETHER.

59. LEARN TO let go.

60. This is Aura Seltzer.
@AURASELTZER

61. CHANCES ARE YOU ARE A
CONTROLLING PERSON
WHEN IT COMES TO WHAT
YOU MAKE.
AND WHAT SETS YOUR
CLIENT UP FOR SUCCESS,
IS FOR WHAT YOU’RE
TRYING TO CONTROL SO
DEEPLY TO CONSIDER
THOSE OTHER VARIABLES.
ONE OF THE BIGGESTS
TESTS HERE, IS ONCE THE
CLIENT PUTS THE
CONTENT IN THE SITE
DOES THE DESIGN SYSTEM
STILL WORK?
THAT’S TWO-FOLD.
DID YOU BUILD A SITE
THAT IS RIGHT FOR THEIR
(CONTENT) NEEDS.
THEN THERE’S EDUCATION.
DID YOU TEACH THE
CLIENT WHAT TO PUT
WHERE, AND WHAT EACH
PIECE IS FOR?
THE SOONER YOU MAKE
(CONTENT)
CONSIDERATIONS, THE
HAPPIER YOU’LL BE
AFTER LAUNCH.

62. 4) Plan ahead
4) Plan ahead.

63. Do research and
discovery as a team.

64. CONSIDER THE context
AND CLEARLY STATE
goals

65. business
goals
user
needs

66. thinking
doingfeeling

67. Design the working
meeting.

68. Diverge and converge. Know
what games you’ll use.

69. BRING ON THE revolution.