Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The components of a successful design system : Architecting a system to facilitate culture change in an organization

D7424ff0e1dc983d898de62c7496c321?s=47 uxindia
October 25, 2019
Design
0
26

The components of a successful design system : Architecting a system to facilitate culture change in an organization

UXINDIA2019: India's biggest international conference on User Experience Design which is being celebrated on Sep 9, 10 & 11 at Novotel HICC, Hyderabad.
www.ux-india.org/uxindia2019
#ux #uxindia #uxindia2019 #designthinking #uxi19 #uxconference #umodesign

D7424ff0e1dc983d898de62c7496c321?s=128

uxindia

October 25, 2019
Tweet

More Decks by uxindia

See All by uxindia
D7424ff0e1dc983d898de62c7496c321?s=48 uxindia
1
110
D7424ff0e1dc983d898de62c7496c321?s=48 uxindia
0
90
D7424ff0e1dc983d898de62c7496c321?s=48 uxindia
0
36
D7424ff0e1dc983d898de62c7496c321?s=48 uxindia
0
52
D7424ff0e1dc983d898de62c7496c321?s=48 uxindia
0
44
D7424ff0e1dc983d898de62c7496c321?s=48 uxindia
0
34
D7424ff0e1dc983d898de62c7496c321?s=48 uxindia
0
63
D7424ff0e1dc983d898de62c7496c321?s=48 uxindia
0
43
D7424ff0e1dc983d898de62c7496c321?s=48 uxindia
0
44

Other Decks in Design

See All in Design
C017f3b100cbaa3127ac95d9544c70d9?s=48 maxsbow
0
170
A8cc43c01d74d9e6c05542c3fddf9204?s=48 agirlwithapen
0
130
D4ad7f4022b9b86c2da92a718df3aeba?s=48 doyung
0
110
4e23e19dd06656e17fb3ba86b598e887?s=48 exawizards
0
230
A8cc43c01d74d9e6c05542c3fddf9204?s=48 agirlwithapen
0
140
46d1b2c70b5415d9ba8d4456e8760b83?s=48 danielvdr
0
120
3ed98d0c9704e28a7da4d5d7ea9c320f?s=48 roudakov
0
210
5d2e1fa8c731ec227fda8adee714cc9d?s=48 ka3zu1ma10
0
200
E3b55df6f02b7398173190fbb852f410?s=48 sekiguchiy
2
510
C017f3b100cbaa3127ac95d9544c70d9?s=48 maxsbow
1
170
E4d3bf2e52b00413efb34cc6e7433f3a?s=48 demarco
0
130
3d895659a74acee6d37b3674f6f7b650?s=48 heewon
0
170

Featured

See All Featured
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
15
770
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
195
16k
78b475797a14c84799063c7cd073962f?s=48 holman
463
280k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
107
6.4k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
334
29k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
98
5.6k
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
342
16k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
224
15k
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
43
4.8k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
277
17k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
91
3.5k

