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
260
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
37
Unlocking a world of accessibility: how internationalization is the key
anilkumar
0
61
Enhance Developer Experience by community - Code.talks 2023
anilkumar
0
93
Internationalization(i18n) of your Next.js 13 apps using i18next - enterJS 2023
anilkumar
0
87
Enhance Developer Experience by community
anilkumar
0
23
DX IS NOT THE SAME AS UX
anilkumar
0
30
10 Key Mistakes In Your API Docs and How to Avoid Them - API conference 27th April 2023
anilkumar
0
17
DESIGN-STAGE LOCALIZATION
anilkumar
0
27
why-pair-programming-is-the-best-usability-testing-technique
anilkumar
1
37
Other Decks in Design
See All in Design
政策広報実践講座_講演資料ダイジェスト2
capitolthink
0
110
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
370
発表資料テンプレート / My slide template
thatblue
0
180
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
150
How to go from research data to insights?
mastervicedesign
0
210
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
yappli_developers
0
100
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
550
セブンデックス カルチャーブック
sevendex
0
780
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
470
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
240
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
220
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
5
390
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Practical Orchestrator
shlominoach
186
10k
No one is an island. Learnings from fostering a developers community.
thoeni
20
3.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.4k
Music & Morning Musume
bryan
46
6.3k
Documentation Writing (for coders)
carmenintech
67
4.6k
Adopting Sorbet at Scale
ufuk
74
9.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Thoughts on Productivity
jonyablonski
68
4.4k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
39
1.9k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
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