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 and how to avoid them?
Search
[email protected]
September 29, 2021
Design
1
240
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
16
Unlocking a world of accessibility: how internationalization is the key
anilkumar
0
28
Enhance Developer Experience by community - Code.talks 2023
anilkumar
0
63
Internationalization(i18n) of your Next.js 13 apps using i18next - enterJS 2023
anilkumar
0
71
Enhance Developer Experience by community
anilkumar
0
11
DX IS NOT THE SAME AS UX
anilkumar
0
16
10 Key Mistakes In Your API Docs and How to Avoid Them - API conference 27th April 2023
anilkumar
0
10
DESIGN-STAGE LOCALIZATION
anilkumar
0
9
why-pair-programming-is-the-best-usability-testing-technique
anilkumar
1
33
Other Decks in Design
See All in Design
言語やロールの違いを超えて、一緒にデザインしていくための挑戦
hrtnde
0
1.2k
ポートフォリオ思考を通じたデザイナーキャリアの形成と未来への展望
recruitengineers
PRO
3
2.1k
B/43プラスカードができるまで
putchomsmartbank
0
430
デザイナー向け会社紹介資料/company-profile-designer
nextbeat
0
800
UX/UI改善に貢献するユーザーテストとは? 基礎知識から実施のプロセスまで解説
ncdc
0
280
231129_FOSS4G-ASIA-2023_kato
hjmkth
0
270
Ride or Die Animatics
warwatkar
0
130
Métricas de UX - Reflexões sobre o uso de dados numéricos no contexto de UX
videlvequio
0
120
DMN2024年度プログラム
mct
0
350
noteのアクセシビリティ これまでのプロダクト・組織へのアプローチとこれからのこと
tatsuyasawanobori
0
980
Apple提供アプリのナビゲーションバーアイテムクイズ / 20231110-hig
uhooi
1
160
ゲームクリエイター、事業会社のデザイナーになる
satomium1
0
160
Featured
See All Featured
Fireside Chat
paigeccino
19
2.6k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
How GitHub Uses GitHub to Build GitHub
holman
467
290k
Large-scale JavaScript Application Architecture
addyosmani
501
110k
Build your cross-platform service in a week with App Engine
jlugia
223
17k
WebSockets: Embracing the real-time Web
robhawkes
59
6.9k
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
Fontdeck: Realign not Redesign
paulrobertlloyd
75
4.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
8
8.2k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Become a Pro
speakerdeck
PRO
8
4.4k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
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