CSE 510: Advanced Topics in HCI Design Tools James Fogarty Daniel - - PowerPoint PPT Presentation

▶

Aug 26, 2023 229 likes •557 views

CSE 510: Advanced Topics in HCI Design Tools James Fogarty Daniel Epstein Tuesday/Thursday 10:30 to 12:00 CSE 403 ABC News and IDEOs Deep Dive Things to see in this video: brainstorming inquiry Why build a shopping cart with no

SLIDE 1

CSE 510: Advanced Topics in HCI

James Fogarty Daniel Epstein Tuesday/Thursday 10:30 to 12:00 CSE 403 Design Tools

SLIDE 2

ABC News and IDEO’s Deep Dive

Things to see in this video:

brainstorming inquiry sketching critique

A highly iterative design process with a variety of intermediate artifacts

Why build a shopping cart with no bottom?

SLIDE 3

ABC News and IDEO’s Deep Dive (1999)

http://courses.cs.washington.edu/courses/cse510/videos/designtools/ideo_1999.mp4

SLIDE 4

Sketching in Design (2007)

“Design is Choice” “the creativity that you bring to enumerating meaningfully distinct

ptions from which to

choose”

SLIDE 5

Sketching in Design (2007)

“Design is Choice” “the creativity that you bring to defining the criteria, or heuristics, according to which you make your choices”

SLIDE 6

SILK (1996)

http://courses.cs.washington.edu/courses/cse510/videos/designtools/silk_chi1996.mp4

SLIDE 7

SILK (1996)

Informal Interaction

SLIDE 8

SILK (1996)

Migrate to Prototype, Storyboard-Based Programming

SLIDE 9

QUILL (2000)

Gesture Language Design

SLIDE 10

DENIM (2000)

http://courses.cs.washington.edu/courses/cse510/videos/designtools/denim_hci2000.mp4

SLIDE 11

DENIM (2000)

Early Stage, Multiple Levels of Details, Sketching, Pen Interaction

SLIDE 12

Topiary (2004)

http://courses.cs.washington.edu/courses/cse510/videos/designtools/topiary_uist2004.mp4

SLIDE 13

Topiary (2004)

Location Awareness, Wizard of Oz

SLIDE 14

Activity Designer (2008)

http://courses.cs.washington.edu/courses/cse510/videos/designtools/activitydesigner_chi2008.mp4

SLIDE 15

Designer’s Outpost (2001)

http://courses.cs.washington.edu/courses/cse510/videos/designtools/designersoutpost_uist2001.mp4

SLIDE 16

Designer’s Outpost (2001)

Tangible Interaction

SLIDE 17

FrameWire (2010)

http://courses.cs.washington.edu/courses/cse510/videos/designtools/framewire_chi2010.mp4

SLIDE 18

SUEDE (2000)

http://courses.cs.washington.edu/courses/cse510/videos/designtools/suede_uist2000.mp4

SLIDE 19

SUEDE (2000)

Sketching Is Not Just About Ink

SLIDE 20

Phidgets (2001)

http://courses.cs.washington.edu/courses/cse510/videos/designtools/phidgets_uist2001.mp4

SLIDE 21

Phidgets (2001)

Prototyping Physical Objects

SLIDE 22

d.Tools (2006)

http://courses.cs.washington.edu/courses/cse510/videos/designtools/dtools_uist2006.mp4

SLIDE 23

d.Tools (2006)

Closing The Loop in Physical Prototyping

SLIDE 24

Exemplar (2007)

SLIDE 25

Exemplar (2007)

Direct Manipulation of Simple Signal Processing

SLIDE 26

Constructable (2012)

http://courses.cs.washington.edu/courses/cse510/videos/designtools/constructable_uist2012.mp4

SLIDE 27

WirePrint (2014)

http://courses.cs.washington.edu/courses/cse510/videos/designtools/wireprint_uist2014.mp4

SLIDE 28

faBrickation (2014)

http://courses.cs.washington.edu/courses/cse510/videos/designtools/fabrickation_chi2014.mp4

SLIDE 29

Gestalt (2010)

http://courses.cs.washington.edu/courses/cse510/videos/designtools/gestalt_uist2010.mp4

SLIDE 30

DejaVu (2012)

http://courses.cs.washington.edu/courses/cse510/videos/designtools/dejavu_uist2012.mp4

SLIDE 31

Picode (2013)

http://courses.cs.washington.edu/courses/cse510/videos/designtools/picode_chi2013.mp4

SLIDE 32