SlideShare a Scribd company logo
15 March 2017
Engineers and Designers, Getting Along
Audrey
@audcrane
Audrey
@audcrane
Audrey
@audcrane
Audrey
@audcrane
Nathan Gregory Chuck Audrey
@audcrane
Welcome to DesignMap, Inc.
Top companies choose DesignMap for our user-
centered strategy that has proven business results.
Vincit Dev Talk
1 Case Study,
2 Stories, and
4 Lessons
The Case Study
Vincit Dev Talk
Vincit Dev Talk
Docker Data
Center
Docker
Cloud
Docker
Store
Vincit Dev Talk
The First Story:
Docker Pricing
Vincit Dev Talk
Vincit Dev Talk
Vincit Dev Talk
The Second Story:
Docker Marketplace
Vincit Dev Talk
Lesson One:
Be there early.
10,000
1,000
100
10
The Big Picture
Strategy
Structure
Surface
An integrated view of a company’s entire offering.
Who we help, and why.
Desired results; planning; vision; concepts
Models; flows (interaction design); navigation;
standards and guidelines
Typography; color; layout; interface design
t=0
t=0
Why don’t engineers & designers
work together sooner?
t=0
Why don’t engineers & designers
work together sooner?
1. tactical reasons
Vincit Dev Talk
t=0
Why don’t engineers & designers
work together sooner?
1. tactical reasons
2. discomfort reasons
The Big Picture Strategy Structure Surface
time
uncertainty
designer’s tools
developer’s tools
The Big Picture Strategy Structure Surface
time
uncertainty
The Big Picture Strategy Structure Surface
divergent
outward focus
change is cheap
convergent
more inward focus
change is expensive
time
uncertainty
Vincit Dev Talk
Lesson Two:
Be there with users.
Vincit Dev Talks 36
“The magic happens when you
connect the developers with
the actual users and
customers, and let them
witness – first hand – the
good, the bad and the ugly.”
Vincit Dev Talks 37
So… when do we talk to users?
Vincit Dev Talks 38
So… when do we talk to users?
Yes.
Vincit Dev Talk
Do user research at whatever stage you’re in right now.
Do user research at all the stages.
Do user research at all the stages.
Do user research at whatever stage you’re in right now.
Vincit Dev Talk
Lesson Three:
Be there right.
Vincit Dev Talk
t=0
Vincit Dev Talk
Lesson Four:
Stay there.
Vincit Dev Talks 48
“The mission of
engineering is to bring
great user experiences to
life.”
Vincit Dev Talks 49
Vincit Dev Talks 50
Four Lessons:
Be there early.
Be there with users.
Be there right.
Stay there.
earl
y
users
right
Stay
earl
y
users
right
Stay
earl
y
users
right
Stay
e
u
r
S
Vincit Dev Talk
Thank you!
Vincit Dev Talks 56
Thank You DesignMap: Rona Asuncion, Ryan Cornwell,
Jason Fraser, Rob Gardziel, Maureen Hanratty, Marina
Janeiko, Nathan Kendrick, Christiana Lackner, Patrick
Leahy, Morgan Lester, Chuck Moore, James Rafferty,
Joshua Rautenberg, Chad Schroeder, Sunny Yang
Also: Bill Scott, Ben Singer, Peter Merholz
Image Credits: George Vasjagin, BomSymbol, Creaticca
Creative Agency, Kathleen Tyler Conklin
Credit
Vincit Dev Talks 57
Q&A

More Related Content

PDF
MURAL Webinar: Special Touches That Make Your Sprints Kickass
PDF
Autonomy Without Chaos, by Google Engineering Director David Singleton
PPTX
Engineering design
PDF
The most important design lesson from San Francisco
PPT
User Research 102
PDF
サービスデザインのエンジンとしての“わたしの体験“ワークショップ
PDF
Scott Chacon - Cuento de tres árboles
PDF
FDW-based Sharding Update and Future
MURAL Webinar: Special Touches That Make Your Sprints Kickass
Autonomy Without Chaos, by Google Engineering Director David Singleton
Engineering design
The most important design lesson from San Francisco
User Research 102
サービスデザインのエンジンとしての“わたしの体験“ワークショップ
Scott Chacon - Cuento de tres árboles
FDW-based Sharding Update and Future

Viewers also liked (10)

PPTX
Dynamics PSA demo
PDF
Linkurious SDK: Build enterprise-ready graph applications faster
PDF
TwitterのOAuth脆弱性
PDF
Foreign exchange market in india
PDF
BaaSでゲームサーバを作る話
PDF
Fases de un proyecto de desarrollo de software
PPTX
2時間で変わるお助けパワポ術
PPTX
microprofile
PPTX
3rd.party.problem.final
PDF
New Zealand's Innovation Ecosystem - Emerging Conclusions
Dynamics PSA demo
Linkurious SDK: Build enterprise-ready graph applications faster
TwitterのOAuth脆弱性
Foreign exchange market in india
BaaSでゲームサーバを作る話
Fases de un proyecto de desarrollo de software
2時間で変わるお助けパワポ術
microprofile
3rd.party.problem.final
New Zealand's Innovation Ecosystem - Emerging Conclusions
Ad

