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
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
26
Unlocking a world of accessibility: how internationalization is the key
anilkumar
0
44
Enhance Developer Experience by community - Code.talks 2023
anilkumar
0
76
Internationalization(i18n) of your Next.js 13 apps using i18next - enterJS 2023
anilkumar
0
76
Enhance Developer Experience by community
anilkumar
0
18
DX IS NOT THE SAME AS UX
anilkumar
0
23
10 Key Mistakes In Your API Docs and How to Avoid Them - API conference 27th April 2023
anilkumar
0
13
DESIGN-STAGE LOCALIZATION
anilkumar
0
14
why-pair-programming-is-the-best-usability-testing-technique
anilkumar
1
35
Other Decks in Design
See All in Design
PdMを始めたUIデザイナーのリアルな課題
muture
0
620
Speed Design
sergeychernyshev
9
270
Designing UIs without a UI designer
strongeron
0
240
Web 組版の課題とその解法
yamatoiizuka
0
150
マルチプロダクトの価値と開発をスケールさせる、パターンレベルのデザインシステム
fkady
3
750
アクセシビリティって何だろう? -アクセシビリティの概念、そして向き合い方まで-
securecat
5
930
User Experience Design für Entwickler
joergneumann
4
910
Cхематизация процессов и пользовательского опыта с Картой процесса-опыта
ashapiro
0
160
Fooocus(Stable DiffusionXL)で アニメ画像生成の仕方
otanet
0
1.4k
Designing and Automating Component Specifications
nathanacurtis
3
310
雑誌『広告』をサイズ展開する
takuro_nakajima
PRO
0
1.7k
Installing and Running decksh/pdfdeck
ajstarks
1
570
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
224
21k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
We Have a Design System, Now What?
morganepeng
46
7k
Agile that works and the tools we love
rasmusluckow
325
20k
Testing 201, or: Great Expectations
jmmastey
33
6.9k
Git: the NoSQL Database
bkeepers
PRO
423
64k
Art, The Web, and Tiny UX
lynnandtonic
291
20k
Learning to Love Humans: Emotional Interface Design
aarron
269
39k
A better future with KSS
kneath
231
17k
Web development in the modern age
philhawksworth
203
10k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
Into the Great Unknown - MozCon
thekraken
20
1.3k
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