SlideShare uma empresa Scribd logo
UX DEVB R I D G I N G T H E G A P
vs
Monday, October 21, 13
UX vs DEV: Bridging the Gap
Hello.
Monday, October 21, 13
UX vs DEV: Bridging the Gap
Monday, October 21, 13
UX vs DEV: Bridging the Gap
“A unicorn is somebody who
knows they're magical and isn't
afraid to show it.”
– Urban Dictionary
Monday, October 21, 13
UX vs DEV: Bridging the Gap
“The rare creature who is able to
give you the thing you always
wanted but thought you you
could never have.”
– Urban Dictionary
Monday, October 21, 13
UX vs DEV: Bridging the Gap
– Urban Dictionary
“A bisexual but single female in
a swingers party.”
Monday, October 21, 13
UX vs DEV: Bridging the Gap
“Magical creatures that rides on
silver moonbeams and shoots
rainbows out of their asses.”
– Urban Dictionary
Monday, October 21, 13
UX vs DEV: Bridging the Gap
WHAT I MEAN
Monday, October 21, 13
UX vs DEV: Bridging the Gap
“The unicorn designer is the most in demand
and rarest of product team members —
someone with excellent interaction
design skills, visual design skills, and
coding ability.”
– UsabilityCounts.com “The Unicorn Designer Dilemma, and How to Avoid It”
Monday, October 21, 13
UX vs DEV: Bridging the Gap
Monday, October 21, 13
UX vs DEV: Bridging the Gap
The Problems
Bad design implementations
Cutting features
“Fixing” the design in review sessions with the client
Devs who really want to be designers
Monday, October 21, 13
UX vs DEV: Bridging the Gap
“Just make the site pretty!“
Monday, October 21, 13
UX vs DEV: Bridging the Gap
Overlapping Responsibilities
User Research
Information
Architecture
Content
Strategy
Visual Design
Back-end
Development
Front-end
Development
Technology
Infrastructure
Business
Goals
Discovery
Interaction
Design
DEVUX
Monday, October 21, 13
UX vs DEV: Bridging the Gap
HOW DO WE FIX IT?
Monday, October 21, 13
UX vs DEV: Bridging the Gap
“You can’t convince someone to do
something they don’t want to do. You
can only show them the benefits of
what you are selling.”
Monday, October 21, 13
UX vs DEV: Bridging the Gap
EMPATHY
Devs building a must build within a budget/time constraints too
2 min decisions for designer can be the difference
between a 2 hour or 80 hour implementation for a dev
Timelines are tight, they often won't have time
to come back to design with questions
Monday, October 21, 13
UX vs DEV: Bridging the Gap
BRING DEVS INTO THE
DESIGN PROCESS
Monday, October 21, 13
UX vs DEV: Bridging the Gap
Highly Interactive Devs
Bring them into design sketching workshops.
Monday, October 21, 13
UX vs DEV: Bridging the Gap
Typical Devs
Bring them into early review sessions
& research findings presentations.
Monday, October 21, 13
UX vs DEV: Bridging the Gap
Grumpy Cave Dwelling Devs
You can't win them all, and that's okay!
Monday, October 21, 13
UX vs DEV: Bridging the Gap
DESIGN LIKE A DEV
Solutions that don’t require audience participation
Monday, October 21, 13
UX vs DEV: Bridging the Gap
Style Guides
Awesome! Wait, don’t we already do this?
Monday, October 21, 13
UX vs DEV: Bridging the Gap
"Microinteractions is a book I've wanted for
a very long time. I've needed a thoughtful,
insightful, and concise understanding of
how to look at interaction design at the
atomic level. Dan's delivered that in
spades."
– Jared Spool, Founding Principle of User Interface Engineering
“Microinteractions: Designing with Details”
by Dan Saffer
Monday, October 21, 13
UX vs DEV: Bridging the Gap
Atomic Design
Brad Frost -  http://bradfrostweb.com/blog/post/atomic-web-design/
Using chemistry to create design systems
Monday, October 21, 13
UX vs DEV: Bridging the Gap
Atomic Design Elements
Brad Frost -  http://bradfrostweb.com/blog/post/atomic-web-design/
Monday, October 21, 13
UX vs DEV: Bridging the Gap
Let’s Bridge the Gap
(Groan. Did he really use the title of the presentation?)
Monday, October 21, 13
UX vs DEV: Bridging the Gap
Ezekiel “Zeke” Binion
 @ebinion
✉ ebinion@gmail.com
🌎 ezekielbinion.com
Monday, October 21, 13

Mais conteúdo relacionado

Destaque

