Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
10 key mistakes the Design Systems team makes a...
Search
[email protected]
September 29, 2021
Design
1
270
10 key mistakes the Design Systems team makes and how to avoid them?
[email protected]
September 29, 2021
Tweet
Share
More Decks by
[email protected]
See All by
[email protected]
Enhance Developer Experience by community - Dublin DevRel Meetup
anilkumar
0
50
Unlocking a world of accessibility: how internationalization is the key
anilkumar
0
75
Enhance Developer Experience by community - Code.talks 2023
anilkumar
0
120
Internationalization(i18n) of your Next.js 13 apps using i18next - enterJS 2023
anilkumar
0
100
Enhance Developer Experience by community
anilkumar
0
29
DX IS NOT THE SAME AS UX
anilkumar
0
43
10 Key Mistakes In Your API Docs and How to Avoid Them - API conference 27th April 2023
anilkumar
0
26
DESIGN-STAGE LOCALIZATION
anilkumar
0
37
why-pair-programming-is-the-best-usability-testing-technique
anilkumar
1
51
Other Decks in Design
See All in Design
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
390
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
130
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
culumu
1
400
アクセシビリティに取り組むメリット
magi1125
2
270
Findyのプロデチームの 歩みとこれから
satty9556
0
320
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
bitkey
PRO
0
100
CursorでAI活用のナレッジベースを構築する
kanzaki
0
780
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
root_recruit
PRO
0
160
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
150
portfolio.pdf
onof003
0
200
7 Core Values of Round-L
wired888
0
2.3k
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Side Projects
sachag
455
43k
Designing for Performance
lara
610
69k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Scaling GitHub
holman
463
140k
How to Ace a Technical Interview
jacobian
280
24k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Designing for humans not robots
tammielis
254
26k
For a Future-Friendly Web
brad_frost
180
10k
Mobile First: as difficult as doing things right
swwweet
225
10k
Visualization
eitanlees
149
16k
Docker and Python
trallard
46
3.6k
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:
[email protected]
Linkedin: linkedin.com/in/anilkrishnashetty