Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
The GE Design System
and thoughts about craft at scale
DAVID CRONIN
@davcron
I work at GE
I work at GE
I work at GE
I work at GE
I work at GE
I work at GE
GE Software & The Industrial Internet
The UX CoE (2012)
My idea of craft,
at the time
Smithsonian Cooper-Hewitt, National Design Museum
We soon began to understand 

the reality of the mission
The origin story…
Design systems
Design systems
Design systems
Design systems
Design systems
Design Systems
Design Systems
Design Systems
Design Systems
Design Systems
Design Systems
Design Systems
Design Systems
Design systems
Menus
Figure 4-7 A feedback technique
Keep in mind when you decide your timing issues that people have built-in
expectatio...
Design systems commonly include
A modular set of parts
Frameworks & patterns for structure, form,
composition, appearance,...
Forming the vision
Design system hypothesis #1
Product teams could use it to be
(somewhat) successful without
some or no UX design help.
Design system hypothesis #2
It would accelerate software
development & product definition.
Design system hypothesis #3
It would align the efforts of a
decentralized community of UX
designers across GE.
Design system hypothesis #4
It would allow designers to focus
on the the interesting, novel stuff.
Design system hypothesis #5
It would allow us to evolve our
product experiences in a 

unified way
The Industrial Internet
Design System
=
Visual Language
+
Interaction Patterns
+
Technology Framework
The Industrial Internet 

Design System 1.0
The Tearsheet
The Tearsheet
The Tearsheet
Navigation
Forms
Toggles & sliders
Time series plots
Time series calendar
Meters
Radar plot
RESPONSIVENESS
The Software Design Hub
DISTRIBUTION
PERSONAS
Design Principles
Respect your audience
Understand who your users are and 

how they work.
Lead with information
Content i...
Reference Applications
Stencils
Code enabled
<title>Dashboard View</title>
<meta name="viewport" content="width=device-width">
<link href="./css/themes/ii...
Evangelism, Adoption, Impact
Web Analytics / First 6 Months
Overview
 Sessions
September 2012 October 2012 November 2012 December 2012 January 2013 Feb...
Web Analytics / To date
Overview
 Sessions
January 2013 July 2013 January 2014 July 2014 January 2015
200200200
400400400
...
Organizational Evolution,
Design System Evolution
The GE Design System
The Healthcare 

Design System Extension
Patient list
Directional pad
The Communication 

Design System Extension
New widgets, a lighter looks
Product site templates
GE Oil & Gas dot com
IIDx Extension
Basic mapping
Pop-overs
Markers
Predix Go
Predix Go
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...
GE Software 2015
We need a new design system
We need a new design system
We have a stronger perspective on what is good design
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 ...
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 ...
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 ...
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 ...
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 ...
The next generation design system
The next generation design system
More informed & evolved product vision will
allow us to reduce the quantity of component...
The next generation design system
More informed & evolved product vision will
allow us to reduce the quantity of component...
The next generation design system
More informed & evolved product vision will
allow us to reduce the quantity of component...
Coming back to the idea of craft
Coming back to the idea of craft
Coming back to the idea of craft
Coming back to the idea of craft
Coming back to the idea of craft…
Coming back to the idea of craft
Coming back to the idea of craft
Thank you!
DAVID CRONIN
@davcron
Próxima SlideShare
Cargando en…5
×

The GE Design System and thoughts about craft at scale

5.802 visualizaciones

Publicado el

A case study about the GE design system's first generations, and thoughts about craft in an enterprise environment.

Publicado en: Diseño
  • Follow the link, new dating source: ♥♥♥ http://bit.ly/2ZDZFYj ♥♥♥
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • Dating for everyone is here: ❤❤❤ http://bit.ly/2ZDZFYj ❤❤❤
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download Full EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download Full doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THIS can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THIS is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THIS Helped Ignite a Movement,-- Atomic Habits: An Easy &amp; Proven Way to Build Good Habits &amp; Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THIS the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THIS Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • DOWNLOAD FULL BOOKS, INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • DOWNLOAD FULL eBOOK INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... 1.DOWNLOAD FULL. PDF eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... 1.DOWNLOAD FULL. doc eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... 1.DOWNLOAD FULL. PDF eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... 1.DOWNLOAD FULL. doc eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, CookeBOOK Crime, eeBOOK Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí

The GE Design System and thoughts about craft at scale

  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. Design systems
  16. 16. Design systems
  17. 17. Design systems
  18. 18. Design Systems
  19. 19. Design Systems
  20. 20. Design Systems
  21. 21. Design Systems
  22. 22. Design Systems
  23. 23. Design Systems
  24. 24. Design Systems
  25. 25. Design Systems
  26. 26. Design systems
  27. 27. 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
  28. 28. Design systems commonly include A modular set of parts Frameworks & patterns for structure, form, composition, appearance, behavior Standards of tone and character
  29. 29. Forming the vision
  30. 30. Design system hypothesis #1 Product teams could use it to be (somewhat) successful without some or no UX design help.
  31. 31. Design system hypothesis #2 It would accelerate software development & product definition.
  32. 32. Design system hypothesis #3 It would align the efforts of a decentralized community of UX designers across GE.
  33. 33. Design system hypothesis #4 It would allow designers to focus on the the interesting, novel stuff.
  34. 34. Design system hypothesis #5 It would allow us to evolve our product experiences in a 
 unified way
  35. 35. The Industrial Internet Design System = Visual Language + Interaction Patterns + Technology Framework
  36. 36. The Industrial Internet 
 Design System 1.0
  37. 37. The Tearsheet
  38. 38. The Tearsheet
  39. 39. The Tearsheet
  40. 40. Navigation
  41. 41. Forms
  42. 42. Toggles & sliders
  43. 43. Time series plots
  44. 44. Time series calendar
  45. 45. Meters
  46. 46. Radar plot
  47. 47. RESPONSIVENESS
  48. 48. The Software Design Hub
  49. 49. DISTRIBUTION
  50. 50. PERSONAS
  51. 51. 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.
  52. 52. Reference Applications
  53. 53. Stencils
  54. 54. 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>
  55. 55. Evangelism, Adoption, Impact
  56. 56. 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
  57. 57. 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
  58. 58. Organizational Evolution, Design System Evolution
  59. 59. The GE Design System
  60. 60. The Healthcare 
 Design System Extension
  61. 61. Patient list
  62. 62. Directional pad
  63. 63. The Communication 
 Design System Extension
  64. 64. New widgets, a lighter looks
  65. 65. Product site templates
  66. 66. GE Oil & Gas dot com
  67. 67. IIDx Extension
  68. 68. Basic mapping
  69. 69. Pop-overs
  70. 70. Markers
  71. 71. Predix Go
  72. 72. Predix Go
  73. 73. 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
  74. 74. GE Software 2015
  75. 75. We need a new design system
  76. 76. We need a new design system We have a stronger perspective on what is good design
  77. 77. 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
  78. 78. 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
  79. 79. 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
  80. 80. 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
  81. 81. 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
  82. 82. The next generation design system
  83. 83. The next generation design system More informed & evolved product vision will allow us to reduce the quantity of components, while creating signature elements
  84. 84. 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”
  85. 85. 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
  86. 86. Coming back to the idea of craft
  87. 87. Coming back to the idea of craft
  88. 88. Coming back to the idea of craft
  89. 89. Coming back to the idea of craft
  90. 90. Coming back to the idea of craft…
  91. 91. Coming back to the idea of craft
  92. 92. Coming back to the idea of craft
  93. 93. Thank you! DAVID CRONIN @davcron

×