Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
nextlevelcollaborationTHE FUTURE OF CONTENT & WEB DESIGN
Hi, I’m Bekah.
(The girl in the back there.)
@REBEKAHCANCINO
TACOS
SUNSHINE
DIGITAL COWBOYS
DESIGN COMMUNITY
Phoenix, baby.
These are my people.
(Some of them.)
These are my people.Dad is a GIS developer.
Mom is an artist.
This is Pomar Jackson.
This is Pomar Jackson.
He doesn’t care much
for computers.
So, maybe you’ve heard of this?Talkin’ ‘bout a revolution.
THE WAY PEOPLE WORKED
AND PRODUCED
WAS FOREVER CHANGED.
together 	
  
Flash forward to today...
At the corner of interconnected
and amazing.
FROM STORE FLOOR MAPS
TO INSTANT INSTAGRAM
PRINTS, THE APP ENHANCES
THE IN-PERSON experience.	
  
It’s a whole new world.
With devices we haven’t even
dreamed of yet.
“IT'S HARD TO TELL
WHERE THE ENDS
AND THE BEGINS,
ISN'T IT?”
code	
  
content	
  
@JCOLMAN
“EVERYTHING IS CONTENT.
CONTENT IS WHAT THE USER
OR RIGHT NOW.”wants	
  needs 	
  
- JARED SPOOL
Content is at the heart of
every experience we design.
And yet here we are.
Still disconnected.
The breakdown of old workflows
is becoming painfully obvious.
HTML wireframes!
Atomic design!
Adaptive content!
Style tiles!
“Until we got stuck.”
PROTOTYPING YOUR WORKFLOW
“MEETING THE DEMANDS OF
OUR MULTI-DEVICE WEB IS LESS
A PROBLEM OF
AND MORE ONE OF
”communication.	
  
technique, 	
  
- MA...
IT’S TIME FOR OUR
revolution.	
  
IT’S TIME TO MAKE THINGS
THAT MATTER AGAIN.
IT’S TIME TO BE
THAN THE SUM OF
OUR PARTS.
greater	
  
And move beyond collaboration
to co-design.
THE
IS ALREADY UNDERWAY.
revolution	
  
1) Be open
ASK LOTS OF questions.	
  
BE TO SAY
“I DON’T KNOW.”
willing 	
  
ASK FOR
AND CONSIDER
feedback	
  
criticism.	
  
ALWAYS BE learning.	
  
Because science.
2) Just jump in
“CONTENT DOESN’T
BELONG TO
DESIGN DOESN’T BELONG
TO
CODE DOESN’T BELONG
TO “
content. 	
  
design.	
  
dev.	
  
- NICOLE F...
DON’T WAIT TO BE
JUST JUMP IN WHERE YOU
CAN help.	
  
invited,	
  
REMEMBER IS
TOO.
writing	
  
design	
  
AND SOMETIMES
IS LIKE
content	
  
code.	
  
2) Just jump in
This is Nicole Fenton.
@NICOLESLAW
“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.”
Broad knowledge. Deep expertise.
This is Michael Evans.
@MEVANS212
“WE DIDN’T THINK ABOUT
IT AS CONTENT.”
“WE THOUGHT…
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.”
THE WHOLE PROJECT WAS
SUPER COLLABORATIVE.
THAT’S THE ONLY WAY WE
COULD DO THIS.
CROSS-DISCIPLINE TEAM ✓
“THIS WAY…
EVERYBODY CAN BE IN
EVERYBODY’S BUSINESS,
AND SORT OF KNOWS
WHAT’S RIGHT OR WRONG.”
“THE WHOLE PROJECT WAS
SUPER COLLABORATIVE.
THAT WAS THE ONLY WAY
WE COULD DO THIS.”
EVEN IF
ISN’T IN YOUR JOB
DESCRIPTION…
content	
  
3) Make friends and play nice
JOIN forces.	
  
This is Joe Stewart.
@WORKJOESTEWART
“FOR THE VIRGIN PROJECT
THERE WERE TWO LEAD
DESIGNERS.”
FOR THE VIRGIN PROJECT
THERE WERE TWO LEAD
DESIGNERS.
“ME, WITH MY
BACKGROUND IN GRAPHIC
DESIGN.
AND THIS OTHER GUY, FELIP...
“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.”
MAKE SURE
INVITED.
everyone’s	
  