Positive Psychology & UX : Enabling Success and Wellbeing - Patrick Jordan, C...
Positive Psychology & UX : Enabling Success and Wellbeing - Patrick Jordan, C...Positive Psychology & UX : Enabling Success and Wellbeing - Patrick Jordan, C...
Positive Psychology & UX : Enabling Success and Wellbeing - Patrick Jordan, C...
City University London
 

Destaque (17)

Embedding UX In Any project, AMIS UX Event
Embedding UX In Any project, AMIS UX EventEmbedding UX In Any project, AMIS UX Event
Embedding UX In Any project, AMIS UX Event
 
Selling UX to Coders
Selling UX to CodersSelling UX to Coders
Selling UX to Coders
 
What Rock 'n' Roll Taught Me About UX
What Rock 'n' Roll Taught Me About UXWhat Rock 'n' Roll Taught Me About UX
What Rock 'n' Roll Taught Me About UX
 
Strategy for a Responsive UX
Strategy for a Responsive UXStrategy for a Responsive UX
Strategy for a Responsive UX
 
12 Factors Causing Your E-Signature Project To Fail
12 Factors Causing Your E-Signature Project To Fail12 Factors Causing Your E-Signature Project To Fail
12 Factors Causing Your E-Signature Project To Fail
 
Selling UX
Selling UXSelling UX
Selling UX
 
UX-Messung
UX-MessungUX-Messung
UX-Messung
 
Overcoming barriers to PLCs: Lack of understanding andor resistance to change
Overcoming barriers to PLCs: Lack of understanding andor resistance to changeOvercoming barriers to PLCs: Lack of understanding andor resistance to change
Overcoming barriers to PLCs: Lack of understanding andor resistance to change
 
Selling a UX Strategy to Business Leaders
Selling a UX Strategy to Business LeadersSelling a UX Strategy to Business Leaders
Selling a UX Strategy to Business Leaders
 
Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...
Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...
Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...
 
Workshop: Embedding UX Into Your Processes
Workshop: Embedding UX Into Your ProcessesWorkshop: Embedding UX Into Your Processes
Workshop: Embedding UX Into Your Processes
 
Selling the UX - en UX-succeshistorie af Jesper Lumbye Andersen, Music Group
Selling the UX - en UX-succeshistorie af Jesper Lumbye Andersen, Music GroupSelling the UX - en UX-succeshistorie af Jesper Lumbye Andersen, Music Group
Selling the UX - en UX-succeshistorie af Jesper Lumbye Andersen, Music Group
 
Positive Psychology & UX : Enabling Success and Wellbeing - Patrick Jordan, C...
Positive Psychology & UX : Enabling Success and Wellbeing - Patrick Jordan, C...Positive Psychology & UX : Enabling Success and Wellbeing - Patrick Jordan, C...
Positive Psychology & UX : Enabling Success and Wellbeing - Patrick Jordan, C...
 
Selling UX in Your Organization at Cleveland World Usability Day (WUD)
Selling UX in Your Organization at Cleveland World Usability Day (WUD)Selling UX in Your Organization at Cleveland World Usability Day (WUD)
Selling UX in Your Organization at Cleveland World Usability Day (WUD)
 
ozIA 2008 UX Strategy
ozIA 2008 UX StrategyozIA 2008 UX Strategy
ozIA 2008 UX Strategy
 
Myth & fact - Designing for UX
Myth & fact - Designing for UXMyth & fact - Designing for UX
Myth & fact - Designing for UX
 
Harnessing the Value of UX
Harnessing the Value of UXHarnessing the Value of UX
Harnessing the Value of UX
 

Último

NewBase 24 May 2024 Energy News issue - 1727 by Khaled Al Awadi_compresse...
NewBase   24 May  2024  Energy News issue - 1727 by Khaled Al Awadi_compresse...NewBase   24 May  2024  Energy News issue - 1727 by Khaled Al Awadi_compresse...
NewBase 24 May 2024 Energy News issue - 1727 by Khaled Al Awadi_compresse...
Khaled Al Awadi
 
zidauu _business communication.pptx /pdf
zidauu _business  communication.pptx /pdfzidauu _business  communication.pptx /pdf
zidauu _business communication.pptx /pdf
zukhrafshabbir
 
Constitution of Company Article of Association
Constitution of Company Article of AssociationConstitution of Company Article of Association
Constitution of Company Article of Association
seri bangash
 

Último (20)

NewBase 24 May 2024 Energy News issue - 1727 by Khaled Al Awadi_compresse...
NewBase   24 May  2024  Energy News issue - 1727 by Khaled Al Awadi_compresse...NewBase   24 May  2024  Energy News issue - 1727 by Khaled Al Awadi_compresse...
NewBase 24 May 2024 Energy News issue - 1727 by Khaled Al Awadi_compresse...
 
