social fabrics: designing wearable e-textiles for interaction, introspection, and inquiry

84
Human Computer Interaction Laboratory makeability lab @jonfroehlich Assistant Professor, Computer Science University of Maryland D.C. Art Science (DASER) National Academy of Sciences October 16, 2014

Upload: jon-froehlich

Post on 14-Jun-2015

537 views

Category:

Technology


2 download

DESCRIPTION

You can see a video recording of this talk online: https://www.youtube.com/watch?v=DwnZmJUybY4. You can download the original PowerPoint slide deck with videos here: http://www.cs.umd.edu/~jonf/talks.html Talk Abstract: Advances in electronic textiles (e-textiles), embedded computing, and biometric sensing enable new types of wearable interactive experiences. In this talk, I will introduce three e-textile projects from my research group: BodyVis, Social Fabric Fitness, and ILikeThisShirt.com which explore and push on how computational clothing can be used to facilitate group interaction, provoke self-inquiry, and stimulate introspection. Background: I gave this talk at the National Academy of Science's "DC Art Science Evening Rendezvous" (DASER) at the Keck Center. The evening's theme was "technology and creativity" highlighted by the opening of University of Maryland Computer Science Professor Ben Shneiderman's “Every AlgoRiThm has ART in it: Treemap Art Project.” In addition to Shneiderman and myself, the other speakers included Manuel Lima, a designer, author, researcher, and lecturer, and Jonah Brucker-Cohen, an assistant professor of digital media and networked culture, Lehman College, City University of New York. For more information, see: * http://www.cpnas.org/press/announcements/treemapfinalrelease.pdf * https://www.eventbrite.com/e/dc-art-science-evening-rendezvous-daser-tickets-11950067975 * http://www.cpnas.org/events/experience-future-events-daser.html

TRANSCRIPT

Page 1: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Human Computer Interaction Laboratory

makeability lab

@jonfroehlich Assistant Professor, Computer Science University of Maryland

D.C. Art Science (DASER) National Academy of Sciences

October 16, 2014

Page 2: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

@jonfroehlich Assistant Professor Computer Science

Making in the HCIL

@jonfroehlich

Assistant Professor

Computer Science

31st HCIL Symposium

May 29, 2014

Page 3: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 4: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

FABRIC MOUSE TOUCHPAD By Peter Enns & Chris Imbriano, Spring 2014

Page 5: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 6: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

MUSICAL SPAGHETTI MADNESS By Richard Johnson, Spring 2014

Page 7: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 8: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 9: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

WHAT ARE?

E-textiles are textiles with embedded electronics/digital components (including small computers)

Page 10: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

WRECKING CREW ORCHESTRA

Source: http://youtu.be/6ydeY0tTtF4

Page 11: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

WRECKING CREW ORCHESTRA

Page 12: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

The Printing Dress Asta Roseway Microsoft Research

Source: http://youtu.be/_9EVo2RicS0

CARRIE UNDERWOOD’S DRESS 2013 GRAMMY AWARDS

Page 13: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

PILEUS: THE INTERNET UMBRELLA DESIGNERS: SHO HASHIMOTO & TAKASHI MATSUMOTO

Source: http://www.pileus.net/

Page 14: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 15: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Flutters in direction of sound

FLUTTER DESIGNERS: HALLEY PROFITA, NICHOLAS FARROW,, NIKOLAUS CORRELL

Vibration motors

Microphone

Source: IWSC2012

Page 16: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

No Longer A Creative Craft For Just Professional Fashion/Set Designers

Page 17: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 18: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 19: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 20: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 21: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

VERITABLE EXPLOSION OF E-TEXTILE MAKERS

Page 22: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Source: http://youtu.be/9ClxC8YlzRQ Source: http://youtu.be/LlCyJI9LpGU

MY HAND MADE LED SHOES HOW TO MAKE LED SHOES

YouTube User: Brandon Larson YouTube User: Haspreet Singh

YOUTUBE USER: HARPREET SINGH

Page 23: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Source: http://youtu.be/NSyykW4Age8

JUMPING JUMPER MOTION SENSITIVE SKIRT YOUTUBE USER: ANIOMAGIC

Page 24: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Source: http://youtu.be/dsi3bIHlKv4

T-SHIRT TETRIS YOUTUBE USER: MARC KERGER

Page 25: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

o

o

o

o

o

o

Page 26: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 27: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 28: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 29: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 30: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 31: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 32: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 33: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

WHAT IF OUR CLOTHES COULD

SHOW HOW FAST

WE RUN?

Page 34: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 35: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 36: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Social Fabric Fitness

Page 37: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Sketches Time, Distance, Pace, Heartrate

Page 38: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Low-Fidelity Prototypes Exploring Weight, Size, Flexibility

Page 39: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Low-Fidelity Prototypes Exploring Weight, Size, Flexibility

Page 40: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Low-Fidelity Prototypes Exploring Weight, Size, Flexibility

Page 41: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Low-Fidelity Prototypes Exploring Weight, Size, Flexibility

