Developers are from Mars and designers are from Venus, or so it would seem. Working together to make great products for our users can be challenging. This talk gives practical advice for bringing developers into the design process and thinking like a developer in your own design process.
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