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

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

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

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
TypeScript pitfalls you should avoid for great Developer Experience
333282932dc4bbc5b3bef9cd172d0e8f?s=48 anilkumar
0
7
Introduction to BDD with Cypress e2e tests
333282932dc4bbc5b3bef9cd172d0e8f?s=48 anilkumar
0
30
Your locators are fragile! Make them strong with test data attributes
333282932dc4bbc5b3bef9cd172d0e8f?s=48 anilkumar
0
33
Graphical interface to voice interface
333282932dc4bbc5b3bef9cd172d0e8f?s=48 anilkumar
1
70
Meetup as Startup
333282932dc4bbc5b3bef9cd172d0e8f?s=48 anilkumar
0
15
Conversational UI is your ultimate MVP
333282932dc4bbc5b3bef9cd172d0e8f?s=48 anilkumar
0
58

Other Decks in Design

See All in Design
Episode 5 Onyx Monster Mysteries Song sequence
5bce9e09e585aed42d646c47c7da38e0?s=48 ivettetwin
0
290
はじめまして、株式会社サインコサインです。（2022.04）
6581d0d2debbc8be5e4808cf46b4f104?s=48 kakukoki
PRO
2
3.2k
UI/UXデザイナーになるには　日常編
633aea3a27016b588cfa67cce4df7f15?s=48 kimurakei
0
370
やさしいBacklogの使い方
Ff18a27b908029695ca70b144d42e3ba?s=48 wattlaa
2
420
デザイン編 Hatena Engineer Seminar #19
7ee8ca88aa7f99cafd91a79f9734668c?s=48 takuwolog
2
610
アンドパッドのデザインシステムの今までとこれから
98616aa6b83a1cd3f1c7d22e2e1ad526?s=48 sizucca
2
1.2k
2021年度進級制作展プレゼンスライド
2979d12b0c105e012d9c317af56d6869?s=48 nagi_1073
0
190
Similarities Between Building Construction and Software Design Systems
9347fe838093bda2909399174501f24a?s=48 shotakugawa_meijin
0
210
Illustration journey @Yahoo
Dc9d3d8370a9655046689bfb5a8c086d?s=48 xuechunwu
0
560
開発現場でのサービスデザインとモデリング
332a3cac4844d33179de6389b9d5f186?s=48 tyshgc
PRO
6
1.5k
Talent Show-Down (2022)
Eb0cae63029ad6b66dfe7005e89c1473?s=48 gyroidz
1
140
decksh object reference
7eca3e06edc3c69004aaf57de51900c2?s=48 ajstarks
0
220

Featured

See All Featured
Statistics for Hackers
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
781
210k
Ruby is Unlike a Banana
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
91
9.2k
Making Projects Easy
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
98
4.3k
The World Runs on Bad Software
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
56
5.2k
GitHub's CSS Performance
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
410k
XXLCSS - How to scale CSS and keep your sanity
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
236
1M
Testing 201, or: Great Expectations
A9704266587836f7e784235e5073b93e?s=48 jmmastey
21
5.4k
What the flash - Photography Introduction
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
61
9.9k
The Pragmatic Product Professional
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
19
2.9k
4 Signs Your Business is Dying
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
169
20k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
E425fe9f170efa0dfaf8ab69d7107418?s=48 aki_i
21
14k
How to name files
0a4f62e90c976eeb44d33add75cca5af?s=48 jennybc
39
58k

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