Lecture 2: Design Rules of Thumb DS 4200 F ALL 2020 Prof. Cody - - PowerPoint PPT Presentation

▶
lecture 2
SMART_READER_LITE
LIVE PREVIEW

Lecture 2: Design Rules of Thumb DS 4200 F ALL 2020 Prof. Cody - - PowerPoint PPT Presentation

Apr 09, 2024 199 likes •509 views

Lecture 2: Design Rules of Thumb DS 4200 F ALL 2020 Prof. Cody Dunne N ORTHEASTERN U NIVERSITY Slides and inspiration from Michelle Borkin, Krzysztof Gajos, Hanspeter Pfister, 1 Miriah Meyer, Jonathan Schwabish, and David Sprague NU FLEX

slide-1
SLIDE 1

Lecture 2: Design Rules of Thumb

DS 4200 FALL 2020

  • Prof. Cody Dunne

NORTHEASTERN UNIVERSITY

1

Slides and inspiration from Michelle Borkin, Krzysztof Gajos, Hanspeter Pfister, Miriah Meyer, Jonathan Schwabish, and David Sprague

slide-2
SLIDE 2

NUFLEX/COVID-19 CHECK-IN

2

slide-3
SLIDE 3

ASSIGNMENT 1A — CRITIQUE THE SYLLABUS

3

slide-4
SLIDE 4

PREVIOUSLY, ON CS 7250…

5

slide-5
SLIDE 5

What is visualization anyway?

6

slide-6
SLIDE 6

visualization: the visual representation of data

to reinforce human cognition

(static or interactive) (abstract or spatial)

7

slide-7
SLIDE 7

visualization computer graphics statistics HCI design psychology art

8

slide-8
SLIDE 8

STAFF INTRODUCTIONS

9

David Saffo, CS PhD TA (Primary) Cody Dunne Assistant Professor Instructor Megha Rao TA Eduardo Massud IA

slide-9
SLIDE 9

Course Homepage on Canvas

https://c.dunne.dev/ds4200f20 Canvas first!

10

slide-10
SLIDE 10

11 http://hint.fm/wind/gallery/oct-29.js.html Kathryn Busemeyer - https://www.nytimes.com/interactive/2017/09/09/us/hurricane-irma-records.html

slide-11
SLIDE 11

NOW, ON DS 4200…

12

slide-12
SLIDE 12

Hall of Fame or Hall of Shame

13

  • Prof. Krzystzof Gajos
slide-13
SLIDE 13

14

Matthew Kolosick - https://twitter.com/blkahn/status/905141924939649024/photo/1

slide-14
SLIDE 14

https://www.nhc.noaa.gov /refresh/graphics_at5+sht ml/155815.shtml?cone#co ntents

slide-15
SLIDE 15

https://www.nhc.noaa.gov /refresh/graphics_at5+sht ml/155815.shtml?cone#co ntents

slide-16
SLIDE 16
slide-17
SLIDE 17
slide-18
SLIDE 18

19 https://www.nytimes.com/interactive/2019/08/29/opinion/hurricane-dorian-forecast-map.html

slide-19
SLIDE 19

In-Class Redesign — Hurricane Funnels

35 min https://northeastern.instructure.com/courses/18721/assignments/573842

https://www.nhc.noaa.gov/refresh/graphics_at5+shtml/ 155815.shtml?cone#contents

slide-20
SLIDE 20

THE NESTED MODEL FOR VISUALIZATION DEVELOPMENT

21

slide-21
SLIDE 21

TEXTBOOK

Additional “recommended” books as resources in syllabus

slide-22
SLIDE 22

“Nested Model”

Tamara Munzner Example

FAA (aviation)

What is the busiest time

  • f day at Logan

Airport? Map vs. Scatter Plot vs. Bar

slide-23
SLIDE 23

24

Nested Model

slide-24
SLIDE 24

25

Nested Model

Designer understands user Abstract domain tasks

Human-centered design

Visualization design Implementation Identified Designed

slide-25
SLIDE 25

26

Nested Model

TOP-DOWN BOTTOM-UP “problem- driven” “technique

  • driven”

Design Study

Most difficult step!

Technique

slide-26
SLIDE 26

27

Nested Model

Mistakes propagate through model!

slide-27
SLIDE 27

28

Threats to Validity

slide-28
SLIDE 28

29

Threats to Validity

Final Project validation

✓ ✓ ✓ ✓

Final project follow-up

slide-29
SLIDE 29

Upcoming Assignments & Communication

https://c.dunne.dev/ds4200f20 Look at the upcoming assignments and deadlines (12:01am)!

  • Textbook, Readings & Reading Quizzes
  • Due W 2020-09-16: Assignment 1a,b,c
  • Due W 2020-09-23: Assignment 2a,b
  • Due W 2020-09-30: Project 1

Everyday Required Supplies:

  • 5+ colors of pen/pencil
  • White paper
  • Laptop and charger

Use Canvas Discussions for general questions, email the instructor & TAs for questions specific to you.