logo

Design process diagrams

collected by Terry Winograd

Click on thumbnail for larger version and attribution. I plan to add some commentary to the diagrams. Please let me know if you have more specific attributions for any of them.

 

3 criteria boehm spiral IDEOdiverge   dubberly    es proto quadrants SAP waterfall necktie  iteration trajectory ineraction design squiggle lightbulb ptototyping empathy garrett information design


 

3 criteria

Three criteria for design outcomes [d.school]


 

boehm spiral

Spiral software development [ Boehm B, "A Spiral Model of Software Development and Enhancement", "Computer", "IEEE", 21(5):61-72, May 1988]


 

IDEO

The basic IDEO process [d.school]


diverge

Diverge/Converge fractal [Terry Winograd]


dubberly

 

Hugh Dubberly innovation map


es

IDEO variant with activities [d.school]


 

proto

IDEO variant emphasizing loop [Terry Winograd]


quadrants

Abstraction/Analysis cycle [Michael Barry], Developing Design Thinking Capabilities


SAP

SAP Design Led Innovation (DLI) process [SAP Design Services Team]


waterfall

Classic Waterfall model of Software Development [many in software engineering]


necktie

Necktie model of flare and focus [d.school]


iteration

Build/Test cycle [d.school]


trajectory

Abstraction Trajectory [Nicole Kahn, Michael Barry?]


 

ineraction design

Interaction design [Dan Hill  Head of Interactive Technology & Design at the BBC - blog City of Sound ]


squiggle

The design squiggle [Damien Newman]


lightbulb

Software design lightbulb [Terry Winograd]


ptototyping

Prototyping stages [ Hans Haenlein, IDEO.]


empathy

Empathy diagram [d.school]


garrett information design

Information system design [Jesse James Garrett]