Increasing Team Velocity with Design Systems

Transcript

1. None

2. Marco Suarez @marcosuarez

3. None
4. None
5. None
6. None
7. None
8. None
9. None
10. None
11. None

12. Velocity

13. None
14. None
15. None

16. Empower the people

17. Learnable Teachable Refinable

18. Reusable

19. None

20. Components Standards

21. Components

22. None
23. None
24. None

25. Software Crisis

26. Douglas McIlroy

27. Component-based development (Reusability)

28. Standards

29. None
30. None
31. None

32. Standards explains why

33. None
34. None

35. Standards (Reusability)

36. None
37. None
38. None
39. None

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

46. None
47. None
48. None
49. None
50. None

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.
59. None

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

69. None

70. Vision Principles Process Standards & Components

71. Don’t tell, show

72. None
73. None

74. “Getting up-front buy-in would be very difficult. User adoption would

    be the key to success. Do that first.” Ryan Rumsey
75. None

76. Small immediate wins make the long-term wins possible.

77. “Great affairs sometimes take their rise from small circumstances.” Ben

    Franklin
78. None
79. None
80. None
81. None
82. None

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

88. None

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!