Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Increasing Team Velocity with Design Systems

January 26, 2018

Increasing Team Velocity with Design Systems

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


January 26, 2018

More Decks by marcosuarez

Other Decks in Design


  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

  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!