Page 42: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Prototype #1 Prototype #2 Prototype #3

Manufacturer Our Team Plastic Logic Erogear

Display Weight 66.9 g 25.4 g 46.8 g

Total Weight 152.9 g 411.7 g 161.2 g

Pixels 24 x 12 320 x 240 32 x 16

Refresh Rate 5 Hz 1.1 Hz 38 Hz

Dimensions* 21.3 x 12.2 cm 18.4 x 14 cm 20.3 x 15.2 cm

Display Thickness* 13.5 mm 4.9 mm 4.8 mm

* With enclosure

SFF: THREE INTERACTIVE PROTOTYPES

Page 43: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Prototype #1 Prototype #2 Prototype #3

Manufacturer Our Team Plastic Logic Erogear

Display Weight 66.9 g 25.4 g 46.8 g

Total Weight 152.9 g 411.7 g 161.2 g

Pixels 24 x 12 320 x 240 32 x 16

Refresh Rate 5 Hz 1.1 Hz 38 Hz

Dimensions* 21.3 x 12.2 cm 18.4 x 14 cm 20.3 x 15.2 cm

Display Thickness* 13.5 mm 4.9 mm 4.8 mm

* With enclosure

SFF: THREE INTERACTIVE PROTOTYPES

As a comparison:

iPhone 4S = 140 g

Page 44: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Data Collection In-situ observation

Page 45: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Prototype #1

Prototype #2

Pilot Studies In-situ observation

Page 46: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Pilot Studies In-situ observation

Prototype #3

Page 47: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Final Prototype Pre-Production Display by Erogear

Page 48: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

SFF: FINAL VISUALIZATIONS

Page 49: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Final Prototype Goal Pace Tracking Visualization

Page 50: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

FIELD STUDY PARTICIPANTS 10 GROUPS; 52 INDIVIDUALS (35 FEMALE)

Avg Group Size:

5 Avg Age:

40.7 Avg Target Pace:

10:14 Avg Distance:

3.5 mi

Page 51: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

RACE STUDY PARTICIPANTS 4 INDIVIDUALS (1 FEMALE)

Part. ID Age Gender Race Target Pace

R1P1 34 M County 8K 6:15

R1P2 33 F County 8K 8:20

R2P1 26 M Labor Day

10K 7:45

R2P2 18 M Labor Day

10K 8:30

Male, 34 Target Pace: 6:10 County 8K

Female, 33 Target Pace: 8:20 County 8K

Male, 26 Target Pace: 7:45 Labor Day 10K

Male, 18 Target Pace: 8:30 Labor Day 10K

Page 52: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Race Deployment Competitive Interactions

Page 53: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

“It made me more aware

of our pacing and kept me

more focused on the run.” -G2P2-W

FIELD STUDY RESULTS DATA AWARENESS; ALL (N=52)

Page 54: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

“Made me feel like I was pushing

my efforts, which is good.” -G7P8

FIELD STUDY RESULTS MOTIVATION; ALL (N=52)

“Motivated me to go faster than

the pace displayed.” -G7P7

Page 55: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Gold Medal

Page 56: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

“It made me run faster

because my performance

was on display.” -R2P1-W

RACE STUDY RESULTS MOTIVATION; WEARERS (N=4)

Page 57: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Potential Dichotomy

Increased motivation

vs. increased anxiety

SFF Externalizes Performance

Page 58: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

NEW EROGEAR FOS DISPLAY

Source: http://www.erogear.com/

Page 59: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 60: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 61: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 62: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

“Does my heart beat faster when

running vs. reading a book? Why?”

“How does my breathing rate

compare to my classmate’s

and why may this be?”

“How does food travel

through my body?”

Page 63: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 64: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 65: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 66: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 67: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 68: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 69: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 70: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 71: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 72: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 73: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

417

Page 74: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 75: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 76: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 77: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 78: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 79: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 80: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry
Page 81: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

http://learn.sparkfun.com http://learn.adafruit.com/ http://www.instructables.com/

proquest.safaribooksonline.com/ http://highlowtech.org/ itp.nyu.edu/physcomp/Tutorials

JOIN US! ONLINE RESOURCES

Page 82: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

GRADUATE STUDENTS

Matt Mauriello Social Fabric Fitness

Michael Gubbels Social Fabric Fitness

Leyla Norooz BodyVis

Ladan Najafizadeh ILikeThisShirt

FUNDING

Page 83: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Volcano by Hunotika http://thenounproject.com/term/volcano/42791/

T-Shirt by Josh http://thenounproject.com/term/tshirt/8009/

ICON CREDITS

FONT CREDITS

Segoe Condensed Segoe UI Light

Segoe UI Semibold

Page 84: Social Fabrics: Designing Wearable E-Textiles for Interaction, Introspection, and Inquiry

Human Computer Interaction Laboratory

makeability lab

@jonfroehlich Assistant Professor, Computer Science University of Maryland

D.C. Art Science (DASER) National Academy of Sciences

October 16, 2014