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

10 key mistakes the Design Systems team makes a...

Avatar for Anil Kumar krishnashetty Anil Kumar krishnashetty
September 29, 2021
Design
280
1

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

Avatar for Anil Kumar krishnashetty

Anil Kumar krishnashetty

September 29, 2021

More Decks by Anil Kumar krishnashetty

See All by Anil Kumar krishnashetty
Enhance Developer Experience by community - Dublin DevRel Meetup
Avatar for Anil Kumar krishnashetty anilkumar
0
60
Unlocking a world of accessibility: how internationalization is the key
Avatar for Anil Kumar krishnashetty anilkumar
0
89
Enhance Developer Experience by community - Code.talks 2023
Avatar for Anil Kumar krishnashetty anilkumar
0
140
Internationalization(i18n) of your Next.js 13 apps using i18next - enterJS 2023
Avatar for Anil Kumar krishnashetty anilkumar
0
120
Enhance Developer Experience by community
Avatar for Anil Kumar krishnashetty anilkumar
0
39
DX IS NOT THE SAME AS UX
Avatar for Anil Kumar krishnashetty anilkumar
0
62
10 Key Mistakes In Your API Docs and How to Avoid Them - API conference 27th April 2023
Avatar for Anil Kumar krishnashetty anilkumar
0
43
DESIGN-STAGE LOCALIZATION
Avatar for Anil Kumar krishnashetty anilkumar
0
42
why-pair-programming-is-the-best-usability-testing-technique
Avatar for Anil Kumar krishnashetty anilkumar
1
79

Other Decks in Design

See All in Design
Edmonton River Slidedeck
Avatar for Edmonton River edmontonriver
0
140
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
540
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
Avatar for Takahiro Yamaguchi hiro93n
1
360
kintone開発における​ライターの役割の変化​〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
Avatar for keroyama keroyama
0
160
「惜しいデザイン」 を生み出さないための AIレビューループ
Avatar for Kazuhiro Tobita 0b1tk
3
2.9k
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
Avatar for ChiemiTaki chiemitaki
1
270
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
Avatar for ryu ryu1013
0
210
CULTURE DECK／Creative Director
Avatar for M-HAND,Inc. mhand01
0
1.4k
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
2
3.3k
Debiasing Your Software Design Decision-Making @ Flowcon '26
Avatar for Kenny Baas-Schwegler baasie
1
140
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
170
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
Avatar for 松村 大貴｜Butterfly Lab株式会社 dmattsun
2
270

Featured

See All Featured
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
460
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
890
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
520
How to make the Groovebox
Avatar for あそなす asonas
2
2.3k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
290
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.9k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k

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: [email protected] Linkedin: linkedin.com/in/anilkrishnashetty