SlideShare a Scribd company logo
nextlevelcollaborationTHE FUTURE OF CONTENT & WEB DESIGN
Next Level Collaboration: The Future of Content and Web Design
These are my people.
These are my people.Dad is a GIS developer.
Mom is an artist.
TACOS
SUNSHINE
DIGITAL COWBOYS
DESIGN COMMUNITY
Phoenix, baby.
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, 	
  
- MARK LLOBRERA
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	
  
Next Level Collaboration: The Future of Content and Web Design
Next Level Collaboration: The Future of Content and Web Design
Next Level Collaboration: The Future of Content and Web Design
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 FENTON
DON’T WAIT TO BE
JUST JUMP IN WHERE YOU
CAN help.	
  
invited,	
  
REMEMBER IS
TOO.
writing	
  
design	
  
Next Level Collaboration: The Future of Content and Web 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.
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 ✓EVERYBODY CAN BE IN
EVERYBODY’S BUSINESS,
AND SORT OF KNOWS
WHAT’S RIGHT OR WRONG.
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.
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.
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
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.
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
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.
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 working
meeting.
Diverge and converge. Know
what games you’ll use.
BRING ON THE revolution.	
  

More Related Content

KEY
Digital Process
PDF
10 new things we need to know as communication leaders after my trip to San F...
PDF
Motivated People - ATLdn16
PPTX
You Can Build Anything In Small Enough Steps
PDF
Connected / Reconnecting: Meaningful Engagement with the Internet of Things
PPTX
AllDayDevOps - Growing your DevOps Mindset
PDF
Growing your DevOps Mindset
PDF
MARTHA & UX
Digital Process
10 new things we need to know as communication leaders after my trip to San F...
Motivated People - ATLdn16
You Can Build Anything In Small Enough Steps
Connected / Reconnecting: Meaningful Engagement with the Internet of Things
AllDayDevOps - Growing your DevOps Mindset
Growing your DevOps Mindset
MARTHA & UX

Viewers also liked (15)

PDF
Organic america team presentation
PDF
Organic america team presentation
PDF
Designing From the Ground Up: Approaching, Prioritizing and Executing Design
PDF
What We Can Learn From Digital Outcasts
PDF
All the News That Fits to Print: Re-thinking Consumption (Chris Clarke)
PDF
Organic America "The Fresh Guide to Sustainable Living"
PDF
Users In The Mist: Stories from Field Studies (Brad Nunnally)
PDF
Real Artists Ship, Haraldur Thorleifsson
PDF
Smart first, Phones later (Tin Kadoic)
PDF
Beyond the Waterfall: Rethinking How we Work
PDF
Finding your Mojo ( Dan Edwards)
PDF
Organic america team presentation
PDF
구글테스트
PDF
Angular Performance: Then, Now and the Future. Todd Motto
PDF
Beyond Measure, Erika Hall
Organic america team presentation
Organic america team presentation
Designing From the Ground Up: Approaching, Prioritizing and Executing Design
What We Can Learn From Digital Outcasts
All the News That Fits to Print: Re-thinking Consumption (Chris Clarke)
Organic America "The Fresh Guide to Sustainable Living"
Users In The Mist: Stories from Field Studies (Brad Nunnally)
Real Artists Ship, Haraldur Thorleifsson
Smart first, Phones later (Tin Kadoic)
Beyond the Waterfall: Rethinking How we Work
Finding your Mojo ( Dan Edwards)
Organic america team presentation
구글테스트
Angular Performance: Then, Now and the Future. Todd Motto
Beyond Measure, Erika Hall
Ad

Similar to Next Level Collaboration: The Future of Content and Web Design (20)

PDF
Next Level Collaboration: The Future of Content & Web Design at Future Insigh...
PPTX
User Testing your Drupal Administration Process
PDF
A Future Friendly Workflow
PDF
Wait what? How to Enhance your Responsive Process with Content Questions
PDF
Designing Connected Content (Sample Chapter)
PDF
Jennifer Robbins: ARTIFACT EAST Keynote (Providence, 11/4/13)
PDF
Designing with content-first
PDF
Content First, Designing in the Browser - UX camp CPH
PDF
Using a Content-First Design Process
KEY
ACES Survive Redesign 2012
PDF
User Interface is King: Developing a Web App UI
PDF
Evolving the Creative Process
PDF
Why Content Professionals and Designers should be best buddies. And how to he...
PDF
Users are People Too Adobe Max Presentation
KEY
Content Strategy for the Real World
PDF
Flexible Content Requires Future-Ready Organizations
PPT
User Experience Design for Non‐Designers
PPTX
Designing for web & beyond – don’t get caught with your browser down finalclean
PDF
Responsive Process HOW Interactive
PDF
Changing Content, Changing Culture
Next Level Collaboration: The Future of Content & Web Design at Future Insigh...
User Testing your Drupal Administration Process
A Future Friendly Workflow
Wait what? How to Enhance your Responsive Process with Content Questions
Designing Connected Content (Sample Chapter)
Jennifer Robbins: ARTIFACT EAST Keynote (Providence, 11/4/13)
Designing with content-first
Content First, Designing in the Browser - UX camp CPH
Using a Content-First Design Process
ACES Survive Redesign 2012
User Interface is King: Developing a Web App UI
Evolving the Creative Process
Why Content Professionals and Designers should be best buddies. And how to he...
Users are People Too Adobe Max Presentation
Content Strategy for the Real World
Flexible Content Requires Future-Ready Organizations
User Experience Design for Non‐Designers
Designing for web & beyond – don’t get caught with your browser down finalclean
Responsive Process HOW Interactive
Changing Content, Changing Culture
Ad

More from Future Insights (20)

