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
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
430
Liquid GlassとApp Intents
touyou
0
400
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1.2k
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
190
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
140
佐藤千晶|ポートフォリオ
chimi_chia
0
180
harutaka Vision Deck
zenkigenforrecruit
0
260
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
110
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
130
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
560
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
860
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
430
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
185
22k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
A better future with KSS
kneath
239
18k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
BBQ
matthewcrist
89
9.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.9k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Embracing the Ebb and Flow
colly
88
4.8k
RailsConf 2023
tenderlove
30
1.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