Similar to Vincit Dev Talk (20)

PDF
GV Design Sprints for Engineers
PDF
The Birth of the HUGE UX School
PDF
What is service design?
PDF
User Experience: An Industry (Always) in Transition
PPTX
Why Can't We All Just Get Along? Improving Designer/Developer Collaboration
PDF
A creativity strategy modelled from Walt Disney Tim Lyons
PPTX
趨勢科技案例分享 - 與專家一起共舞 Design Sprint
PDF
Why does our Design team love working at Canonical
PDF
Design Systems - Big Design Conference 2017
PPTX
Mixed and Augmented Reality Studio (MARS): what you need to know - Unite Cope...
PPTX
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
PPTX
User Experience Design + Agile: The Good, The Bad, and the Ugly
PDF
Rapid Product Design in the Wild, Agile 2013
PPTX
24 Hours of UX - Agile + UX: Good, Bad, Ugly
PDF
User Experience. A definition and 6 Lessons
PDF
Design Thinking in an Agile process: why, how, what's the impact on business
PPTX
Design Thinking & Innovation Games : Presented by Cedric Mainguy
PPTX
Designing Useful and Usable Augmented Reality Experiences
PDF
Good practices to build good software
PDF
Introduction to Design & Prototyping
GV Design Sprints for Engineers
The Birth of the HUGE UX School
What is service design?
User Experience: An Industry (Always) in Transition
Why Can't We All Just Get Along? Improving Designer/Developer Collaboration
A creativity strategy modelled from Walt Disney Tim Lyons
趨勢科技案例分享 - 與專家一起共舞 Design Sprint
Why does our Design team love working at Canonical
Design Systems - Big Design Conference 2017
Mixed and Augmented Reality Studio (MARS): what you need to know - Unite Cope...
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
User Experience Design + Agile: The Good, The Bad, and the Ugly
Rapid Product Design in the Wild, Agile 2013
24 Hours of UX - Agile + UX: Good, Bad, Ugly
User Experience. A definition and 6 Lessons
Design Thinking in an Agile process: why, how, what's the impact on business
Design Thinking & Innovation Games : Presented by Cedric Mainguy
Designing Useful and Usable Augmented Reality Experiences
Good practices to build good software
Introduction to Design & Prototyping
Ad

Recently uploaded (20)

PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Encapsulation_ Review paper, used for researhc scholars
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
cuic standard and advanced reporting.pdf
DOCX
The AUB Centre for AI in Media Proposal.docx
PPT
Teaching material agriculture food technology
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PPTX
MYSQL Presentation for SQL database connectivity
PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
KodekX | Application Modernization Development
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Encapsulation theory and applications.pdf
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPTX
Cloud computing and distributed systems.
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Encapsulation_ Review paper, used for researhc scholars
Digital-Transformation-Roadmap-for-Companies.pptx
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
cuic standard and advanced reporting.pdf
The AUB Centre for AI in Media Proposal.docx
Teaching material agriculture food technology
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
MYSQL Presentation for SQL database connectivity
Programs and apps: productivity, graphics, security and other tools
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
KodekX | Application Modernization Development
Chapter 3 Spatial Domain Image Processing.pdf
“AI and Expert System Decision Support & Business Intelligence Systems”
Encapsulation theory and applications.pdf
NewMind AI Weekly Chronicles - August'25 Week I
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Cloud computing and distributed systems.

Vincit Dev Talk

