Open Source Your Data Design Process

Data is everywhere, and to communicate your data clearly, you need well-designed data graphics, illustrations, and visualizations. We see poorly done graphics everywhere, and successful designs on occasion. While the products of design are visible, the process behind those designs remains elusive. So how does one get from A to B? What processes do successful data designers follow, and how can we all benefit by open-sourcing our processes?

Transcript

1. Open Source Your Data Design Process Scott Murray @alignedleft alignedleft.com
2. Scott Murray Assistant Professor University of San Francisco
3. 608-283-xxxx 608-264-xxxx 202-501-xxxx 608-652-xxxx 202-213-xxxx 347-202-xxxx Design is a process, not a product.
4. 608-283-xxxx 608-264-xxxx 202-501-xxxx 608-652-xxxx 202-213-xxxx 347-202-xxxx Design(ing) is a process, not a product.
5. 55 { } I ? ] [ { } I ? ] [ { } I ? ? [ { { I ? ? ] { } I ? ? ] { { I ? ? ] { } } I ? ] { { I I ? ] %{ } I ? ] { { } I ? ] %{ } I ? ] %{ } I ? ] %{ } I ? ] %{ } I ? ] %{ } I ? ] %{ } I ? ] %{ } I ? ] %{ } I ? ] %{ } I ? ] { { } I ? ] { { I I ? ] { { I ? ? ] { } I ? ? ] { } I ? ? ] { } I ? ? ] { } I ? ] ] } } I ? ? ] } } I ? ] [ } I I ? ] [ } I ? ? ] [ } I ? ] ] [ } I ? ] ] [ I I ? ] [ [ I I ? ] [ 1 I ? ] ] [ 1 ? ? ] ] [ 1 ? ] ] [ 1 1 ? ] ] [ 1 1 ] ] [ [ 1 1 ] [ [ 1 1 * [ [ 1 1 1 * [ 1 1 * * * * * 1 * * 7 S 7 * * 7 7 E 5 * 7 7 7 @@WJ T L L @@4 T L T & @B J T J & & @F J J $ & & U C C $ $ & @U C $ $ $ & B 5 # $ $ $ & S # # $ $ & Z # # $ $ $ @ # # # $ $ & # # # $ $ $ # # # # $ $ # # # $ $ $ $ $ $ $ $ & & & & @WB @WB 0 U Z 4 @B 0 U Z 4 4 0 U Z 4 4 S 7 7 * * 1 1 [ [ [ ] ] ? I I } { { %%| | ! ! / + + = : : ; ; , ' ' - . . . . . - - ' , ; ; : = + / / ! | | %{ } } I ? ] ] 1 1 * * 7 L L T J J J C C 5 5 F F 6 6 S S 4 4 4 Z Z Z 7 * * * 1 1 [ [ ] ] ? ? I I } { { %| | | ! ! / + + = : : ; , , ' - - . . . . . - ' , , ; ; : = + / / ! | %{ { } I ? ? ] [ 1 * * 7 7 L L T J J C C 5 5 F F 6 6 S S S 4 4 4 Z Z 7 * * 1 1 1 [ ] ] ? ? I I } { { { %| | ! / / + = = : ; ; , , ' - - . . . - - ' , ; : : = + / ! | | %{ { } I ? ] [ [ 1 * * 7 L L T T J C C C 5 5 F F 6 6 S S 4 4 4 Z Z * * * 1 1 [ [ ] ] ? ? I } } } { %%| | ! / / + = = : ; , , ' - - - . . - ' , , ; : = + + ! ! | %%{ } I ? ? ] [ 1 1 * 7 7 L T T J J C C 5 5 F F 6 6 6 S S 4 4 4 Z * * 1 1 [ [ ] ] ? ? I I } } { %%| | ! ! / + = = : ; ; , ' - - . . . . - - , ; ; : = + / ! ! | %%} } I ? ] ] [ 1 * * 7 L T T J J J C 5 5 F F 6 6 6 S S 4 4 4 Z * * 1 1 [ [ ] ] ? I I I } } { %%| ! ! / / + = : : ; , , ' - - . . . . - - ' , ; : = = / / ! | %%{ } I ? ] ] [ 1 * * 7 7 L T T J J C 5 5 5 F 6 6 6 S S S 4 4 Z * 1 1 1 [ [ ] ] ? I I } } { %%| | ! ! + + + = : ; , , ' ' - - . . . - ' , , ; : = + / ! ! | %{ } } I ? ] [ [ 1 * * 7 L L T J J C C 5 5 F 6 6 6 S S S 4 4 Z 1 1 1 [ [ ] ? ? I I } } { { %| | | ! ! + + = : ; ; , ' ' - - . . . - ' , ; : : = + / ! | | %{ } I ? ? ] [ 1 * * 7 L L T T J J C 5 5 F F 6 6 6 S S 4 4 4 1 1 1 [ ] ] ? ? I I } } { { %| | ! ! / + = = : ; ; ' ' ' - - . . . - ' , ; : = + / ! ! | %{ } } I ? ] [ [ 1 * * 7 L L T J J C C 5 F F 6 6 6 S S 4 4 4 1 [ [ [ ] ] ? ? I I } { { %%| ! ! / / + = = ; ; ; , ' - - . . . - ' ' ; ; : = + / ! ! | %{ } I ? ] ] 1 1 * * 7 L T T J J C C 5 5 F 6 6 6 S S S 4 4 1 1 [ [ ] ] ? ? I } } { { %| | ! ! / + + = : ; ; , ' ' - - . , = = : : - . - - ' , ; : = + / ! ! | %{ } I I ] ] [ 1 * * 7 7 L T T J C C 5 5 F 6 6 6 S S S 4 4 1 [ [ [ ] ? ? I I } } { %%| ! ! ! / + = = : ; , , ' - - . . . : | 1 L 5 6 Z U U U Z Z 4 F I . - ' , , ; : = + / ! | | %{ } I ? ] [ 1 1 * 7 7 L T T J C C 5 5 F F 6 6 S S S 4 4 1 [ [ ] ] ? ? I } } } { %%| ! ! / / + = : : ; , , ' - . . . . : { ? 5 Z U O O O O O O U Z Z 4 6 I . . - - ' , ; : = + / ! | | %{ } I ? ] ] [ 1 * 7 7 L L T J J C C 5 F F 6 6 6 S S 4 4 1 [ [ ] ? ? ? I } } { %%%| ! ! / + + = : : ; , , ' - - . - - / ] S Z U U O 0 0 0 0 0 0 O O O U U Z 4 6 L - . . - ' ' , ; : = + / ! | %{ } } ? ? ] [ 1 * * 7 L L T T J C C 5 F F 6 6 6 S S 4 4 [ [ [ ] ? ? I I } { { { %| | ! / / + = : : ; , , ' - - - . ' + T S Z U O 0 0 0 0 0 0 0 0 0 0 0 O O U Z 4 6 % . . ' ' , ; : = + / ! | | %} } I ? ] [ 1 1 * 7 7 L T T J J C 5 5 F F 6 6 S S S 4 [ [ ] ] ? ? I I } { { %%| ! ! / / + = = : ; , , ' ' - - : } C U O O 0 0 E 0 0 0 0 0 E E E 0 0 0 O O U Z Z 6 ! . - ' , ; : = + / ! | | %{ } I ? ] [ [ 1 * * 7 L L T J J C C 5 F F 6 6 S S S 4 [ ] ] ] ? ? I } } { { %| | ! ! / + = = : : ; , ' ' - - , [ F Z O 0 0 E E E E E E E 0 0 O O O U O O O U Z Z 4 F . - ' , ; : = + + ! ! | %{ } I ? ? ] [ 1 * * 7 L L T J J C C 5 5 F 6 6 6 S S 4 [ ] ] ? ? I I } { { %%| | ! / / + = = : ; ; , ' ' ' ; * 4 U O E E E B E E 0 O O O Z S S S S 6 6 4 Z Z Z Z 4 S | . - - , , ; : = + / ! | %{ { I I ? ] [ 1 * * 7 L L T J J C C 5 5 F F 6 6 S S S [ ] ] ? I I } } { { %%| | ! / / + = = : ; ; , , , + I 4 U O 0 E E E E 0 O U U Z Z 6 5 C T 7 1 ] 7 5 6 S F 4 S L - - ' , ; : = + / ! | %%{ } I ? ] [ 1 * * 7 L L T J J J C 5 5 F F 6 6 S S S [ ] ] ? ? I } } { { %%| ! ! / / + = = : ; ; , , , } 7 Z U O 0 0 E E O U U Z Z 4 S 5 C T * [ I { ? 1 J C 5 5 F F . - ' , ; : = + / ! ! | %{ } I I ] [ [ 1 * 7 7 L T J J J C 5 5 F F 6 6 S S S [ ] ] ? I I } } { { %| | ! ! / / + = : : ; ; , , ; J Z O 0 0 E E 0 O Z 4 Z S S F F C J T 7 [ ] I } I [ 1 [ 7 L L 1 . - ' , , ; = = / ! ! | %{ } I ? ? ] [ 1 * 7 7 L L T J J C 5 5 F F 6 6 S S S ] ] ] ? I I } } { %%| | ! / / + + = : ; ; ; , ; ! S U 0 0 E B E 0 Z Z 4 S F F 5 5 C J T L * 1 ] ] ? ] ] [ [ [ [ T = . . - , , ; = = + / ! | %{ } I ? ? ] [ 1 1 * 7 L L T J J C 5 5 F F 6 6 S S S ] ] ? ? I I } } { %%| | ! / / + + = : : ; ; , : L U O E E B B 0 U 4 4 S S F 5 5 5 C J T L 7 * 1 [ [ 1 [ [ [ ] ] 1 } . . - ' , ; : = + / ! | %{ } I I ? ] [ 1 1 * 7 L L T J J C C 5 5 F 6 6 6 S S ] ] ? ? I I } } { %%| ! ! ! / + + = : : ; ; ; ! 6 O 0 E B B B O O Z Z 4 S 6 F 5 5 C J T 7 * 1 1 1 1 1 1 1 1 [ [ ] 7 , . - ' , ; : = + / ! | %%} } I ? ? [ 1 1 * 7 7 L T J J C C 5 5 F F 6 6 S S ] ] ? ? I } } { { %| | ! ! / / + = = : : ; ; ; } Z 0 E B WWB 0 O U U Z 4 6 6 5 5 C T L 7 1 [ [ [ [ [ 1 [ [ [ [ [ * 1 . - ' , ; : : + / ! ! %%} } I ] ] [ 1 1 * 7 7 L T T J C C 5 5 F 6 6 6 S S ] ] ? ? I I } { { %| | ! ! / / + = : : : ; ; } 7 Z 0 E B WWB E E O U Z 4 6 6 5 5 C C J T 7 * 1 1 1 1 1 [ [ [ [ [ [ L . . - ' ' ; : : + / ! ! | %{ } I ? ] [ 1 1 * 7 7 L T T J C C 5 5 F F 6 6 S S ] ] ? ? I I } } { %%| ! ! / / + = : : : ; ; ? F U E E B WWB E E O U 4 4 6 F 5 5 C C C C T T 7 7 7 * 1 1 [ [ [ [ [ L . . - - ' ; : : + / / ! | %{ } I ? ? ] 1 1 * * 7 L T T J C C 5 5 F F 6 6 S S ] ] ? ? I I } { %%%| ! ! / / + = = : : ; : } F U E B WWWWE O U Z 4 S S 4 U U O O O O U 4 6 5 C J J T T L 7 1 1 L - . - ' , ; : = + / ! | %{ } I ? ? ] [ 1 * * 7 L T T J J C 5 5 F F 6 6 6 S ] ] ? ? I I } { { %| | ! ! / / + = : : : : : } 5 U E B WWWW0 O Z Z 4 4 U 0 E E B B B B E O Z 6 F 5 5 5 F 5 5 T 7 T . . - ' , ; : = + / ! | %{ } I ? ? ] [ 1 * * 7 L T T J J C 5 5 F F 6 6 S S ] ] ? ? I I } { { %%| ! ! / / + = = : : : : } 5 U E B WWWB O U Z Z U 0 E B B E E E E E E E 0 U 4 4 4 Z U U U Z 4 5 : . - ' , ; : = + / ! | | { } I I ? ] [ 1 * * 7 L T T J J C 5 5 F F 6 6 S S ] ] ? ? I I } { { %%| | ! / / + + = = : : : { 5 O E B WWWB U U Z U O 0 E E B B B B B E E E 0 O U Z Z Z U U U 4 4 6 ; - - ' , ; : = + / ! | %{ } I I ? ] [ 1 1 * 7 L L T J J C C 5 5 F F 6 S S ] ] ? I I I } { { %%| | ! / / + = = : : : : { C O E B WWWB U Z U O 0 E B B WW@WWWB E 0 O Z 4 Z U O U Z 4 S F , . - ' , ; : = + / / ! | { { } I ? ] [ 1 1 * 7 7 L T T J C C 5 F F F 6 S S ] ] ? ? I } } } { %%| ! ! / / + + = = : : : ! T Z E B WWWB U Z U O 0 E B B B B WWWB B E E Z F 5 Z U O O U Z S 5 - . - ' , ; : = + / ! | | { { } I ? ] [ 1 1 * 7 7 L T J J C C 5 5 F 6 6 6 S ] ? ? I I I } { { %%%| ! / / + + = : : ; ; / * Z O E B WWB Z Z U O O O O 0 0 0 E E E E E E U 6 T 7 S Z O O O Z 4 5 . . - ' , ; : = + / ! | | { { } I ? ] [ 1 * * 7 7 L T T J C C 5 5 F 6 6 S S ] ? ? ? I } } { { %%| | ! ! / + + = = : : ; } J U 0 0 B WWE U Z Z U U Z 4 Z U O 0 0 0 0 U Z F F J * 5 4 O U Z 4 4 J . - ' , ; : = + / ! | %{ } } I ? ] [ [ 1 * 7 7 L T T J C 5 5 F F F 6 S S ] ] ? ? I I } } { %%| | ! ! / + + = = : : ; ? F U 0 0 B B B E Z Z Z Z 4 S F F F 6 4 Z Z 4 S 6 5 F C * T 6 U Z 4 F F 7 . - ' , ; : = + / ! | %{ } I I ? ] [ 1 1 * 7 7 L T T J C 5 5 5 F 6 6 S S ] ] ? ? I I } } { { %%| ! ! / / + = = : : ; } F 4 U 0 0 E B 0 Z Z Z 4 S S 5 J L 7 7 7 L T C 5 5 C J * 7 L T J 5 T 7 [ . - - ' , ; : = + / ! | %{ } } I ? ] [ 1 1 * 7 7 L T T J C C 5 F F F 6 S S ] ] ? ? I I } } { { %%| | ! / / + = = : : : %C S O 0 E E E O Z Z Z Z 4 S F C T L 7 7 L T 5 F C C J 7 * L 7 * 7 * 1 ? . - ' ' , ; : = + / ! | %{ } } I I ] [ [ 1 * 7 7 L T T J C C 5 5 F 6 6 6 S ] ? ? I I I } } { %%%| | ! ! / + = = : ; ; / * S O O 0 O E U Z Z Z U Z Z 6 6 C C J J C F 4 S F J T 7 * 7 7 * 1 [ [ I . - ' , ; ; : = + / ! | %{ } I ? ] ] [ 1 * * 7 L L T J J C C 5 5 F F 6 S S ] ] ? ? I I } } { %%%| ! ! / / + = = : : ; : ? 6 Z U O O 0 U Z Z U U U U 4 4 6 6 F F 6 S U Z Z 4 S F C C J T 7 1 1 ] . - ' , ; : : = / / ! | %{ } I ? ? ] [ 1 * * 7 L L T J J C C 5 5 F 6 6 S S ] ] ? ? I I } } { { %%| | ! ! / + = = = : : ; ! S Z Z O O 0 U U U Z U O O O U Z Z 4 Z Z 4 O 0 0 E E O U Z S F J T 7 [ . - ' , ; : : + + / ! | %{ } I ? ? ] [ 1 * * 7 L T T J J C 5 5 F F 6 6 S S ] ] ] ? I I I } { { %%| | ! ! / / + = : : ; ; ; ] 4 Z U O 0 O U U U O O 0 0 0 0 O O U Z S O E B B B E 0 U 6 S F C T ? . . - ' , ; : : + / ! ! | %{ } I ? ] ] 1 1 * * 7 L T T J J C 5 5 F F 6 6 S S ] ] ] ? I I I } } { { %| | | ! / / + = : : : ; , : J Z Z O 0 0 U U O 0 0 E E E E E 0 Z 4 Z 0 E B B B E 0 U 5 6 S F C | . . - , , ; : = + / ! ! | %} } I ? ] ] 1 1 * * 7 L T T J J C 5 5 F 6 6 6 S S ] ] ] ? ? ? } } } { %%| | ! ! / / + + = : : ; , , | F U O 0 0 U U O 0 0 E E E E 0 O O O O 0 0 E E B E 0 U 6 F S F 5 ; . - - ' , ; : = + / ! ! %%} } I ? ] [ 1 1 * * 7 L T T J J C 5 5 F 6 6 6 S S [ ] ] ] ? ? I I } { { %| | ! ! ! / + + = = : ; ; , ; %4 O O O U O O 0 E E B B E E 0 E E E E E E E E 0 U Z S 6 S 6 C - . - ' ' , ; : = + / ! | %%} } I ? ] [ 1 1 * 7 7 L T T J J C 5 5 F F 6 6 S S [ [ ] ] ? ? I I } { { { %| | ! ! / / + = = : ; ; , , ' = 5 Z Z O O 0 E E E B E E E E B WWWWWWB E E O U Z 4 6 * . - - ' , ; : = = + / ! | %{ } } I ? ] [ 1 1 * 7 7 L T T J J C 5 5 F 6 6 6 S S [ [ ] ] ? ? I I } } { { %%| ! ! ! / / + = : : ; , , , = F U U O O 0 E E B B E 0 0 E E B WWWB WB B E E 0 U 4 6 ? . - - , ; ; : = = / / ! | %{ } I I ? ] [ 1 1 * 7 7 L T T J C C 5 5 F F 6 S S S [ [ ] ] ? ? I I } } { { %%| | ! ! / %* [ + , ; , , , : 6 U U O 0 E E B B B B 0 0 0 O O E E E E E E O Z Z U Z S J / . . - ' , ; : = = + / ! ! | %{ } I ? ] ] [ 1 * * 7 L L T T J C C 5 F F 6 6 S S S [ [ [ ] ] ? ? I I } } { { %%| ! ! * 5 6 6 5 / , , ; , ; T U O 0 0 E B B B B B B E 0 O O E B B WB B E U Z 6 S 6 5 1 . . - ' ' , ; : = = + / ! | %%{ } I ? ] ] [ 1 * * 7 L T T J J C C 5 F F 6 6 S S 4 [ [ ] ] ] ? ? I I } } { { %%| | %6 Z Z Z 4 F 1 , ' , , } F U 0 0 E B B B WWB B E 0 0 E E B WWWB O Z 6 S S 5 T * - . . - ' ' , ; : = + + ! ! | %{ { } I ? ] ] [ 1 * 7 7 L T T J J C 5 5 F F 6 6 S S S [ [ [ ] ] ] ? ? I I } } { { %{ [ 5 Z Z Z U U Z 4 J [ I I [ C Z 0 E B B B WWWWWE 0 O 0 E E B B 0 O 4 4 S 4 4 6 C T 1 ' . - - ' , ; ; : = + / ! ! | %{ { I I ? ] [ [ * * 7 L L T T J J C 5 5 F F 6 6 S S 4 1 [ [ [ ] ] ? ? I I } } { { %1 L 4 Z Z Z U U U U Z Z 4 4 4 Z U 0 E B B B WWWWWE 0 O 0 0 0 0 O Z 4 S 6 S 4 U S 5 J * } . . - ' ' , ; : : = + / ! | | %{ } I I ? ] [ 1 * * 7 L L T J J C C 5 5 F F 6 6 S S 4 1 1 [ [ ] ] ? ? ? I I } } } } F 4 Z Z Z U U O O O O 0 B @WE E E B B WWW@@@WWB E 0 0 O U O O Z 4 S 4 O 0 Z 6 5 L 7 : . . - - ' , , ; : = = / / ! | %%{ } I ? ] ] [ 1 * * 7 L L T J J C C 5 F F 6 6 6 S 4 4 1 1 1 [ ] ] ] ? ? I I I } } [ 4 Z Z Z U U U O O 0 0 0 0 @WB E B B WWWW@@@@WWB B E 0 0 E E O Z Z Z U 0 Z 6 F L L ? . . - - ' , ; : : = = / / ! | %{ } } I ? ] [ [ 1 * * 7 L T T J J C 5 5 F F 6 6 S S 4 4 1 1 1 [ [ [ ] ] ? ? I I } } 5 U Z U O O O O O 0 0 0 0 0 E B B E B WWW@@@@@@@@@@@@WWWB E O 5 C C C J T T L 7 - . - ' ' , ; ; : = + / / / | | %{ } } ? ? ] [ 1 1 * 7 L L T T J C C 5 5 F F 6 6 S S 4 4 * 1 1 [ [ [ ] ] ? ? I I } } C U Z U O O O 0 0 0 0 0 0 0 E E B E WW@@@@@@@@& & & & & @@@WWE 0 5 C J J J T T T L ! . . - ' ' , ; ; = = + / ! ! | %%{ } I ? ? [ [ 1 * * 7 L L T T J C C 5 5 F F 6 6 S S 4 4 * * 1 1 [ [ ] ] ? ? ? I I I S U Z U U U O O 0 0 0 0 E E E E E 0 WW@@@@& & & & & & & & & & @@WB E 0 6 F C C J J J J T * = . - ' ' , ; ; : = = + + ! ! | %{ } } I ? ] [ 1 1 * 7 7 L T T J J C C 5 F F 6 6 S S S 4 4 * * 1 1 [ [ [ [ ] ? ? ? I * Z U Z U U U U O 0 0 E E E E B B E E WW@@@@& & & & & & & & & & @WB E B E 4 6 5 5 C C C C J T 1 . - - ' , , ; : = = + / ! ! | %%{ } I I ] ] [ 1 * * 7 7 L T T J J C C 5 F F 6 6 S S S 4 4 * 1 1 1 1 1 [ [ ] ] ? ? ] C Z Z Z Z Z Z Z Z U O 0 E B B B B WB B W@@@@& & & & & & & & @@WWB B WWU S F F F F 5 5 5 J T : . - - ' , ; : = = + / / ! | | %{ { } I I ] [ [ 1 * * 7 L L T T J C C C 5 F F 6 6 S S 4 4 4 * * * * 1 1 [ [ [ ] ? ? T S 4 Z Z Z Z Z Z Z Z U 0 0 B B WWWWWW@@@@& & & & & & @@@@WWB B WB 4 S 6 6 6 F F 5 5 C C * . - - , , ; : = = + / ! ! | %%{ } I I ? ] [ 1 1 * * 7 L L T T J C C 5 5 F 6 6 6 S S 4 4 4 * * * * 1 1 1 [ [ ] ] ? C Z Z Z Z Z Z Z Z Z Z U O 0 B B WWWWWW@@@@& & & & & & @@@@WWB WWB S S S 6 6 6 F F 5 C C T ! - ' ' , : : = = + / ! ! | %{ } } I ? ? [ [ 1 * * * 7 L T T T J C C 5 5 F 6 6 6 S S 4 4 4 7 * * * * 1 1 1 [ [ ] * 0 B E B E E 0 0 O U U U U O E B B WWW@@@@@@& & & & & & @@@@W@W@0 E 4 4 4 4 S S 6 F 5 5 5 C C | ' , , ; = = + / ! ! | | %%{ } I I ? ] [ [ 1 * * 7 L L T T J J C C 5 F F 6 6 S S S 4 Z Z 7 * * * * * 1 1 [ [ [ L B @@& @@WB 0 0 O O U O E E B B WW@@@@@@& & & & & & @@@@@@@@E E Z Z 4 4 4 S 6 6 F F F F L } , ; ; : = + + / ! ! | | %{ { } I I ? ] [ 1 1 * * 7 L L T T J J C 5 5 F F 6 6 S S S 4 4 Z 7 7 7 * * * * * 1 1 1 * W& $ $ # # # $ @@B B 0 0 O 0 E B B W@W@@@& & @& & & @@@@& & & @@E E O U Z Z 4 4 S S S S Z U 4 ? ; ; : = = + / / ! | | %%{ } I I ? ] ] 1 1 * * 7 7 L T T J J C 5 5 F F 6 6 6 S S 4 4 Z Z Engineering is a process, not a product.
6. Andy Gilmore, Wallpaper*, 2011 Andy Gilmore, 10 28 13
7. Untitled — Paris, Onel, 2013 Untitled — Paris, Navets, 2010
8. 608-283-xxxx 608-264-xxxx 202-501-xxxx 608-652-xxxx 202-213-xxxx 347-202-xxxx Design is a process, not a product, so you can't see it or point to it.
9. Designer person Design(ing) process Designed product
10. industrial design graphic design interior design + architecture objects visuals spaces
11. Designer person Design(ing) process Designed product Outcome result (hopefully the intended one!)
12. Data design is a specific kind of design process.
13. 13 DATA DESIGN Any design process that is heavily informed by data, such that the output of the process (designed product) changes significantly when the data informing the process change.
14. 13 DATA DESIGN Any design process that is heavily informed by data, such that the output of the process (designed product) changes significantly when the data informing the process change. DATA VISUALIZATIONS Visual solutions to data-driven problems
15. DATA DESIGN FIRMS Accurat Halftone Fathom
16. DATA DESIGN FIRMS The OCR Periscopic Stamen
17. JOURNALISM Bloomberg Visual Data National Geographic The New York Times
18. INDIVIDUALS Jan Willem Tulp Jen Lowe Moritz Stefaner
19. INDIVIDUALS Nathan Yau Santiago Ortiz Stefanie Posavec
20. COMPANIES + GOVERNMENT Google Big Picture Mapbox NASA
21. ACADEMIA Selfie City Kindred Britain Poem Viewer
22. Q: How do they do it?
23. Q: What data design process results in the most successful outcomes?
24. Data Outcome
25. Design process, after Tim Brennan, ~1990, reproduced from How do you design?, Dubberly Design Office, 2004.  
26. Q: What data design process results in the most successful outcomes?
27. Q: What data design process results in the most successful outcomes? A:
28. Q: What data design process results in the most successful outcomes? A: It depends.
29. Some factors on which “it depends”: team size team expertise project goals data availability output medium time available budget available tools available
30. Data Outcome Process Maps That Attempt to Clarify the Complexity of All This
31. Ben Fry. Visualizing Data. O’Reilly, 2008.
32. Project workflow by Moritz Stefaner, reproduced from The Functional Art by Alberto Cairo. New Riders, 2013.
33. Nathan Yau. Visualize This. Wiley, 2011.
34. Process diagram, Jeff Heer, University of Washington
35. A data journalism workflow, Mark McCormick with Simon Rogers, 2013. UNNECESSARY COLUMNS OF DATA MERGED CELLS DATA IN WRONG FORMAT SHARE DATA BREAKING NEWS WHAT OTHER DATA SETS TO USE WITH IT? WHAT TO COMPARE OR SHOW CHANGE RECURRING EVENTS SENT DATA SANITY CHECK THE RESULTS RECALCULATE IF NEEDED JUST PUBLISH GOOGLE FUSION TABLE STORY OUR GRAPHICS TEAM SPREAD SHEETS THEORIES TO BE EXPLORED PERFORM CALCULATIONS ON THE DATA WHAT DOES THE DATA MEAN DATA MEASURED IN DIFFERENT UNITS FREE VIZ TOOLS OUTPUT
36. UNNECESSARY COLUMNS OF DATA MERGED CELLS DATA IN WRONG FORMAT SHARE DATA BREAKING NEWS WHAT OTHER DATA SETS TO USE WITH IT? WHAT TO COMPARE OR SHOW CHANGE RECURRING EVENTS SENT DATA SPREAD SHEETS THEORIES TO BE EXPLORED WHAT DOES THE DATA MEAN DATA MEASURED IN DIFFERENT UNITS A data journalism workflow, Mark McCormick with Simon Rogers, 2013. UNNECESSARY COLUMNS OF DATA MERGED CELLS DATA IN WRONG FORMAT SANITY CHECK THE RESULTS RECALCULATE IF NEEDED JUST PUBLISH GOOGLE FUSION TABLE STORY OUR GRAPHICS TEAM PERFORM CALCULATIONS ON THE DATA DATA MEASURED IN DIFFERENT UNITS FREE VIZ TOOLS OUTPUT
37. UNNECESSARY COLUMNS OF DATA MERGED CELLS DATA IN WRONG FORMAT SHARE DATA BREAKING NEWS WHAT OTHER DATA SETS TO USE WITH IT? WHAT TO COMPARE OR SHOW CHANGE RECURRING EVENTS SENT DATA SANITY CHECK THE RESULTS RECALCULATE IF NEEDED JUST PUBLISH GOOGLE FUSION TABLE STORY OUR GRAPHICS TEAM SPREAD SHEETS THEORIES TO BE EXPLORED PERFORM CALCULATIONS ON THE DATA WHAT DOES THE DATA MEAN DATA MEASURED IN DIFFERENT UNITS FREE VIZ TOOLS OUTPUT
38. Ben Fry. Visualizing Data. O’Reilly, 2008.
39. Decisions, decisions, decisions...
40. SUCCESS FAILURE START
41. SUCCESS FAILURE START
42. SUCCESS FAILURE START
43. SUCCESS FAILURE START
44. SUCCESS FAILURE START
45. SUCCESS FAILURE START
46. SUCCESS FAILURE START
47. SUCCESS FAILURE START
48. SUCCESS FAILURE START
49. SUCCESS FAILURE START Clarify What & Why Explore & Sketch Define & Produce
50. SUCCESS FAILURE START Acquire Parse Filter Mine Represent Refine Interact
51. SUCCESS FAILURE START Acquire Parse Filter Mine Represent Refine Interact
52. Expertise is the informed capacity to make decisions.
53. Q: What expertise, exactly, do we need?
54. Q: What expertise, exactly, do we need? A:
55. Q: What expertise, exactly, do we need? A: It depends.
56. ESSENTIAL HELPFUL BONUS EXPERTISE NEEDED FOR DATA DESIGN
57. Cartography Mathematics Architecture Management Business Art History History Empathy Patience Self- awareness Non- defensiveness Visual Arts Illustration Graphic Design Web Design Design Process UI/UX Psychology Journalism Computer Science Cognitive Science Visual Perception Scientific Method Statistics Logic Writing Coding Curiosity Domain Expertise Data Fluency Visual Design EXPERTISE NEEDED FOR DATA DESIGN
58. Cartography ecture Management Business Art History History Empathy Patience Self- awareness Non- defensiveness Visual Arts Illustration Graphic Design Web Design Design Process UI/UX Psychology Journalism Computer Science Cognitive Science Visual Perception Scientific Method Statistics Logic Writing Coding Curiosity Domain Expertise Data Fluency Visual Design Cartography Mathematics Architecture Management Busi History Empathy Patience Self- awareness Non- defensiveness Visual Arts Illustration Graphic Design Web Design Design Process UI/UX Psychology Journalism Computer Science Cognitive Science Visual Perceptio Scientifi Method Statistics Logic Writing Coding Curiosity Domain Expertise Data Fluency Visual Design
59. SUCCESS FAILURE START Acquire Parse Filter Mine Represent Refine Interact SMALLER LOOPS SPEED ITERATION
60. More people with more skills working more closely together making more of the right decisions more often.
61. Mathematics Empathy Patience Self- awareness Non- defensiveness Illustration Psychology Journalism Co S Sta Logi Writing Coding Curiosity Domain Expertise Data Fluency Visual Design PROCESS MAPS FOR BIG-PICTURE GUIDANCE MORE EXPERTISE FOR BETTER DECISIONS BETTER COMMUNICATION FOR FASTER ITERATION
62. Open Source Your Data Design Process
64. For you, what constitutes "success"? “Client is happy (firstly); design is clean, code doesn't suck from my perspective, vis shows something interesting or allows people to find interesting things in it.” “Delivery on time. Actual usage by readers of the story. [Process produces] reusable code or components.” “There was nothing more to improve given the constraints.”
65. First steps in the data visualization process: “Collect raw data.” “Develop [a] hypothesis about the problem.” “Receive the data from client. Sit with client and make sure data is fully understood.” “I create folders for any idea that pops into my head. When I have time I dig into one and see if I can find a data set that fits my needs.” “Have questions to answer with data. All my projects start by having at least one question and some data.” “I usually start with a question. What do I want to know? What do I want to figure out? It usually starts with some curiosity…” “ESTABLISH THE VISUALISATION’S PURPOSE”
66. 1. What problem are we trying to solve? 2. What question(s) do we have? 3. What data do we have? 4. What (additional) data would we need to: solve the problem? answer the question?
67. Data Vis Process Research github.com/alignedleft/data-vis-process > take the survey > read survey responses > related reading list > tons of links on process
68. Hugh Dubberly. “What can Steve Jobs and Jonathan Ive teach us about designing?” ACM Interactions, Vol. XIX.3, 2012. 1. Whole systems thinking 2. Deep, broad teams 3. Design conversations Hugh Dubberly “What can Steve Jobs and Jonathan Ive teach us about designing?”
69. Hugh Dubberly. “What can Steve Jobs and Jonathan Ive teach us about designing?” ACM Interactions, Vol. XIX.3, 2012. “But only one form of conversation leads to a partnership, to deep trust, and ultimately to innovation and a sustained period of good design. Such conversations are principally about goals —— about beliefs, about values, and about quality…” — Hugh Dubberly
70. Open Source Your Data Design Process Scott Murray @alignedleft alignedleft.com github.com/alignedleft/data-vis-process Today 2:30pm Office hours 3:15pm Book signing