The GE Design System and thoughts about craft at scale (David Cronin at Enterprise UX 2015)
21 likes4,073 views
The document discusses the GE Design System and its evolution, emphasizing the importance of design systems in enhancing user experience and software development. It outlines hypotheses on how design systems can streamline UX design, unify design efforts, and facilitate the development of modular components. Additionally, it highlights the significance of understanding user needs and context to create effective and engaging design solutions.
![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](https://image.slidesharecdn.com/davecronin-gedesignsystem-enterpriseux2015-150520181514-lva1-app6892/85/The-GE-Design-System-and-thoughts-about-craft-at-scale-David-Cronin-at-Enterprise-UX-2015-58-320.jpg)
The GE Design System and thoughts about craft at scale (David Cronin at Enterprise UX 2015)
- 1. The GE Design System and thoughts about craft at scale DAVID CRONIN @davcron
- 2. I work at GE
- 3. I work at GE
- 4. I work at GE
- 5. I work at GE
- 6. I work at GE
- 7. I work at GE
- 8. GE Software & The Industrial Internet
- 9. The UX CoE (2012)
- 10. My idea of craft, at the time Smithsonian Cooper-Hewitt, National Design Museum
- 11. We soon began to understand the reality of the mission
- 13. Design systems
- 14. Design Systems
- 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. Design systems commonly include A modular set of parts Frameworks & patterns for structure, form, composition, appearance, behavior Standards of tone and character
- 18. Design system hypothesis #1 Product teams could use it to be (somewhat) successful without some or no UX design help.
- 19. Design system hypothesis #2 It would accelerate software development & product definition.
- 20. Design system hypothesis #3 It would align the efforts of a decentralized community of UX designers across GE.
- 21. Design system hypothesis #4 It would allow designers to focus on the the interesting, novel stuff.
- 22. Design system hypothesis #5 It would allow us to evolve our product experiences in a unified way
- 23. The Industrial Internet Design System = Visual Language + Interaction Patterns + Technology Framework
- 24. The Industrial Internet Design System 1.0
- 25. The Tearsheet
- 26. Navigation
- 27. Forms
- 31. Meters
- 32. Radar plot
- 33. RESPONSIVENESS
- 34. The Software Design Hub
- 35. DISTRIBUTION
- 36. PERSONAS
- 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.
- 39. Stencils
- 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>
- 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. 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. Organizational Evolution, Design System Evolution
- 45. The GE Design System
- 46. The Healthcare Design System Extension
- 47. Patient list
- 48. Directional pad
- 49. The Communication Design System Extension
- 50. New widgets, a lighter looks
- 52. GE Oil & Gas dot com
- 53. IIDx Extension
- 54. Basic mapping
- 55. Pop-overs
- 56. Markers
- 57. Predix Go
- 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. GE Software 2015
- 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. 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. Coming back to the idea of craft
- 63. Coming back to the idea of craft…
- 64. Coming back to the idea of craft
- 65. Coming back to the idea of craft