10 key mistakes theDesign Systems teammakes and how toavoid them?By ANIL KUMAR @anilbms75
View Slide
Experience
ContentfulContentful WebappCustomers/PartnersCustom appDeveloperContent creators/editorsWebsites
1. DocumentationImage source: Unsplash
Documentation is not for just you, its for yourconsumers
2. Getting startedImage source: Unsplash
Source: reactjs.org/docs/getting-started.html
Time for valueSource: f36.contentful.com/
Source: chakra-ui.com/docs/form/icon-button
Stripe friction logs techniqueSource: Suz Hinton shoptalkshow.com/409/#t=08:34
OnboardingImage source: Unsplash
Chakra onboardingSource: chakra-ui.com/docs/getting-started
3. FeedbackImage source: Unsplash
GitHub issue is not the only wayto receive FeedbackImage source: Unsplash
Next Js Documentation FeedbackSource: nextjs.org/docs
Google Cloud Docs Feedback
4. Purpose
Source: twitter.com/ashlie/status/1425506038506147840
Source: design.gitlab.com/
5. Beyond UIImage source: Unsplash
“People don’t want aquarter-inch drill. Theywant a quarter-inchhole.”- Theodore LevittJobs to be done ofyour consumerImage source: Unsplash
6. Design systems entropyImage source: Unsplash
Single source of truthImage source: thenounproject
7. ContributionImage source: Unsplash
Consumer VS contributorImage source: Unsplash
Contributions from outsideSource: seek-oss.github.io/braid-design-system/guides/contribution/
Ways to contributeSource: mantine.dev/contribute/
Clear stepsSource: hds.hel.fi/contributing/before-contributing
Celebrate the contributionSource: github.com/contentful/forma-36
8. LayoutImage source: Unsplash
Commercetools UIKitSource: uikit.commercetools.com/
Braid Design System LayoutSource: seek-oss.github.io/braid-design-system/foundations/layout
9. Information architectureImage source: Unsplash
Helsinki Design SystemSource: hds.hel.fi
10. MaintenanceImage source: Unsplash
Create new reusable componentsImage source: Unsplash
Deprecate componentsImage source: Unsplash
Pair Programming with your consumersImage source: Undraw
Do You Have Any Questions?Image source: thenounproject
ThanksTwitter: @anilbms75Email: [email protected]Linkedin: linkedin.com/in/anilkrishnashetty