Designing the Industrial Internet

D236bd444099ec39c0bc29b0c74ab885?s=47 Dane Petersen
August 08, 2013

Designing the Industrial Internet

IxDA SF Design Doing Event
San Francisco, CA
August 8, 2013

At GE I am an interaction designer embedded on an agile development team, where I use a robust HTML/CSS/JavaScript framework to design and build software for jet engines. This talk explores my experience working as a designer who codes.

D236bd444099ec39c0bc29b0c74ab885?s=128

Dane Petersen

August 08, 2013
Tweet

Transcript

  1. Designing the Industrial Internet IxDA SF Design Doing August 8,

    2013 Dane Petersen @thegreatsunra @GEDesign
  2. None
  3. None
  4. GE is huge

  5. GE is huge 121 years old

  6. GE is huge 121 years old 300,000 employees

  7. GE is huge 121 years old 300,000 employees 14,000 developers

  8. GE is huge 121 years old 300,000 employees 14,000 developers

    $147 billion revenue
  9. GE is huge 121 years old 300,000 employees 14,000 developers

    $147 billion revenue $13 billion income
  10. GE is huge 121 years old 300,000 employees 14,000 developers

    $147 billion revenue $13 billion income
  11. None
  12. None
  13. None
  14. None
  15. None
  16. None
  17. None
  18. All these industrial things run on software

  19. All these industrial things run on software Connected to the

    internet
  20. All these industrial things run on software Connected to the

    internet Generating gobs of data
  21. All these industrial things run on software Connected to the

    internet Generating gobs of data For their (benevolent) human operators
  22. machines

  23. machines analytics

  24. machines analytics people

  25. machines analytics people The Industrial Internet

  26. None
  27. function(){ };

  28. None
  29. Design Systems

  30. None
  31. The Industrial Internet Design System (IIDS)

  32. The Industrial Internet Design System (IIDS) A code-based design framework

    that establishes visual and interactive patterns for all of GE’s industrial internet software.
  33. When I prototype in IIDS, I am prototyping in the

    same code used by our software engineers.
  34. When I prototype in IIDS, I am prototyping in the

    same code used by our software engineers. It gets better.
  35. <!DOCTYPE html>

  36. None
  37. — Bootstrap

  38. — D3.js

  39. Bootstrap DataTables express { D3.js Font Awesome

  40. None
  41. None
  42. None
  43. None
  44. None
  45. None
  46. How I Work

  47. How I Work I don’t start in code

  48. How I Work I don’t start in code Code is

    not always the best place to design
  49. How I Work I don’t start in code Code is

    not always the best place to design It is a single design medium among many
  50. None
  51. None
  52. None
  53. None
  54. None
  55. None
  56. None
  57. Gotchas

  58. Gotcha #1 — Production Code

  59. Gotcha #1 — Production Code Writing it is way harder

    than you think
  60. Gotcha #1 — Production Code Writing it is way harder

    than you think Unless you set expectations, your code will be implemented as-is, and you will be asked to support it
  61. Gotcha #1 — Production Code Writing it is way harder

    than you think Unless you set expectations, your code will be implemented as-is, and you will be asked to support it Are you the right person to code for IE8?
  62. Gotcha #2 — The Uncanny Valley

  63. Gotcha #2 — The Uncanny Valley Code can make it

    feel too real
  64. Gotcha #2 — The Uncanny Valley Code can make it

    feel too real The worst that can happen is that your prototype gets implemented as you built it
  65. Gotcha #2 — The Uncanny Valley Code can make it

    feel too real The worst that can happen is that your prototype gets implemented as you built it Idiosyncrasies and all
  66. Gotcha #3 — Whiplash

  67. Gotcha #3 — Whiplash As the designer, your job is

    to account for the strategy as well as the execution
  68. Gotcha #3 — Whiplash As the designer, your job is

    to account for the strategy as well as the execution You are responsible for the 10,000-foot view and the 10-inch view
  69. Gotcha #3 — Whiplash As the designer, your job is

    to account for the strategy as well as the execution You are responsible for the 10,000-foot view and the 10-inch view Switching between these contexts is hard, and you need to get good at it
  70. Set expectations

  71. Set expectations Establish clear boundaries

  72. Set expectations Establish clear boundaries Communicate early and often

  73. Remember

  74. Remember You are an advocate for the user

  75. None
  76. Questions? Get in touch! @thegreatsunra @GEDesign dane@ge.com