DESIGN AND DEVS
UX PEEPS
CONTENT STRATEGISTS
EXECUTIVE
STAKEHOLDERS
PRODUCT MANAGERS
CREATIVE DIRECTORS
and more!	
  
It’s Joe again.
@WORKJOESTEWART
“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 moved into the Virgin office
to be close to their team
every day.”
“WE WERE ALL THERE,
ARGUING IT OUT,
ALL TOGETHER.”
LEARN TO let go.	
  
This is Aura Seltzer.
@AURASELTZER
“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
(CONTENT) VARIABLES.”
“ONE OF THE BIGGESTS
TESTS HERE, IS ONCE THE
CLIENT PUTS THE
CONTENT IN THE SITE
DOES THE DESIGN SYSTEM
STILL WORK LIKE YO...
“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.”
4) Plan ahead
4) Plan ahead.
Do research and
discovery as a team.
CONSIDER THE context	
  
AND CLEARLY STATE
goals.	
  
business
goals
user
needs
thinking
doingfeeling
Design the co-design
working session. So meta.
Diverge and converge. Know
what games you’ll use to get
there.
PEOPLE DON’T
EXPERIENCE CONTENT
SEPARATELY FROM
DESIGN, UX, AND CODE.
MAKING THINGS
SHOULDN’T BE THAT
WAY EITHER.
BRING ON THE revolution.	
  
Next Level Collaboration: The Future of Content & Web Design at Future Insights Live 2014
Next Level Collaboration: The Future of Content & Web Design at Future Insights Live 2014
Next Level Collaboration: The Future of Content & Web Design at Future Insights Live 2014
Next Level Collaboration: The Future of Content & Web Design at Future Insights Live 2014
Next Level Collaboration: The Future of Content & Web Design at Future Insights Live 2014
Next Level Collaboration: The Future of Content & Web Design at Future Insights Live 2014
Upcoming SlideShare
Loading in …5
×

Next Level Collaboration: The Future of Content & Web Design at Future Insights Live 2014

15,393 views

Published on

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. Learn how designers and developers play a key role in creating future-ready content, and leave with skills and actionable approaches you’ll need to transform the way your team produces together.

Published in: Design, Technology

