SlideShare uma empresa Scribd logo
1 de 27
Baixar para ler offline
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

Challenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
Challenges and Opportunities: A Qualitative Study on Tax Compliance in PakistanChallenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
Challenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
vineshkumarsajnani12
 

Último (20)

Call 7737669865 Vadodara Call Girls Service at your Door Step Available All Time
Call 7737669865 Vadodara Call Girls Service at your Door Step Available All TimeCall 7737669865 Vadodara Call Girls Service at your Door Step Available All Time
Call 7737669865 Vadodara Call Girls Service at your Door Step Available All Time
 
Berhampur 70918*19311 CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
Berhampur 70918*19311 CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDINGBerhampur 70918*19311 CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
Berhampur 70918*19311 CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
 
WheelTug Short Pitch Deck 2024 | Byond Insights
WheelTug Short Pitch Deck 2024 | Byond InsightsWheelTug Short Pitch Deck 2024 | Byond Insights
WheelTug Short Pitch Deck 2024 | Byond Insights
 
Lundin Gold - Q1 2024 Conference Call Presentation (Revised)
Lundin Gold - Q1 2024 Conference Call Presentation (Revised)Lundin Gold - Q1 2024 Conference Call Presentation (Revised)
Lundin Gold - Q1 2024 Conference Call Presentation (Revised)
 
Katrina Personal Brand Project and portfolio 1
Katrina Personal Brand Project and portfolio 1Katrina Personal Brand Project and portfolio 1
Katrina Personal Brand Project and portfolio 1
 
Uneak White's Personal Brand Exploration Presentation
Uneak White's Personal Brand Exploration PresentationUneak White's Personal Brand Exploration Presentation
Uneak White's Personal Brand Exploration Presentation
 
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...
 
joint cost.pptx COST ACCOUNTING Sixteenth Edition ...
joint cost.pptx  COST ACCOUNTING  Sixteenth Edition                          ...joint cost.pptx  COST ACCOUNTING  Sixteenth Edition                          ...
joint cost.pptx COST ACCOUNTING Sixteenth Edition ...
 
PHX May 2024 Corporate Presentation Final
PHX May 2024 Corporate Presentation FinalPHX May 2024 Corporate Presentation Final
PHX May 2024 Corporate Presentation Final
 
Falcon Invoice Discounting: Empowering Your Business Growth
Falcon Invoice Discounting: Empowering Your Business GrowthFalcon Invoice Discounting: Empowering Your Business Growth
Falcon Invoice Discounting: Empowering Your Business Growth
 
Horngren’s Cost Accounting A Managerial Emphasis, Canadian 9th edition soluti...
Horngren’s Cost Accounting A Managerial Emphasis, Canadian 9th edition soluti...Horngren’s Cost Accounting A Managerial Emphasis, Canadian 9th edition soluti...
Horngren’s Cost Accounting A Managerial Emphasis, Canadian 9th edition soluti...
 
How to Get Started in Social Media for Art League City
How to Get Started in Social Media for Art League CityHow to Get Started in Social Media for Art League City
How to Get Started in Social Media for Art League City
 
Lucknow Housewife Escorts by Sexy Bhabhi Service 8250092165
Lucknow Housewife Escorts  by Sexy Bhabhi Service 8250092165Lucknow Housewife Escorts  by Sexy Bhabhi Service 8250092165
Lucknow Housewife Escorts by Sexy Bhabhi Service 8250092165
 
Pre Engineered Building Manufacturers Hyderabad.pptx
Pre Engineered  Building Manufacturers Hyderabad.pptxPre Engineered  Building Manufacturers Hyderabad.pptx
Pre Engineered Building Manufacturers Hyderabad.pptx
 
Phases of Negotiation .pptx
 Phases of Negotiation .pptx Phases of Negotiation .pptx
Phases of Negotiation .pptx
 
Challenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
Challenges and Opportunities: A Qualitative Study on Tax Compliance in PakistanChallenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
Challenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
 
GUWAHATI 💋 Call Girl 9827461493 Call Girls in Escort service book now
GUWAHATI 💋 Call Girl 9827461493 Call Girls in  Escort service book nowGUWAHATI 💋 Call Girl 9827461493 Call Girls in  Escort service book now
GUWAHATI 💋 Call Girl 9827461493 Call Girls in Escort service book now
 
Kalyan Call Girl 98350*37198 Call Girls in Escort service book now
Kalyan Call Girl 98350*37198 Call Girls in Escort service book nowKalyan Call Girl 98350*37198 Call Girls in Escort service book now
Kalyan Call Girl 98350*37198 Call Girls in Escort service book now
 
Marel Q1 2024 Investor Presentation from May 8, 2024
Marel Q1 2024 Investor Presentation from May 8, 2024Marel Q1 2024 Investor Presentation from May 8, 2024
Marel Q1 2024 Investor Presentation from May 8, 2024
 
Arti Languages Pre Seed Teaser Deck 2024.pdf
Arti Languages Pre Seed Teaser Deck 2024.pdfArti Languages Pre Seed Teaser Deck 2024.pdf
Arti Languages Pre Seed Teaser Deck 2024.pdf
 

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