Gantt
Charts
Strategy
Design
Development
Strategy
Design
Development
TI ME
Strategy
Design
Development
TI ME
IMPORTANCE
Design
Development
TI ME
IMPORTANCE
Strategy
Design
Development
TI ME
EFFORT
Strategy
Development
TI ME
EFFORT
DesignStrategy
Development
TI ME
EFFORT
DesignStrategy
Development
TI ME
EFFORT
DesignStrategy
Development
TI ME
EFFORT
DesignStrategy
Development
TI ME
EFFORT
DesignStrategy
What to work on
01 02 03
Being agile, together Growing skill sets
Q&A
goo.gl/VpcKj4
goo.gl/2Xuk5x
goo.gl/63819z
goo.gl/taHKea
goo.gl/taHKea
We learned a valuable lesson: don’t put 12
innovations into 1 shoe. It asks too much of
the shoe—to say nothing of the design team.
We reminded each other that there was
honor in saying, ‘Back to the drawing board.’
Phil Knight, Nike Co-Founder, Shoe Dog
“
nikebetterworld.com
nikebetterworld.com
If you make everything on the site
special, then nothing is special.
Ian Coyle, Principal, Enjoy the Weather
“
Buggy or broken
01 02 03
Heavily-requested
features
Excitement
Urgency
Nobody cares about a general-information
site anymore… You can't have ‘Symptoms of
Colitis’ content on the same domain that
you have ‘How to Unclog My Drain’ and
‘How to Cook Beer-Battered Chicken’ and
‘How to Fix My Tendinitis.’
Neil Vogel, CEO, Dotdash
goo.gl/VvV39k
“
about.com/health about.com/tech
about.com/money about.com/home
about.com/health about.com/tech
about.com/money about.com/home
What’s going to make this
site special?
Image galleries
Video
e-commerce
integration
Advanced search
Element collage
Big canvas
01 02 03
Many sizes of
elements
Have fun!
Should designers
code?
Should designers
code?
goo.gl/7GqBTi
Should designers
code?
It depends.
Should designers
code?
It depends.
Yep.
Should designers
learn a thing that
makes them
better?
It depends.
Yep.
Should designers
learn a thing that
makes them
better?
It depends.
Yep.
01
Will it be ok if
they don’t?
Yep.
02
CSS
(font sizes & colors)
01
02 03
CSS
(font sizes & colors)
01 02 03
Web Inspector
CSS
(font sizes & colors)
01 02 03
Web Inspector JSON
CSS
(font sizes & colors)
01 02 03
Web Inspector JSON
Salesforce
Could you please set this up
so that it’s driven by a J S O N
config file? That way, I can
work on the visual details
separately and you don’t
have to worry about it.”
DEAR DEVELOPER
“ I created a simple J S O N
config file for you. I know it
looks intimidating right now,
but all you need is a 1 minute
explanation and you’ll get it.
That way, you can tweak the
details to your heart’s
content without needing me.”
DEAR DESIGNER
“
airbnb.design/painting-with-code/
goo.gl/zk9LGz
goo.gl/jS2nTh
CSS First
goo.gl/jS2nTh
goo.gl/jS2nTh
goo.gl/jS2nTh
The 8-Point Grid
LIMITING OPTIONS
spec.fm/specifics/8-pt-grid
The 8-Point Grid
LIMITING OPTIONS
spec.fm/specifics/8-pt-grid
Use multiples of 8 to define dimensions, padding,
and margin of both block and inline elements.
goo.gl/sDnDnC
goo.gl/sDnDnC
Designers Developers
Designers Developers
Sketch Pattern LabJSON
Designers Developers
Pattern Lab Drupal
JSON
+
Twig
aescripts.com/bodymovin/
Design system
The smallest set of options that allows us to design
just about everything we need.
Working software over
comprehensive documentation.
AGILE MANIFESTO
agilemanifesto.org
Strategist UXer
Designer Developer
< >
Responsible Accountable
Consulted Informed
RACI
Matrix
Strategist Designer Developer
Customer experience
Interface design
Quality assurance
SEO-friendly markup
Icon style
Taxonomy
Motion design
R R R
C R A
I A R
C I R
C R I
R C A
I R A
Tone of voice R A I
It all works better when you embrace
the idea that “product,” “design,” and
“engineering” are just different
perspectives on the same thing.
Greg Veen, Product Manager, Typekit
goo.gl/oB1Hw8
Thanks!
Dan Mall—UXPin Design Systems Virtual Summit: February 13 2018
@danmall

Should Designers?