Next Level Collaboration: The Future of Content & Web Design at Future Insights Live 2014

  1. nextlevelcollaborationTHE FUTURE OF CONTENT & WEB DESIGN
  2. Hi, I’m Bekah. (The girl in the back there.) @REBEKAHCANCINO
  3. TACOS SUNSHINE DIGITAL COWBOYS DESIGN COMMUNITY Phoenix, baby.
  4. These are my people. (Some of them.)
  5. These are my people.Dad is a GIS developer.
  6. Mom is an artist.
  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  
  29. 1) Be open
  30. ASK LOTS OF questions.  
  31. BE TO SAY “I DON’T KNOW.” willing  
  32. ASK FOR AND CONSIDER feedback   criticism.  
  33. ALWAYS BE learning.  
  34. Because science.
  35. 2) Just jump in
  36. “CONTENT DOESN’T BELONG TO DESIGN DOESN’T BELONG TO CODE DOESN’T BELONG TO “ content.   design.   dev.   - NICOLE FENTON
  37. DON’T WAIT TO BE JUST JUMP IN WHERE YOU CAN help.   invited,  
  38. REMEMBER IS TOO. writing   design  
  39. AND SOMETIMES IS LIKE content   code.  
  40. 2) Just jump in This is Nicole Fenton. @NICOLESLAW
  41. “INTERFACE WRITING IS CODE. IT’S CODE FOR PEOPLE, IT’S CODE FOR READERS.”
  42. “I’M DOING THIS STEP, WHAT SHOULD I DO NEXT?” - A USER
  43. “THAT’S A VERY PROGRAMMATIC WAY OF DEALING WITH SOMETHING.”
  44. “AN INTERFACE WRITER HAS TO THINK OF IT ALMOST LIKE A PROGRAMMER.”
  45. Broad knowledge. Deep expertise.
  46. This is Michael Evans. @MEVANS212
  47. “WE DIDN’T THINK ABOUT IT AS CONTENT.”
  48. “WE THOUGHT… HOW DO WE PRESENT THE PRODUCT TO THE USER IN A WAY THAT MAKES IT AS SIMPLE AS POSSIBLE.”
  49. “BUT ALSO PRESENTING INFORMATION THAT THEY CARE ABOUT.”
  50. THE WHOLE PROJECT WAS SUPER COLLABORATIVE. THAT’S THE ONLY WAY WE COULD DO THIS. CROSS-DISCIPLINE TEAM ✓
  51. “THIS WAY… EVERYBODY CAN BE IN EVERYBODY’S BUSINESS, AND SORT OF KNOWS WHAT’S RIGHT OR WRONG.”
  52. “THE WHOLE PROJECT WAS SUPER COLLABORATIVE. THAT WAS THE ONLY WAY WE COULD DO THIS.”
  53. EVEN IF ISN’T IN YOUR JOB DESCRIPTION… content  
  54. 3) Make friends and play nice
  55. JOIN forces.  
  56. This is Joe Stewart. @WORKJOESTEWART
  57. “FOR THE VIRGIN PROJECT THERE WERE TWO LEAD DESIGNERS.”
  58. 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.”
  59. “WE STARTED DOING THE CONCEPT WORK TOGETHER.”
  60. “Sitting in the same room, next to each other.”
  61. USER RESEARCH ✓ CLIENT INTERVIEWS ✓ DISCUSS YOUR OWN FINDINGS ✓
  62. Wow, much drawing. Very UX.
  63. “THAT PART OF CO-DESIGNING WAS A REALLY BIG THING.”
  64. MAKE SURE INVITED. everyone’s  
  65. DESIGN AND DEVS UX PEEPS CONTENT STRATEGISTS EXECUTIVE STAKEHOLDERS PRODUCT MANAGERS CREATIVE DIRECTORS and more!  
  66. It’s Joe again. @WORKJOESTEWART
  67. “THERE WASN’T JUST ONE PERSON THAT WE WERE WORKING WITH.”
  68. “ALL THE DIFFERENT PEOPLE WHO UNDERSTAND ALL THE DIFFERENT PARTS OF WHAT’S GOING TO MAKE THIS AIRLINE WEBSITE SUCCESSFUL.”
  69. “IT’S NOT LIKE, THIS PERSON WORKS WITH THIS PERSON AND THEN HAS TO PRESENT IT TO THIS PERSON.”
  70. “We moved into the Virgin office to be close to their team every day.”
  71. “WE WERE ALL THERE, ARGUING IT OUT, ALL TOGETHER.”
  72. LEARN TO let go.  
  73. This is Aura Seltzer. @AURASELTZER
  74. “CHANCES ARE YOU ARE A CONTROLLING PERSON WHEN IT COMES TO WHAT YOU MAKE.”
  75. “AND WHAT SETS YOUR CLIENT UP FOR SUCCESS, IS FOR WHAT YOU’RE TRYING TO CONTROL SO DEEPLY TO CONSIDER (CONTENT) VARIABLES.”
  76. “ONE OF THE BIGGESTS TESTS HERE, IS ONCE THE CLIENT PUTS THE CONTENT IN THE SITE DOES THE DESIGN SYSTEM STILL WORK LIKE YOU INTENDED?”
  77. “THAT’S TWO-FOLD. DID YOU BUILD A SITE THAT IS RIGHT FOR THEIR (CONTENT) NEEDS.”
  78. “THEN THERE’S EDUCATION. DID YOU TEACH THE CLIENT WHAT TO PUT WHERE, AND WHAT EACH PIECE IS FOR?”
  79. “THE SOONER YOU MAKE (CONTENT) CONSIDERATIONS, THE HAPPIER YOU’LL BE AFTER LAUNCH.”
  80. 4) Plan ahead 4) Plan ahead.
  81. Do research and discovery as a team.
  82. CONSIDER THE context   AND CLEARLY STATE goals.  
  83. business goals user needs
  84. thinking doingfeeling
  85. Design the co-design working session. So meta.
  86. Diverge and converge. Know what games you’ll use to get there.
  87. PEOPLE DON’T EXPERIENCE CONTENT SEPARATELY FROM DESIGN, UX, AND CODE.
  88. MAKING THINGS SHOULDN’T BE THAT WAY EITHER.
  89. BRING ON THE revolution.  

×