Transcript

  1. None

  2. THE COMPONENTS OF A SUCCESSFUL DESIGN SYSTEM Socialization, partnerships, and

    prioritization Ken Skistimas Design Manager, Facebook
  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None

  13. Design

  14. Code Design

  15. Code Tooling Design

  16. HH:mm:ss HH:mm:ss Cancel Apply 8 2 1 9 3 4

    11 5 12 6 13 7 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 10 Su Mo Tu We Th Fr Sa April 2018 4 5 7 1 8 2 9 3 10 11 12 13 14 15 16 17 18 19 20 21 28 29 30 31 22 23 24 25 26 27 6 Su Mo Tu We Th Fr Sa March 2018 Option Option Option Action Input Text LABEL Hint Text Cancel Apply TO 09:12:33 AM UTC 03/28/2018 09:12:33 AM UTC 03/28/2018 List Item List Item List Item Selected Breadcrumb Breadcrumb Breadcrumb % 15 Alpha 75 Beta 60 Gamma 45 Delta 30 Epsilon 20 Regular 15 Zeta 12 Item Name Item Name Item Name Item Name Item Name 3 8 2 7 5 1 6 4 9 of 1800 11-20 Rows per page 10 2014-02-17, 19:33:51 2014-02-17, 19:33:51 2014-02-17, 19:33:51 2014-02-17, 19:33:51 2014-02-17, 19:33:51 2014-02-17, 19:33:51 2014-02-17, 19:33:51 2014-02-17, 19:33:51 2014-02-17, 19:33:51 2014-02-17, 19:33:51 LAST OCCURRENCE .../Unit1/HRSG/ .../Unit1/HRSG/ .../Unit1/HRSG/ .../Unit1/HRSG/ .../Unit1/HRSG/ .../Unit1/HRSG/ .../Unit1/HRSG/ .../Unit1/HRSG/ .../Unit1/HRSG/ .../Unit1/HRSG/ ASSET PATH 39VS11 39VS11 39VS11 39VS11 39VS11 39VS11 39VS11 39VS11 39VS11 39VS11 POINT psi m/s psi m/s psi m/s psi psi m/s m/s UNITS crank-frame-dischargepressure crank-frame-compressionratio crank-frame-suctionpressure crank-frame-compressionratio crank-frame-compressionratio crank-frame-dischargepressure crank-frame-compressionratio crank-frame-suctionpressure crank-frame-dischargepressure crank-frame-compressionratio METER Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim. Dialog Title Cancel Save 1 Status update: Hey this is a message about the status of a bad machine. View Tab Navigation Tab Navigation Tab Navigation Tab Navigation Search Option Option Option Default CTA Step 4 Step 3 Step 2 Step 1
  17. None

  18. Product Surface Design System

  19. Product Surface Design System

  20. Product Surface Design System Backlog

  21. A DESIGN SYSTEM IS A PRODUCT A design system needs

    to deliver value to the customers of the products it’s serving.

  22. A DESIGN SYSTEM IS A PRODUCT A design system needs

    to deliver value to the customers of the products it’s serving. While solving a problem for product teams inside your company.

  23. DESIGN SYSTEM + PRODUCT FEATURES = VALUE Styling + new

    features Redesign Styling only VALUE LOW HIGH

  24. Products Design System

  25. Code Tooling Design DELIVERY OF THE SYSTEM

  26. Are you building the right things?

  27. Socialization

  28. Design can be a black box. TRANSPARENCY

  29. Design can be a black box. Design systems are always

    evolving. TRANSPARENCY

  30. Open the process. Design can be a black box. Design

    systems are always evolving. TRANSPARENCY
  31. None

  32. Product Management Engineering Content Strategy Data Science User Research Product

    Marketing INCLUDE CROSS FUNCTIONS
  33. None

  34. Socialization

  35. Partnerships Socialization

  36. Seek out influential product surfaces. Align on priorities and create

    shared goals. PARTNERSHIPS Make the system real as soon as possible.

  37. ALIGN TO PRODUCT ROADMAPS New UI Feature Performance Improvements Perf

    + New UI Feature

  38. ALIGN TO PRODUCT ROADMAPS New UI Feature Performance Improvements Perf

    + New UI Feature OPPORTUNITIES TO INTEGRATE
  39. None
  40. None
  41. None
  42. None

  43. Partnerships Socialization Prioritization

  44. None
  45. None

  46. Use data and metrics to prioritize. Cross reference with strategic

    initiatives. FOCUS YOUR EFFORTS Socialize who you’re supporting and why.

  47. Partnerships Socialization Prioritization THE COMPONENTS OF A SUCCESSFUL SYSTEM

  48. Code Tooling Design INFORM THE DELIVERY

  49. Products Design System

  50. What you need to build will be informed by the

    relationships you've built.

  51. HH:mm:ss HH:mm:ss Cancel Apply 8 2 1 9 3 4

    11 5 12 6 13 7 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 10 Su Mo Tu We Th Fr Sa April 2018 4 5 7 1 8 2 9 3 10 11 12 13 14 15 16 17 18 19 20 21 28 29 30 31 22 23 24 25 26 27 6 Su Mo Tu We Th Fr Sa March 2018 Option Option Option Action Input Text LABEL Hint Text Cancel Apply TO 09:12:33 AM UTC 03/28/2018 09:12:33 AM UTC 03/28/2018 List Item List Item List Item Selected Breadcrumb Breadcrumb Breadcrumb % 15 Alpha 75 Beta 60 Gamma 45 Delta 30 Epsilon 20 Regular 15 Zeta 12 Item Name Item Name Item Name Item Name Item Name 3 8 2 7 5 1 6 4 9 of 1800 11-20 Rows per page 10 2014-02-17, 19:33:51 2014-02-17, 19:33:51 2014-02-17, 19:33:51 2014-02-17, 19:33:51 2014-02-17, 19:33:51 2014-02-17, 19:33:51 2014-02-17, 19:33:51 2014-02-17, 19:33:51 2014-02-17, 19:33:51 2014-02-17, 19:33:51 LAST OCCURRENCE .../Unit1/HRSG/ .../Unit1/HRSG/ .../Unit1/HRSG/ .../Unit1/HRSG/ .../Unit1/HRSG/ .../Unit1/HRSG/ .../Unit1/HRSG/ .../Unit1/HRSG/ .../Unit1/HRSG/ .../Unit1/HRSG/ ASSET PATH 39VS11 39VS11 39VS11 39VS11 39VS11 39VS11 39VS11 39VS11 39VS11 39VS11 POINT psi m/s psi m/s psi m/s psi psi m/s m/s UNITS crank-frame-dischargepressure crank-frame-compressionratio crank-frame-suctionpressure crank-frame-compressionratio crank-frame-compressionratio crank-frame-dischargepressure crank-frame-compressionratio crank-frame-suctionpressure crank-frame-dischargepressure crank-frame-compressionratio METER Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim. Dialog Title Cancel Save 1 Status update: Hey this is a message about the status of a bad machine. View Tab Navigation Tab Navigation Tab Navigation Tab Navigation Search Option Option Option Default CTA Step 4 Step 3 Step 2 Step 1

  52. Product Design System Product Product Product Product Product Product Product

  53. A design system can influence cultural change at your company.

  54. Start by identifying the value. Open the black box of

    design. MY ASKS TO YOU Ruthlessly prioritize. ...and make great products.

  55. THANK YOU! Ken Skistimas @kskistimas /in/kskistimas