Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
10 key mistakes the Design Systems team makes and how to avoid them?
anilbms75@gmail.com
September 29, 2021
Design
1
170
10 key mistakes the Design Systems team makes and how to avoid them?
anilbms75@gmail.com
September 29, 2021
Tweet
Share
More Decks by anilbms75@gmail.com
See All by anilbms75@gmail.com
TypeScript pitfalls you should avoid for great Developer Experience
anilkumar
0
7
Introduction to BDD with Cypress e2e tests
anilkumar
0
30
Your locators are fragile! Make them strong with test data attributes
anilkumar
0
33
Graphical interface to voice interface
anilkumar
1
70
Meetup as Startup
anilkumar
0
15
Conversational UI is your ultimate MVP
anilkumar
0
58
Other Decks in Design
See All in Design
Episode 5 Onyx Monster Mysteries Song sequence
ivettetwin
0
290
はじめまして、株式会社サインコサインです。(2022.04)
kakukoki
PRO
2
3.2k
UI/UXデザイナーになるには 日常編
kimurakei
0
370
やさしいBacklogの使い方
wattlaa
2
420
デザイン編 Hatena Engineer Seminar #19
takuwolog
2
610
アンドパッドのデザインシステムの今までとこれから
sizucca
2
1.2k
2021年度進級制作展プレゼンスライド
nagi_1073
0
190
Similarities Between Building Construction and Software Design Systems
shotakugawa_meijin
0
210
Illustration journey @Yahoo
xuechunwu
0
560
開発現場でのサービスデザインとモデリング
tyshgc
PRO
6
1.5k
Talent Show-Down (2022)
gyroidz
1
140
decksh object reference
ajstarks
0
220
Featured
See All Featured
Statistics for Hackers
jakevdp
781
210k
Ruby is Unlike a Banana
tanoku
91
9.2k
Making Projects Easy
brettharned
98
4.3k
The World Runs on Bad Software
bkeepers
PRO
56
5.2k
GitHub's CSS Performance
jonrohan
1020
410k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
236
1M
Testing 201, or: Great Expectations
jmmastey
21
5.4k
What the flash - Photography Introduction
edds
61
9.9k
The Pragmatic Product Professional
lauravandoore
19
2.9k
4 Signs Your Business is Dying
shpigford
169
20k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_i
21
14k
How to name files
jennybc
39
58k
Transcript
10 key mistakes the Design Systems team makes and how
to avoid them? By ANIL KUMAR @anilbms75
None
None
Experience
Contentful Contentful Web app Customers/ Partners Custom app Developer Content
creators /editors Websites
1. Documentation Image source: Unsplash
Documentation is not for just you, its for your consumers
None
2. Getting started Image source: Unsplash
Source: reactjs.org/docs/getting-started.html
Time for value Source: f36.contentful.com/
Source: chakra-ui.com/docs/form/icon-button
Stripe friction logs technique Source: Suz Hinton shoptalkshow.com/409/#t=08:34
Onboarding Image source: Unsplash
Chakra onboarding Source: chakra-ui.com/docs/getting-started
3. Feedback Image source: Unsplash
GitHub issue is not the only way to receive Feedback
Image source: Unsplash
Next Js Documentation Feedback Source: nextjs.org/docs
Google Cloud Docs Feedback
4. Purpose
Source: twitter.com/ashlie/status/1425506038506147840
Source: twitter.com/ashlie/status/1425506038506147840
Source: design.gitlab.com/
5. Beyond UI Image source: Unsplash
“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
None
None
6. Design systems entropy Image source: Unsplash
Single source of truth Image source: thenounproject
7. Contribution Image source: Unsplash
Consumer VS contributor Image source: Unsplash
Contributions from outside Source: seek-oss.github.io/braid-design-system/guides/contribution/
Ways to contribute Source: mantine.dev/contribute/
Clear steps Source: hds.hel.fi/contributing/before-contributing
Celebrate the contribution Source: github.com/contentful/forma-36
8. Layout Image source: Unsplash
Commercetools UIKit Source: uikit.commercetools.com/
Braid Design System Layout Source: seek-oss.github.io/braid-design-system/foundations/layout
9. Information architecture Image source: Unsplash
Helsinki Design System Source: hds.hel.fi
10. Maintenance Image source: Unsplash
Create new reusable components Image source: Unsplash
Deprecate components Image source: Unsplash
Pair Programming with your consumers Image source: Undraw
Do You Have Any Questions? Image source: thenounproject
Thanks Twitter: @anilbms75 Email: anilbms75@gmail.com Linkedin: linkedin.com/in/anilkrishnashetty