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


Top Related