Dan Mall's talk

2. Gantt
Charts

3. Strategy
Design
Development

4. Strategy
Design
Development
TI ME

5. Strategy
Design
Development
TI ME
IMPORTANCE

6. Design
Development
TI ME
IMPORTANCE
Strategy

7. Design
Development
TI ME
EFFORT
Strategy

8. Development
TI ME
EFFORT
DesignStrategy

9. Development
TI ME
EFFORT
DesignStrategy

10. Development
TI ME
EFFORT
DesignStrategy

11. Development
TI ME
EFFORT
DesignStrategy

12. Development
TI ME
EFFORT
DesignStrategy

14. What to work on
01 02 03
Being agile, together Growing skill sets
Q&A

15. goo.gl/VpcKj4

16. goo.gl/2Xuk5x

17. goo.gl/63819z

19. goo.gl/taHKea

20. 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
“

21. nikebetterworld.com

22. nikebetterworld.com
If you make everything on the site
special, then nothing is special.
Ian Coyle, Principal, Enjoy the Weather
“

26. Buggy or broken
01 02 03
Heavily-requested
features
Excitement
Urgency

29. 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
“

30. about.com/health about.com/tech
about.com/money about.com/home

31. about.com/health about.com/tech
about.com/money about.com/home

32. What’s going to make this
site special?

33. Image galleries
Video
e-commerce
integration
Advanced search

35. Element collage
Big canvas
01 02 03
Many sizes of
elements
Have fun!

44. Should designers
code?

45. Should designers
code?
goo.gl/7GqBTi

46. Should designers
code?
It depends.

47. Should designers
code?
It depends.
Yep.

48. Should designers
learn a thing that
makes them
better?
It depends.
Yep.

49. Should designers
learn a thing that
makes them
better?
It depends.
Yep.
01
Will it be ok if
they don’t?
Yep.
02

50. CSS
(font sizes & colors)
01
02 03

51. CSS
(font sizes & colors)
01 02 03
Web Inspector

53. CSS
(font sizes & colors)
01 02 03
Web Inspector JSON

54. CSS
(font sizes & colors)
01 02 03
Web Inspector JSON

55. Salesforce

56. 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
“

62. airbnb.design/painting-with-code/

63. goo.gl/zk9LGz

65. goo.gl/jS2nTh

66. CSS First
goo.gl/jS2nTh

67. goo.gl/jS2nTh

68. goo.gl/jS2nTh

69. The 8-Point Grid
LIMITING OPTIONS
spec.fm/specifics/8-pt-grid

70. 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.

79. goo.gl/sDnDnC

80. goo.gl/sDnDnC

81. Designers Developers

82. Designers Developers
Sketch Pattern LabJSON

83. Designers Developers
Pattern Lab Drupal
JSON
+
Twig

84. aescripts.com/bodymovin/

85. Design system
The smallest set of options that allows us to design
just about everything we need.

86. Working software over
comprehensive documentation.
AGILE MANIFESTO
agilemanifesto.org

87. Strategist UXer
Designer Developer
< >

88. Responsible Accountable
Consulted Informed
RACI
Matrix

89. 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

90. 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

91. Thanks!
Dan Mall—UXPin Design Systems Virtual Summit: February 13 2018
@danmall