Global Interconnection Group Joint Venture[960] (1).pdf
Global Interconnection Group Joint Venture[960] (1).pdfGlobal Interconnection Group Joint Venture[960] (1).pdf
Global Interconnection Group Joint Venture[960] (1).pdf
 
TriStar Gold Corporate Presentation May 2024
TriStar Gold Corporate Presentation May 2024TriStar Gold Corporate Presentation May 2024
TriStar Gold Corporate Presentation May 2024
 
A Brief Introduction About Jacob Badgett
A Brief Introduction About Jacob BadgettA Brief Introduction About Jacob Badgett
A Brief Introduction About Jacob Badgett
 
zidauu _business communication.pptx /pdf
zidauu _business  communication.pptx /pdfzidauu _business  communication.pptx /pdf
zidauu _business communication.pptx /pdf
 
The Inspiring Personality To Watch In 2024.pdf
The Inspiring Personality To Watch In 2024.pdfThe Inspiring Personality To Watch In 2024.pdf
The Inspiring Personality To Watch In 2024.pdf
 
Meaningful Technology for Humans: How Strategy Helps to Deliver Real Value fo...
Meaningful Technology for Humans: How Strategy Helps to Deliver Real Value fo...Meaningful Technology for Humans: How Strategy Helps to Deliver Real Value fo...
Meaningful Technology for Humans: How Strategy Helps to Deliver Real Value fo...
 
Constitution of Company Article of Association
Constitution of Company Article of AssociationConstitution of Company Article of Association
Constitution of Company Article of Association
 
Unleash Data Power with EnFuse Solutions' Comprehensive Data Management Servi...
Unleash Data Power with EnFuse Solutions' Comprehensive Data Management Servi...Unleash Data Power with EnFuse Solutions' Comprehensive Data Management Servi...
Unleash Data Power with EnFuse Solutions' Comprehensive Data Management Servi...
 
Evolution and Growth of Supply chain.pdf
Evolution and Growth of Supply chain.pdfEvolution and Growth of Supply chain.pdf
Evolution and Growth of Supply chain.pdf
 
Pitch Deck Teardown: Terra One's $7.5m Seed deck
Pitch Deck Teardown: Terra One's $7.5m Seed deckPitch Deck Teardown: Terra One's $7.5m Seed deck
Pitch Deck Teardown: Terra One's $7.5m Seed deck
 
The Truth About Dinesh Bafna's Situation.pdf
The Truth About Dinesh Bafna's Situation.pdfThe Truth About Dinesh Bafna's Situation.pdf
The Truth About Dinesh Bafna's Situation.pdf
 
PitchBook’s Guide to VC Funding for Startups
PitchBook’s Guide to VC Funding for StartupsPitchBook’s Guide to VC Funding for Startups
PitchBook’s Guide to VC Funding for Startups
 
Innomantra Viewpoint - Building Moonshots : May-Jun 2024.pdf
Innomantra Viewpoint - Building Moonshots : May-Jun 2024.pdfInnomantra Viewpoint - Building Moonshots : May-Jun 2024.pdf
Innomantra Viewpoint - Building Moonshots : May-Jun 2024.pdf
 
India’s Recommended Women Surgeons to Watch in 2024.pdf
India’s Recommended Women Surgeons to Watch in 2024.pdfIndia’s Recommended Women Surgeons to Watch in 2024.pdf
India’s Recommended Women Surgeons to Watch in 2024.pdf
 
Equinox Gold Corporate Deck May 24th 2024
Equinox Gold Corporate Deck May 24th 2024Equinox Gold Corporate Deck May 24th 2024
Equinox Gold Corporate Deck May 24th 2024
 
Inside the Black Box of Venture Capital (VC)
Inside the Black Box of Venture Capital (VC)Inside the Black Box of Venture Capital (VC)
Inside the Black Box of Venture Capital (VC)
 
12 Conversion Rate Optimization Strategies for Ecommerce Websites.pdf
12 Conversion Rate Optimization Strategies for Ecommerce Websites.pdf12 Conversion Rate Optimization Strategies for Ecommerce Websites.pdf
12 Conversion Rate Optimization Strategies for Ecommerce Websites.pdf
 
Potato Flakes Manufacturing Plant Project Report.pdf
Potato Flakes Manufacturing Plant Project Report.pdfPotato Flakes Manufacturing Plant Project Report.pdf
Potato Flakes Manufacturing Plant Project Report.pdf
 
FEXLE- Salesforce Field Service Lightning
FEXLE- Salesforce Field Service LightningFEXLE- Salesforce Field Service Lightning
FEXLE- Salesforce Field Service Lightning
 

