Save 37% off PRO during our Black Friday Sale! »

10 key mistakes the Design Systems team makes and how to avoid them?

333282932dc4bbc5b3bef9cd172d0e8f?s=47 anilbms75@gmail.com
September 29, 2021
Design
0
120

10 key mistakes the Design Systems team makes and how to avoid them?

333282932dc4bbc5b3bef9cd172d0e8f?s=128

anilbms75@gmail.com

September 29, 2021
Tweet

More Decks by anilbms75@gmail.com

See All by anilbms75@gmail.com
333282932dc4bbc5b3bef9cd172d0e8f?s=48 anilkumar
0
23
333282932dc4bbc5b3bef9cd172d0e8f?s=48 anilkumar
0
28
333282932dc4bbc5b3bef9cd172d0e8f?s=48 anilkumar
1
68
333282932dc4bbc5b3bef9cd172d0e8f?s=48 anilkumar
0
15
333282932dc4bbc5b3bef9cd172d0e8f?s=48 anilkumar
0
58

Other Decks in Design

See All in Design
1da528720b1e19e37477b90a0c192320?s=48 takasu3m
0
6.6k
37228dc025342eeadeb18bf1c2976a7a?s=48 fixel_admin
0
220
C31f714e8a8984e1bc3c1e402af1d7c1?s=48 bemu
2
820
633aea3a27016b588cfa67cce4df7f15?s=48 kimurakei
0
3.4k
Efe3b32c678d6071ea1f06478fd2156b?s=48 norinity1103
0
610
633aea3a27016b588cfa67cce4df7f15?s=48 kimurakei
0
3.6k
96eec0ca2206d54f7a814b1f6359ff11?s=48 fourdigit
0
6.7k
E7a26dfe337b078af506ec7f79d01557?s=48 ruthbaraz
PRO
1
540
7eca3e06edc3c69004aaf57de51900c2?s=48 ajstarks
4
1.7k
Efe3b32c678d6071ea1f06478fd2156b?s=48 norinity1103
0
810
Cdf97a1b1b132c56582773c3ba09a3a6?s=48 rakus_dev
0
2.8k
A6164c2cb62281a24febe6f722775b98?s=48 miterashishohei
2
1.1k

Featured

See All Featured
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
156
12k
11c84dff30266b907714802088852677?s=48 jasonvnalue
88
8.4k
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
864a009ac73600c7c02e1f26629dd989?s=48 paigeccino
7
340
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
149
12k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
147
20k
78b475797a14c84799063c7cd073962f?s=48 holman
451
140k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
18
2.5k
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
263
20k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
91
3.7k
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
364
63k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
57
9.6k

Transcript

  1. 10 key mistakes the Design Systems team makes and how

    to avoid them? By ANIL KUMAR @anilbms75
  2. None
  3. None

  4. Experience

  5. Contentful Contentful Web app Customers/ Partners Custom app Developer Content

    creators /editors Websites

  6. 1. Documentation Image source: Unsplash

  7. Documentation is not for just you, its for your consumers

  8. None

  9. 2. Getting started Image source: Unsplash

  10. Source: reactjs.org/docs/getting-started.html

  11. Time for value Source: f36.contentful.com/

  12. Source: chakra-ui.com/docs/form/icon-button

  13. Stripe friction logs technique Source: Suz Hinton shoptalkshow.com/409/#t=08:34

  14. Onboarding Image source: Unsplash

  15. Chakra onboarding Source: chakra-ui.com/docs/getting-started

  16. 3. Feedback Image source: Unsplash

  17. GitHub issue is not the only way to receive Feedback

    Image source: Unsplash

  18. Next Js Documentation Feedback Source: nextjs.org/docs

  19. Google Cloud Docs Feedback

  20. 4. Purpose

  21. Source: twitter.com/ashlie/status/1425506038506147840

  22. Source: twitter.com/ashlie/status/1425506038506147840

  23. Source: design.gitlab.com/

  24. 5. Beyond UI Image source: Unsplash

  25. “People don’t want a quarter-inch drill. They want a quarter-inch

    hole.” - Theodore Levitt Jobs to be done of your consumer Image source: Unsplash
  26. None
  27. None

  28. 6. Design systems entropy Image source: Unsplash

  29. Single source of truth Image source: thenounproject

  30. 7. Contribution Image source: Unsplash

  31. Consumer VS contributor Image source: Unsplash

  32. Contributions from outside Source: seek-oss.github.io/braid-design-system/guides/contribution/

  33. Ways to contribute Source: mantine.dev/contribute/

  34. Clear steps Source: hds.hel.fi/contributing/before-contributing

  35. Celebrate the contribution Source: github.com/contentful/forma-36

  36. 8. Layout Image source: Unsplash

  37. Commercetools UIKit Source: uikit.commercetools.com/

  38. Braid Design System Layout Source: seek-oss.github.io/braid-design-system/foundations/layout

  39. 9. Information architecture Image source: Unsplash

  40. Helsinki Design System Source: hds.hel.fi

  41. 10. Maintenance Image source: Unsplash

  42. Create new reusable components Image source: Unsplash

  43. Deprecate components Image source: Unsplash

  44. Pair Programming with your consumers Image source: Undraw

  45. Do You Have Any Questions? Image source: thenounproject

  46. Thanks Twitter: @anilbms75 Email: anilbms75@gmail.com Linkedin: linkedin.com/in/anilkrishnashetty