Designing the Industrial Internet
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Designing the Industrial Internet

  • 2,255 views
Uploaded on

IxDA SF Design Doing Event ...

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

More in: Design , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
2,255
On Slideshare
2,254
From Embeds
1
Number of Embeds
1

Actions

Shares
Downloads
68
Comments
2
Likes
22

Embeds 1

https://twitter.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Designing the Industrial Internet IxDA SF Design Doing August 8, 2013 Dane Petersen @thegreatsunra @GEDesign
  • 2. GE is huge
  • 3. GE is huge 121 years old
  • 4. GE is huge 121 years old 300,000 employees
  • 5. GE is huge 121 years old 300,000 employees 14,000 developers
  • 6. GE is huge 121 years old 300,000 employees 14,000 developers $147 billion revenue
  • 7. GE is huge 121 years old 300,000 employees 14,000 developers $147 billion revenue $13 billion income
  • 8. GE is huge 121 years old 300,000 employees 14,000 developers $147 billion revenue $13 billion income
  • 9. All these industrial things run on software
  • 10. All these industrial things run on software Connected to the internet
  • 11. All these industrial things run on software Connected to the internet Generating gobs of data
  • 12. All these industrial things run on software Connected to the internet Generating gobs of data For their (benevolent) human operators
  • 13. machines
  • 14. machines analytics
  • 15. machines analyticspeople
  • 16. machines analyticspeople The Industrial Internet
  • 17. function(){ };
  • 18. Design Systems
  • 19. The Industrial Internet Design System (IIDS)
  • 20. 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.
  • 21. When I prototype in IIDS, I am prototyping in the same code used by our software engineers.
  • 22. When I prototype in IIDS, I am prototyping in the same code used by our software engineers. It gets better.
  • 23. <!DOCTYPE html>
  • 24.
  • 25. ♥ Bootstrap
  • 26.
  • 27.
  • 28.
  • 29. ♥ D3.js
  • 30.
  • 31.
  • 32.
  • 33. Bootstrap DataTables express {D3.js Font Awesome
  • 34. How I Work
  • 35. How I Work I don’t start in code
  • 36. How I Work I don’t start in code Code is not always the best place to design
  • 37. 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
  • 38. Gotchas
  • 39. Gotcha #1 — Production Code
  • 40. Gotcha #1 — Production Code Writing it is way harder than you think
  • 41. 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
  • 42. 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?
  • 43. Gotcha #2 — The Uncanny Valley
  • 44. Gotcha #2 — The Uncanny Valley Code can make it feel too real
  • 45. 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
  • 46. 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
  • 47. Gotcha #3 — Whiplash
  • 48. Gotcha #3 — Whiplash As the designer, your job is to account for the strategy as well as the execution
  • 49. 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
  • 50. 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
  • 51. Set expectations
  • 52. Set expectations Establish clear boundaries
  • 53. Set expectations Establish clear boundaries Communicate early and often
  • 54. Remember
  • 55. Remember You are an advocate for the user
  • 56. Questions? Get in touch! @thegreatsunra @GEDesign dane@ge.com