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