Ux vs Dev: bridging the gap (updated)

  • 1. UX DEVB R I D G I N G T H E G A P vs Monday, October 21, 13
  • 2. UX vs DEV: Bridging the Gap Hello. Monday, October 21, 13
  • 3. UX vs DEV: Bridging the Gap Monday, October 21, 13
  • 4. UX vs DEV: Bridging the Gap “A unicorn is somebody who knows they're magical and isn't afraid to show it.” – Urban Dictionary Monday, October 21, 13
  • 5. UX vs DEV: Bridging the Gap “The rare creature who is able to give you the thing you always wanted but thought you you could never have.” – Urban Dictionary Monday, October 21, 13
  • 6. UX vs DEV: Bridging the Gap – Urban Dictionary “A bisexual but single female in a swingers party.” Monday, October 21, 13
  • 7. UX vs DEV: Bridging the Gap “Magical creatures that rides on silver moonbeams and shoots rainbows out of their asses.” – Urban Dictionary Monday, October 21, 13
  • 8. UX vs DEV: Bridging the Gap WHAT I MEAN Monday, October 21, 13
  • 9. UX vs DEV: Bridging the Gap “The unicorn designer is the most in demand and rarest of product team members — someone with excellent interaction design skills, visual design skills, and coding ability.” – UsabilityCounts.com “The Unicorn Designer Dilemma, and How to Avoid It” Monday, October 21, 13
  • 10. UX vs DEV: Bridging the Gap Monday, October 21, 13
  • 11. UX vs DEV: Bridging the Gap The Problems Bad design implementations Cutting features “Fixing” the design in review sessions with the client Devs who really want to be designers Monday, October 21, 13
  • 12. UX vs DEV: Bridging the Gap “Just make the site pretty!“ Monday, October 21, 13
  • 13. UX vs DEV: Bridging the Gap Overlapping Responsibilities User Research Information Architecture Content Strategy Visual Design Back-end Development Front-end Development Technology Infrastructure Business Goals Discovery Interaction Design DEVUX Monday, October 21, 13
  • 14. UX vs DEV: Bridging the Gap HOW DO WE FIX IT? Monday, October 21, 13
  • 15. UX vs DEV: Bridging the Gap “You can’t convince someone to do something they don’t want to do. You can only show them the benefits of what you are selling.” Monday, October 21, 13
  • 16. UX vs DEV: Bridging the Gap EMPATHY Devs building a must build within a budget/time constraints too 2 min decisions for designer can be the difference between a 2 hour or 80 hour implementation for a dev Timelines are tight, they often won't have time to come back to design with questions Monday, October 21, 13
  • 17. UX vs DEV: Bridging the Gap BRING DEVS INTO THE DESIGN PROCESS Monday, October 21, 13
  • 18. UX vs DEV: Bridging the Gap Highly Interactive Devs Bring them into design sketching workshops. Monday, October 21, 13
  • 19. UX vs DEV: Bridging the Gap Typical Devs Bring them into early review sessions & research findings presentations. Monday, October 21, 13
  • 20. UX vs DEV: Bridging the Gap Grumpy Cave Dwelling Devs You can't win them all, and that's okay! Monday, October 21, 13
  • 21. UX vs DEV: Bridging the Gap DESIGN LIKE A DEV Solutions that don’t require audience participation Monday, October 21, 13
  • 22. UX vs DEV: Bridging the Gap Style Guides Awesome! Wait, don’t we already do this? Monday, October 21, 13
  • 23. UX vs DEV: Bridging the Gap "Microinteractions is a book I've wanted for a very long time. I've needed a thoughtful, insightful, and concise understanding of how to look at interaction design at the atomic level. Dan's delivered that in spades." – Jared Spool, Founding Principle of User Interface Engineering “Microinteractions: Designing with Details” by Dan Saffer Monday, October 21, 13
  • 24. UX vs DEV: Bridging the Gap Atomic Design Brad Frost -  http://bradfrostweb.com/blog/post/atomic-web-design/ Using chemistry to create design systems Monday, October 21, 13
  • 25. UX vs DEV: Bridging the Gap Atomic Design Elements Brad Frost -  http://bradfrostweb.com/blog/post/atomic-web-design/ Monday, October 21, 13
  • 26. UX vs DEV: Bridging the Gap Let’s Bridge the Gap (Groan. Did he really use the title of the presentation?) Monday, October 21, 13
  • 27. UX vs DEV: Bridging the Gap Ezekiel “Zeke” Binion  @ebinion ✉ ebinion@gmail.com 🌎 ezekielbinion.com Monday, October 21, 13