PDF
The Human Body in the IoT. Tim Cannon + Ryan O'Shea
PDF
Pretty pictures - Brandon Satrom
PDF
Putting real time into practice - Saul Diez-Guerra
PDF
Surviving the enterprise storm - @RianVDM
PDF
Exploring Open Date with BigQuery: Jenny Tong
PDF
A Universal Theory of Everything, Christopher Murphy
PDF
Horizon Interactive Awards, Mike Sauce & Jeff Jahn
PDF
Reading Your Users’ Minds: Empiricism, Design, and Human Behavior, Shane F. B...
PDF
Front End Development Transformation at Scale, Damon Deaner
PDF
Structuring Data from Unstructured Things. Sean Lorenz
PDF
Cinematic UX, Brad Weaver
PDF
The Future is Modular, Jonathan Snook
PDF
Designing an Enterprise CSS Framework is Hard, Stephanie Rewis
PDF
Accessibility Is More Than What Lies In The Code, Jennison Asuncion
PDF
Sunny with a Chance of Innovation: A How-To for Product Managers and Designer...
PDF
Designing for Dyslexia, Andrew Zusman
PDF
Ok Computer. Peter Gasston
PDF
Digital Manuscripts Toolkit, using IIIF and JavaScript. Monica Messaggi Kaya
PPTX
How to Build Your Future in the Internet of Things Economy. Jennifer Riggins
PDF
The Wordpress Game Changer. Jenny Wong
The Human Body in the IoT. Tim Cannon + Ryan O'Shea
Pretty pictures - Brandon Satrom
Putting real time into practice - Saul Diez-Guerra
Surviving the enterprise storm - @RianVDM
Exploring Open Date with BigQuery: Jenny Tong
A Universal Theory of Everything, Christopher Murphy
Horizon Interactive Awards, Mike Sauce & Jeff Jahn
Reading Your Users’ Minds: Empiricism, Design, and Human Behavior, Shane F. B...
Front End Development Transformation at Scale, Damon Deaner
Structuring Data from Unstructured Things. Sean Lorenz
Cinematic UX, Brad Weaver
The Future is Modular, Jonathan Snook
Designing an Enterprise CSS Framework is Hard, Stephanie Rewis
Accessibility Is More Than What Lies In The Code, Jennison Asuncion
Sunny with a Chance of Innovation: A How-To for Product Managers and Designer...
Designing for Dyslexia, Andrew Zusman
Ok Computer. Peter Gasston
Digital Manuscripts Toolkit, using IIIF and JavaScript. Monica Messaggi Kaya
How to Build Your Future in the Internet of Things Economy. Jennifer Riggins
The Wordpress Game Changer. Jenny Wong

Recently uploaded (20)

PPTX
Introuction about ICD -10 and ICD-11 PPT.pptx
PPTX
artificial intelligence overview of it and more
PDF
Testing WebRTC applications at scale.pdf
PPTX
CHE NAA, , b,mn,mblblblbljb jb jlb ,j , ,C PPT.pptx
PPTX
Job_Card_System_Styled_lorem_ipsum_.pptx
PDF
WebRTC in SignalWire - troubleshooting media negotiation
PDF
Cloud-Scale Log Monitoring _ Datadog.pdf
PPTX
522797556-Unit-2-Temperature-measurement-1-1.pptx
PDF
Automated vs Manual WooCommerce to Shopify Migration_ Pros & Cons.pdf
PDF
The New Creative Director: How AI Tools for Social Media Content Creation Are...
PPTX
INTERNET------BASICS-------UPDATED PPT PRESENTATION
PDF
Slides PDF The World Game (s) Eco Economic Epochs.pdf
PDF
Vigrab.top – Online Tool for Downloading and Converting Social Media Videos a...
PDF
An introduction to the IFRS (ISSB) Stndards.pdf
PDF
Tenda Login Guide: Access Your Router in 5 Easy Steps
PDF
Unit-1 introduction to cyber security discuss about how to secure a system
PPT
tcp ip networks nd ip layering assotred slides
PPTX
Module 1 - Cyber Law and Ethics 101.pptx
PPTX
June-4-Sermon-Powerpoint.pptx USE THIS FOR YOUR MOTIVATION
PDF
SASE Traffic Flow - ZTNA Connector-1.pdf
Introuction about ICD -10 and ICD-11 PPT.pptx
artificial intelligence overview of it and more
Testing WebRTC applications at scale.pdf
CHE NAA, , b,mn,mblblblbljb jb jlb ,j , ,C PPT.pptx
Job_Card_System_Styled_lorem_ipsum_.pptx
WebRTC in SignalWire - troubleshooting media negotiation
Cloud-Scale Log Monitoring _ Datadog.pdf
522797556-Unit-2-Temperature-measurement-1-1.pptx
Automated vs Manual WooCommerce to Shopify Migration_ Pros & Cons.pdf
The New Creative Director: How AI Tools for Social Media Content Creation Are...
INTERNET------BASICS-------UPDATED PPT PRESENTATION
Slides PDF The World Game (s) Eco Economic Epochs.pdf
Vigrab.top – Online Tool for Downloading and Converting Social Media Videos a...
An introduction to the IFRS (ISSB) Stndards.pdf
Tenda Login Guide: Access Your Router in 5 Easy Steps
Unit-1 introduction to cyber security discuss about how to secure a system
tcp ip networks nd ip layering assotred slides
Module 1 - Cyber Law and Ethics 101.pptx
June-4-Sermon-Powerpoint.pptx USE THIS FOR YOUR MOTIVATION
SASE Traffic Flow - ZTNA Connector-1.pdf

Next Level Collaboration: The Future of Content and Web Design