Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

The GE Design System and thoughts about craft at scale (David Cronin at Enterprise UX 2015)

3,244 views

Published on

David Cronin: "The GE Design System and thoughts about craft at scale"
Enterprise UX 2015 • May 13, 2015 • San Antonio, TX, USA
http://enterpriseux.net

Published in: Design

The GE Design System and thoughts about craft at scale (David Cronin at Enterprise UX 2015)

  1. 1. The GE Design System and thoughts about craft at scale DAVID CRONIN @davcron
  2. 2. I work at GE
  3. 3. I work at GE
  4. 4. I work at GE
  5. 5. I work at GE
  6. 6. I work at GE
  7. 7. I work at GE
  8. 8. GE Software & The Industrial Internet
  9. 9. The UX CoE (2012)
  10. 10. My idea of craft, at the time Smithsonian Cooper-Hewitt, National Design Museum
  11. 11. We soon began to understand 
 the reality of the mission
  12. 12. The origin story…
  13. 13. Design systems
  14. 14. Design Systems
  15. 15. Menus Figure 4-7 A feedback technique Keep in mind when you decide your timing issues that people have built-in expectations about how long they want to wait for an operation to be completed. Try to provide your users with feedback that lets them know that the computer is still working. 1. 2. 3. Design systems
  16. 16. Design systems commonly include A modular set of parts Frameworks & patterns for structure, form, composition, appearance, behavior Standards of tone and character
  17. 17. Forming the vision
  18. 18. Design system hypothesis #1 Product teams could use it to be (somewhat) successful without some or no UX design help.
  19. 19. Design system hypothesis #2 It would accelerate software development & product definition.
  20. 20. Design system hypothesis #3 It would align the efforts of a decentralized community of UX designers across GE.
  21. 21. Design system hypothesis #4 It would allow designers to focus on the the interesting, novel stuff.
  22. 22. Design system hypothesis #5 It would allow us to evolve our product experiences in a 
 unified way
  23. 23. The Industrial Internet Design System = Visual Language + Interaction Patterns + Technology Framework
  24. 24. The Industrial Internet 
 Design System 1.0
  25. 25. The Tearsheet
  26. 26. Navigation
  27. 27. Forms
  28. 28. Toggles & sliders
  29. 29. Time series plots
  30. 30. Time series calendar
  31. 31. Meters
  32. 32. Radar plot
  33. 33. RESPONSIVENESS
  34. 34. The Software Design Hub
  35. 35. DISTRIBUTION
  36. 36. PERSONAS
  37. 37. Design Principles Respect your audience Understand who your users are and 
 how they work. Lead with information Content is king, but don't overload users. Adapt to context Design and adapt appropriately to methods 
 of user access. Inspire through UX Instill confidence and optimism throughout the 
 user experience.
  38. 38. Reference Applications
  39. 39. Stencils
  40. 40. Code enabled <title>Dashboard View</title> <meta name="viewport" content="width=device-width"> <link href="./css/themes/iids/iids.min.css" rel="stylesheet"> <!-- Include modernizr and respond first so they can shim any elements which are missing in older browsers. Other javascripts should be included at the end of the page to improve load time. --> <script src="./js/vendor/modernizr-respond.js"></script> </head> <body> <div class="navbar"> <div class="masthead navbar-inner"> <div class="container"> <a class="brand" href="#"><span class="ge-logo">General Electric</span> My Application <small><i>powered by</i> GE Business</small></a> <button class="btn btn-collapse" data-toggle="collapse" data-target=".primary- navbar,.workspace-navbar"> <i class="icon-bar"></i> <i class="icon-bar"></i> <i class="icon-bar"></i> </button>
  41. 41. Evangelism, Adoption, Impact
  42. 42. Web Analytics / First 6 Months Overview  Sessions September 2012 October 2012 November 2012 December 2012 January 2013 February 2013 100100100 200200200 Sessions 2,869 Users 1,341 Pageviews 10,136 Pages / Session 3.53 Avg. Session Duration 00:05:31 Bounce Rate 33.57% % New Sessions 42.45% Returning Visitor New Visitor 42.6% 57.4% 100.00% Unique downloads: 936
  43. 43. Web Analytics / To date Overview  Sessions January 2013 July 2013 January 2014 July 2014 January 2015 200200200 400400400 Sessions 12,657 Users 7,055 Pageviews 47,421 Pages / Session 3.75 Avg. Session Duration 00:04:40 Bounce Rate 31.53% % New Sessions 54.74% New Visitor Returning Visitor 45.1% 54.9% 100.00% Unique downloads: 11,000 Dist. w Predix: 8,152
  44. 44. Organizational Evolution, Design System Evolution
  45. 45. The GE Design System
  46. 46. The Healthcare 
 Design System Extension
  47. 47. Patient list
  48. 48. Directional pad
  49. 49. The Communication 
 Design System Extension
  50. 50. New widgets, a lighter looks
  51. 51. Product site templates
  52. 52. GE Oil & Gas dot com
  53. 53. IIDx Extension
  54. 54. Basic mapping
  55. 55. Pop-overs
  56. 56. Markers
  57. 57. Predix Go
  58. 58. Typefaces GE Sans Beta 03 overview / 20131002 / Bold Monday / page 2 GE Sans Beta 03 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 0 1 2 3 4 5 6 7 8 9 $ & @ . , : ; ‘ ’ “ ” ! ? ( [ { / | } ] ) - – — fi fl fb ff fh fk fl ffi ffl GE Serif Beta 03 overview / 20131002 / Bold Monday / page 6 GE Serif Beta 03 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 0 1 2 3 4 5 6 7 8 9 $ & @ . , : ; ‘ ’ “ ” ! ? ( [ { / | } ] ) - – — fi fl fb ff fh fk fl ffi ffl GE Inspira Sans GE Inspira Serif
  59. 59. GE Software 2015
  60. 60. We need a new design system We have a stronger perspective on what is good design A good portion of the IIDx system isn’t used or used well, upgrades are expensive Less capable engineers struggle to use properly Difficulty extending, means we are still reinventing the wheel Platform brand challenges Starting to look and feel dated
  61. 61. The next generation design system More informed & evolved product vision will allow us to reduce the quantity of components, while creating signature elements “Full stack widgets” Increased focus on extendability and contribution
  62. 62. Coming back to the idea of craft
  63. 63. Coming back to the idea of craft…
  64. 64. Coming back to the idea of craft
  65. 65. Coming back to the idea of craft
  66. 66. Thank you! DAVID CRONIN @davcron

×