Increasing Team Velocity with Design Systems

A talk given at Vista UX Summit in Dallas on Jan 24, 2018

Transcript

2. Marco Suarez @marcosuarez
12. Velocity
16. Empower the people
17. Learnable Teachable Refinable
18. Reusable
20. Components Standards
21. Components
25. Software Crisis
26. Douglas McIlroy
27. Component-based development (Reusability)
28. Standards
32. Standards explains why
35. Standards (Reusability)
40. Systems empower
41. Reusability makes scale possible
42. No definition of
 good design.
43. No expectation for how to create good design.
44. No one knew where we were going.
45. Learnable Teachable Refinable
51. Vision
52. A vision statement moves everyone toward a common destination.
53. “To inspire and nurture the human spirit – one person, one cup and one neighborhood at a time.” Starbucks
54. “We create digital products that make our customers happy and our partners proud.” Starbucks
55. “It helped us create a system that, we think, is clear and scalable across the various global markets we serve while still being unique.” Jason Stoff
56. 2-3 years
57. Principles
58. Design principles act as a reusable standard for designers to measure their work.
60. Shallow by default. deep by choice.
61. Icons are fast. Colors are faster. Words are clearest.
62. “Disagreements happened less and less because we were now aligned.” Steven Fabre
63. medium.com/esty-design
64. Process
65. A defined process for how user experience decisions are approached and solved builds alignment.
66. Process sets expectations
67. Process builds a strong foundation
68. Process gives place to all those involved
70. Vision Principles Process Standards & Components
71. Don’t tell, show
74. “Getting up-front buy-in would be very difficult. User adoption would be the key to success. Do that first.” Ryan Rumsey
76. Small immediate wins make the long-term wins possible.
77. “Great affairs sometimes take their rise from small circumstances.” Ben Franklin
83. “A complex system that works is invariably found to have evolved from a simple system that worked. A complex system designed from scratch never works and cannot be patched up to make it work. You have to start over with a working simple system.” Gall’s Law
84. Focus on what is completed, not what isn’t.
85. “Don’t look at what was missing or failing, but at what was working and functioning.” Cristiano Rastelli
86. Separate style from system
87. Title Subtitle Body Label
89. Don’t do it alone
90. Design Systems
91. Reusability
92. Empower people
93. Reusable systems empower people
94. Learnable Teachable Refinable
95. Reusable
96. Thanks!