keeping your design system alive - on.notist.cloud · do a talk on vanilla at an event create...

38
Keeping your design system alive @yaili View Source, London, October 2017

Upload: others

Post on 16-Oct-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io

Keeping your design system alive@yaili View Source, London, October 2017

Page 2: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io

About me…

Page 3: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 4: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 5: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 6: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 7: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 8: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io

A quick intro

Page 9: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io

“design system”

Page 10: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 11: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 12: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io

1. Put someone in charge

Page 13: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 14: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io

“System enthusiasts must become entrepreneurs, pitching and selling ideas that get a possibly resistant organization to commit.” —Nathan Curtis

Page 15: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io

2. Have a roadmap

Page 16: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 17: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 18: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io

3. Be open

Page 19: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 20: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 21: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 22: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io

4. Define contribution process

Page 23: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 24: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 25: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io

5. Look after the docs

Page 26: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 27: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 28: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 29: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io

6. Make things easy to find

Page 30: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 31: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 32: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io

7. Plan maintenance

Page 33: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io

“A system isn’t a project with an end, it’s the origin story of a living and evolving product that’ll serve other products.” —Nathan Curtis

Page 34: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 35: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io
Page 36: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io

1. Put someone in charge 2. Have a roadmap 3. Be open 4. Define contribution process 5. Look after documentation 6. Make things easy to find 7. Plan maintenance

Page 37: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io

@yaili github.com/yaili/speaking — designers: bit.ly/mup-jobs developers: bit.ly/yld-jobs

Page 38: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io

Thank you!