Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Open Source Your Data Design Process

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?

Scott Murray

July 23, 2014
Tweet

More Decks by Scott Murray

Other Decks in Design

Transcript

  1. Open Source Your Data
    Design Process
    Scott Murray
    @alignedleft
    alignedleft.com

    View Slide

  2. Scott Murray
    Assistant Professor
    University of San Francisco

    View Slide

  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.

    View Slide

  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.

    View Slide

  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.

    View Slide

  6. Andy Gilmore, Wallpaper*, 2011 Andy Gilmore, 10 28 13

    View Slide

  7. Untitled — Paris, Onel, 2013 Untitled — Paris, Navets, 2010

    View Slide

  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.

    View Slide

  9. Designer
    person
    Design(ing)
    process
    Designed
    product

    View Slide

  10. industrial design
    graphic design
    interior design
    + architecture
    objects
    visuals
    spaces

    View Slide

  11. Designer
    person
    Design(ing)
    process
    Designed
    product
    Outcome
    result
    (hopefully the
    intended one!)

    View Slide

  12. Data design
    is a specific
    kind of design process.

    View Slide

  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.

    View Slide

  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

    View Slide

  15. DATA DESIGN FIRMS
    Accurat Halftone Fathom

    View Slide

  16. DATA DESIGN FIRMS
    The OCR Periscopic Stamen

    View Slide

  17. JOURNALISM
    Bloomberg Visual Data National Geographic The New York Times

    View Slide

  18. INDIVIDUALS
    Jan Willem Tulp Jen Lowe Moritz Stefaner

    View Slide

  19. INDIVIDUALS
    Nathan Yau Santiago Ortiz Stefanie Posavec

    View Slide

  20. COMPANIES + GOVERNMENT
    Google Big Picture Mapbox NASA

    View Slide

  21. ACADEMIA
    Selfie City Kindred Britain Poem Viewer

    View Slide

  22. Q: How do they do it?

    View Slide

  23. Q: What data design
    process results in the
    most successful outcomes?

    View Slide

  24. Data Outcome

    View Slide

  25. Design process, after Tim Brennan, ~1990, reproduced from How do you design?, Dubberly Design Office, 2004.

    View Slide

  26. Q: What data design
    process results in the
    most successful outcomes?

    View Slide

  27. Q: What data design
    process results in the
    most successful outcomes?
    A:

    View Slide

  28. Q: What data design
    process results in the
    most successful outcomes?
    A: It depends.

    View Slide

  29. Some factors on which “it depends”:
    team size
    team expertise
    project goals
    data availability
    output medium
    time available
    budget available
    tools available

    View Slide

  30. Data Outcome
    Process Maps That Attempt to Clarify
    the Complexity of All This

    View Slide

  31. Ben Fry. Visualizing Data. O’Reilly, 2008.

    View Slide

  32. Project workflow by Moritz Stefaner, reproduced from The Functional Art by Alberto Cairo. New Riders, 2013.

    View Slide

  33. Nathan Yau. Visualize This. Wiley, 2011.

    View Slide

  34. Process diagram, Jeff Heer, University of Washington

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  38. Ben Fry. Visualizing Data. O’Reilly, 2008.

    View Slide

  39. Decisions,
    decisions,
    decisions...

    View Slide

  40. SUCCESS
    FAILURE
    START

    View Slide

  41. SUCCESS
    FAILURE
    START

    View Slide

  42. SUCCESS
    FAILURE
    START

    View Slide

  43. SUCCESS
    FAILURE
    START

    View Slide

  44. SUCCESS
    FAILURE
    START

    View Slide

  45. SUCCESS
    FAILURE
    START

    View Slide

  46. SUCCESS
    FAILURE
    START

    View Slide

  47. SUCCESS
    FAILURE
    START

    View Slide

  48. SUCCESS
    FAILURE
    START

    View Slide

  49. SUCCESS
    FAILURE
    START
    Clarify
    What & Why
    Explore
    & Sketch
    Define
    & Produce

    View Slide

  50. SUCCESS
    FAILURE
    START
    Acquire Parse Filter Mine Represent Refine Interact

    View Slide

  51. SUCCESS
    FAILURE
    START
    Acquire Parse Filter Mine Represent Refine Interact

    View Slide

  52. Expertise is the informed
    capacity to make
    decisions.

    View Slide

  53. Q: What expertise,
    exactly, do we need?

    View Slide

  54. Q: What expertise,
    exactly, do we need?
    A:

    View Slide

  55. Q: What expertise,
    exactly, do we need?
    A: It depends.

    View Slide

  56. ESSENTIAL HELPFUL BONUS
    EXPERTISE NEEDED FOR
    DATA DESIGN

    View Slide

  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

    View Slide

  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

    View Slide

  59. SUCCESS
    FAILURE
    START
    Acquire Parse Filter Mine Represent Refine Interact
    SMALLER LOOPS
    SPEED ITERATION

    View Slide

  60. More people with
    more skills
    working more closely together
    making more of the right decisions
    more often.

    View Slide

  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

    View Slide

  62. Open Source Your Data
    Design Process

    View Slide

  63. View Slide

  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.”

    View Slide

  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”

    View Slide

  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?

    View Slide

  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

    View Slide

  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?”

    View Slide

  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

    View Slide

  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

    View Slide