Editor's Notes

  • #2: How many people in this room are developers? Who are designers? Who work with designers? Who collaborates super great? Who eh, could be better? Who terrible? Ok… My goal will be to offend both groups equally tonight.
  • #3: My name is Audrey Crane. I’m going to hopefully check off the credibility box pretty quickly here, even though I’m a designer. I’ve been in tech for a long time, since the olden days.
  • #4: I wrote my first software when I was 5, on a trash-80.
  • #5: I studied pure mathematics in college and my favorite course was non-Euclidean geometry. My favorite postulate is Euclid’s 5th.
  • #6: And I worked at Netscape from 1995-1999. Ok? Credible?
  • #7: I work with 4 partners at DesignMap…
  • #8: …in San Francisco. We provide design services for our clients like these…
  • #9: We specialize in designing software that could be complex but doesn’t have to be.
  • #10: And we have a tightly integrated front-end dev team. We also partner very closely with our clients front- and back-end, as you can imagine would be necessary to be successfully designing and building products like these.
  • #11: In the spirit of sharing the spirit of the successful partners DM Designers have had with developers, Tonight I’m going to share
  • #13: Docker has been a client of ours since 2014. We started working with them when houseplants outnumbered employees
  • #14: (In fairness they had a loooot of plants)
  • #19: Eager and optimistic, I started off my year-long stint at Docker working on a quick fix to their existing purchase flow. This primarily involved redesigning how the products and options are presented to potential consumers on their website. A pricing page sounds simple enough, right?! Well a couple of factors threw us off-course and the end result wasn’t as optimal as my eager self imagined.
  • #20: We started with this crap. [CLICK] You can sort of sort out the pricing [CLICK] If you don’t get lost
  • #21: And this one. Hopefully they don’t need something between Micro and Small ‘cause I don’t know that that is. The smidgen size? [CLICK] Perfectly clear, right? How could we NOT make it better? The scope of the mini project was that a) design and development needed to be done in a week, b) no backend change could be made (this was a crucial restriction) and c) work with the (known) messy product pricing structure.
  • #22: So we design this. Pretty, right? Given that, what we ended up was a less than smooth experience and an admittedly broken interaction. The once-cool-idea-of-a-slider became a clunky control that had a mind of its own. Design got called out for it when it launched, but ultimately, the product owner and lack of integration with the backend development were also key factors to its success.
  • #23: Marina’s story here
  • #24: i had 4 PMs roadmap based on OKRs, but once things got into roadmap it was mostly the engineering team and me who would come up with engineering and design tasks based on that roadmap. So we’d literally sit down every week, go through roadmap, sync on status, pick the “next thing to do” and deconstruct it into dev and design tasks
  • #25: From these two stories, four lessons. First, be there early.
  • #26: This breakdown of levels or areas of design is from Peter Merholz’ book, org design for design orgs. As you can imagine, the innovation with the biggest impact happens higher up on the chain, in big picture and strategy.
  • #27: The trick is, that stuff also happens first. Developers need to be there for that. Sunny: huge team of engineers in India, the designs she sent over were not coming back right. After a lot of frustration and finally an in person visit to India, it turns out that they had their own opinion of how it should be. They wanted input into the design process, and when they were finally able to participate earlier in the design discussions things started coming back according to spec.
  • #28: So, why don’t engineers and designers work together sooner? I think one of two kinds reasons, none of them your “fault”.
  • #29: The first is just tactical: a lot of times the designer doesn’t know to invite you Or you don’t know it’s happening, because you’re working on something else at the time Or someone is trying to “keep you safe”. What is the answer to this?
  • #30: Beer! Solve tactical problems with beer. No, seriously. You guys need to be in cahoots. If you do nothing else because you came to this talk besides Slack a designer, any designer (like right now, hint hint) and invite them to have a beer I’ll consider this talk a huge success.
  • #31: The second reason I’m going to call “discomfort reasons”. I’m sure you guys are familiar with the cone of uncertainty.
  • #32: This is the idea that early in a project there is a lot of uncertainty, and over time it decreases until finally the product is released, which is the only time you know for certain what will be released
  • #33: In school and in practice, designers (who aren’t any better than developers at dealing with uncertainty, that’s bullshit), are given tools for managing and taking advantage of uncertainty. Developers aren’t given these tools. They may feel physically uncomfortable in those situations. Ben Singer’s story. The answer?
  • #34: It’s useful to note, that if you’re an engineer, and you write a bunch of code, and then there’s a change, you have to throw all your code away 99% of the time. As a designer, much of what you’ve done and learned remains relevant, especially earlier in the process, you can treat it recombinatorially. That’s probably never happened to an engineer. So naturally developers are inclined to seek stability, where their work will be useful, and may be uncomfortable where change seems likely, until they get comfortable with the idea that change is cheap. This is installing a new set of sensibilities, a substantial philosophical shift.
  • #35: Beer! No, probably not. It’s just being ok being uncomfortable and being there anyway, because it will pay off. Like a first date.
  • #40: We (should) do research at every phase in this process. And if you go to your design team tomorrow and say hey I want to be in the room for the next research They should say “great”
  • #43: Don’t worry, they’re gonna show you how to be there. Like we do with everyone.
  • #47: In any event, try to a avoid a straight “no”. If this is deep collaboration, it’s a question of understanding the goal and then working together to find a way there. It’s a two way street, to use a pithy piece of lame stock photography.
  • #52: So just to recap… Be there early (even if it is tactically challenging or uncomfortable) Be there with users Provide the right, helpful input. And stay there.
  • #53: Or, this helpful acronym:
  • #54: eurS. You’re welcome.
  • #55: Now go slack your designer about beer. :-)