#6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

16
1 2 WIESŁAW BARTKOWSKI PROJEKTANT INTERAKCJI I BADACZ SYSTEMÓW ZŁOŻONYCH Uniwersytet SWPS School of Form Instytut Studiów Społecznych, UW Human - Computer Interaction Computer Science Social Science Complexity Science [email protected] 3 PROJEKTOWANIE INTERAKCJI UCIELEŚNIONEJ EMBODIED INTERACTION DESIGN 4 HUMAN - COMPUTER INTERACTION 5 „Komputery” w przyszłości ? STOIMY U PROGU ZMIANY? 6 Project Glass One day... bliskość ciała, bariera intymności, cyborg? 7 Smart environment “We have this fascination with the Hollywood version of robotics where they are servants and humanoids, but robotics is when you add intelligence to physical objects.” Ali Kashani, 2014 Nie robot humanoidalny żnorodność form i zachowań Zoo 8 Intel Edison Everything smart Ucieleśniona moc obliczeniowa 9

Transcript of #6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

Page 1: #6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

1 2

WIESŁAW BARTKOWSKI PROJEKTANT INTERAKCJI I BADACZ SYSTEMÓW ZŁOŻONYCH

Uniwersytet SWPS School of Form Instytut Studiów Społecznych, UW

Human - Computer Interaction Computer Science Social Science Complexity Science

[email protected]

3

PROJEKTOWANIE INTERAKCJI

UCIELEŚNIONEJ EMBODIED INTERACTION DESIGN

4

HUMAN - COMPUTER INTERACTION

5

„Komputery” w przyszłości

?

S T O I M Y U PROGU ZMIANY?

6

Project Glass One day...bliskość ciała, bariera intymności, cyborg?

7

Smart environment

“We have this fascination with the Hollywood version of robotics where they are servants and humanoids, but robotics is when you add intelligence to physical objects.”

Ali Kashani, 2014

Nie robot humanoidalny Różnorodność form i zachowań Zoo

8

Intel EdisonEverything smart

Ucieleśniona moc obliczeniowa

9

Page 2: #6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

Google Car

10 11 12

one-legged hoppers (1983-1984) MIT, Boston Dynamics

Marc Raibert

13

HARDWARE IS THE NEW SOFTWARE

14

CONNECTING DIGITAL & PHYSICAL

BITY + ATOMY

15

inFORM - Tangible Media Group - MIT http://tangible.media.mit.edu/project/inform/

16 17

PHYSICAL MANIFESTATION OF DIGITAL

off screen experience

being-in-the-world

coordination and synchronization

physical visualization of information

18

Page 3: #6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

UCIELEŚNIENIETo jak istniejemy w świecie kształtuje

sposób w jaki go rozumiemy

Świat jest narzędziem w naszych rękach

19 20

http://beingintheworldmovie.com

21

EmbodimentBEING-IN-THE-WORLD

EMOCJE, ZMYSŁY, KONTEKST SPOŁECZNY

kontra

PRZETWARZANIE SYMBOLICZNE, JĘZYK, LOGIKA

22

fot. Magda KurowskaMagnetico

23

Magnetico Kamila Koźmiańska, Magda Kurowska, Joanna Ziemowska School of Form Praca z estetyki interakcji pod kierunkiem: Wiesław Bartkowski, Krzysztof Goliński

24

Magnetico Centrum Nauki Kopernik Festiwal Przemiany 2015

25

Magnetico Centrum Nauki Kopernik Festiwal Przemiany 2015

26

Magnetico Centrum Nauki Kopernik Festiwal Przemiany 2015

27

Page 4: #6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

Kontekst społeczny

Magnetico Centrum Nauki Kopernik Festiwal Przemiany 2015

28

Kontekst społeczny

Magnetico Uniwersytet SWPS WUD na Pradze 2015

29

Kontekst społeczny

Magnetico Uniwersytet SWPS WUD na Pradze 2015

30

Magnetico School of Form foto: Marta Jagielska

31

Magnetico School of Form foto: Wiesław Bartkowski

32

PROJEKTOWANIE INTERAKCJIBudowanie dialogu z technologią

Projektowanie interakcji to wielopłaszczyznowa dziedzina łącząca technologię, sztukę oraz nauki humanistyczne zorientowana na użytkownika a

nie produkt

33

Aibo pet robot funeral

34

PROJEKTOWANIE INTERAKCJI TO W PEWNYM SENSIE NADAWANIE DUSZY PRZEDMIOTOM MARTWYM, KTÓRE SĄ „POJEMNIKIEM” NA DOŚWIADCZENIA WYNIKAJĄCE

Z DWUKIERUNKOWEGO DIALOGU

35 36

Page 5: #6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

https://www.sifteo.com/home

37

Angry Birds USB Slingshot https://www.youtube.com/watch?v=AJjD3DIqMFs

38

EMBODIMENTEmbodiment typically refers to our being living,

feeling, bodily entities situated in a physical world. This contrasts with a view of human

cognition as grounded in abstract information processing. Theories of embodiment focus on how our bodies and active experiences shape

how we perceive, feel and think

39

http://www.topobo.com/videos.html

40

MORPHOLOGICAL COMPUTING

41

BeTouched :: Sensual Dynamics - exploring reciprocal touch designed by Josje Wijnen, Jurrian Tjeenk Willink Kim van Iersel, and Sebastiaan Pijnappel, 2011

https://vimeo.com/41899996

42

EMBODIED INTERACTION

We find the world meaningful primarily with respect to the ways in which we act within it

Embodied interaction is the creation, manipulation and sharing of meaning through engaged interaction with artefacts (Dourish, 2001: 126)

How meaning is fluidly negotiated in interaction with technology, the world and other people?

43

http://www.apple.com/macbook/design/

TAPTIC ENGINE

44

http://www.apple.com/macbook/design/

Bit more then just a glass Embodiment

Aesthetics of interaction

45

Page 6: #6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

http://www.apple.com/watch/technology/

TAPTIC ENGINE HUMAN TOUCH THE SAME APPROACH

46

FABIAN HEMMERT

Embodied Interactions: In Touch With the Digital Looking at new ways to make technology more human.

47

weight as a representation for digital content

48

49

shape change as a means of displaying digital contents

50 51

52

human ability of empathy – as social beings‘living mobile’ provides information about missed calls or text messages through breath and pulse

53 54

Page 7: #6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

Model mentalny

Interfejs powinien odwoływać się do modelu mentalnego użytkownika, a nie prezentować model implementacyjny

55

Model mentalny podróży

56

Model mentalny komputera

?

57

ESTETYKA INTERAKCJI

58

Friendly Vending Master Graduation Project Blog by Guus Baggermans Industrial Design at Eindhoven University of Technology

https://vimeo.com/6158274

59

EMBODIED COGNITION

Gibsons (1979) ecological approach to visual perception, which presents perception and action as inseparable

The environment is part of the cognitive system

Physical changes to the body, such as adopting a different posture, can in some circumstances induce changes in emotional or attitudinal states and social perceptions (e.g. Niedenthal et al., 2005)

60

Shylight movie by Studio Drift https://vimeo.com/121668041

61

Bang & Olufsen :: BeoVision

62

Bang & Olufsen :: BeoVision https://www.youtube.com/watch?v=l-urWOE-raA

63

Page 8: #6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

Bang & Olufsen store. Johannes Torpe design https://vimeo.com/116842079

64

Bang & Olufsen store. Johannes Torpe design https://vimeo.com/116842079

65

TECHNOLOGIA PERSWAZYJNA

OPRESYJNA!

66

http://www.pleasurabletroublemakers.com/keymoment/

67

CREATIVE CODING PHYSICAL COMPUTING INTERACTIVE INSTALATIONS PRZEDMIOT OŻYWIONY BEAUTIFUL DATA AESTHETICS OF INTERACTION CRITICAL DESIGN HUMAN - COMPUTER INTERACTION

COMMUNICATION DESIGN DOMESTIC DESIGN FASHION DESIGN INDUSTRIAL DESIGN

MOJE ZAJĘCIA W SOF {

68

KOD + ELEKTRONIKATWORZYWEM PROJEKTANTA

KOD + ELEKTRONIKA = BITY + ATOMY

69

WYBRANE PROJEKTY LICENCJACKIE

70

proces projektowy

fot. Agnieszka Gawrysiak

Skylight Beans Agnieszka Gawrysiak promotor projektowy: Wiesław Bartkowski, promotor humanistyczny: David Wiener

71

bransoletka

fot. Agnieszka Gawrysiak

Skylight Beans Agnieszka Gawrysiak School of Form

72

Page 9: #6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

MUSI Ernest Warzocha School of Form promotor projektowy: Wiesław Bartkowski, promotor humanistyczny: David Wiener

73

fot. Ernest Warzocha

Przestrzeń i dźwięk Ernest Warzocha School of Form

74

fot. Ernest Warzocha

Przestrzeń i dźwięk Ernest Warzocha School of Form

75

Interaktywna witryna Orange Jadwiga Krym, Zofia Napierała School of Form promotor projektowy: Wiesław Bartkowski, promotor humanistyczny: Ewa Klekot

76

Interaktywna witryna Orange Jadwiga Krym, Zofia Napierała School of Form promotor projektowy: Wiesław Bartkowski, promotor humanistyczny: Ewa Klekot

77

Interaktywna witryna Orange Jadwiga Krym, Zofia Napierała School of Form promotor projektowy: Wiesław Bartkowski, promotor humanistyczny: Ewa Klekot

78

https://www.youtube.com/watch?v=eakKfY5aHmY

79

80

MIM Magda Kurowska promotor projektowy: Agnieszka Matysiak Szóstek, promotor humanistyczny: Dawid Wiener

Relacja dziecko - rodzic kontakt - komunikacja niewerbalna częstość kontaktu, autonomia poczucie bezpieczeństwa wyrażanie emocji

80 81

Page 10: #6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

82 83 84

85

PSIE

Marta Jagielska promotor projektowy: Agnieszka Matysiak Szóstek, promotor humanistyczny: Dawid Wiener

interakcja człowiek - pies wspierać właściciela w uczeniu psa reakcją na nietypowe sytuacje założenie: nieprawidłowe zachowania zwierząt są efektem braku konsekwencji ich właścicieli interakcja jest skierowana do właściciela a nie do zwierzęcia tresowanie właściciela

85

86

86

WYBRANE PROJEKTY SEMESTRALNE

87

fot. Wiesław Bartkowski

Fashion Design :: Interactive Tablecloth Wspólny posiłek bez telefonu

88fot. Wiesław Bartkowski

Poduszka przyjaciel Autorka: Natalia Liput School of Form Praca pod kierunkiem: Wiesław Bartkowski, Anna Lorens

89fot. Wiesław Bartkowski

Pomaga zasnąć i przełamać strach przed ciemnością

90

Page 11: #6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

fot. Wiesław Bartkowski

91fot. Wiesław Bartkowski

WATER YOURSELF Magdalena Majnusz, Małgosia Sakiewicz

School of Form Praca pod kierunkiem:

Wiesław Bartkowski, Anna Lorens

Zestaw wspomagający

tworzenie codziennego nawyku

picia wody

92

fot. Agnieszka Sokołowska

Aurin Agnieszka Sokołowska School of Form Praca z estetyki interakcji pod kierunkiem: Wiesław Bartkowski, Krzysztof Goliński

93

blog.arduino.cc/2015/11/23/wooden-audio-sequencer/

Wooden Sequencer Ernest Warzocha, Jakub Wilczewski, Maciej Żelaznowski School of Form Praca z estetyki interakcji pod kierunkiem: Wiesław Bartkowski, Krzysztof Goliński

94

KONA Interaktywny strój do jogi Centrum Nauki Kopernik Festiwal Przemiany 2015

95

KONA Interaktywny strój do jogi Autorzy: Paulina Masternak, Aneta Legieta praca pod kierunkiem: Wiesław Bartkowski, Anna Lorens

INTERAKTYWNY STRÓJ DO ĆWICZEŃ

tya

drgania ciągłe

sposób działania mechanizmumechanizm

silniczek wibracyjny(wywołuje wibracje)

żyroskop(mierzy kąty w 3 osiach)

płytka Arduino Pro Mini(mechanizm sterujący)

baterie AAA(zasilają mechanizm)

96

PROJEKTOWANIE INTERAKCJI CZŁOWIEK - TECHNOLOGIA

UNIWERSYTET SWPS

97

WALL-EInteraktywnebiurkoSmartbyVOX

98

Wall-e i biurko Smart by Vox Autorzy: Andrzej Nartowski, Andrzej Słupski, Aleksandra Piotrowska Projektowanie Interakcji Człowiek - Technologia (PICT) Praca pod kierunkiem: Wiesław Bartkowski, Szymon Pepliński, Olga Górnicka

99

Page 12: #6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

Wall-e i biurko Smart by Vox Autorzy: Andrzej Nartowski, Andrzej Słupski, Aleksandra Piotrowska Projektowanie Interakcji Człowiek - Technologia (PICT) Praca pod kierunkiem: Wiesław Bartkowski, Szymon Pepliński, Olga Górnicka

100

Shadow Narratives, Brussels art gallery BOZARAleksandra Wasilkowska, Wiesław Bartkowski, Andrzej Nowak

fot. Wiesław Bartkowski

101fot. Wiesław Bartkowski

102

Aleksandra Wasilkowska, Wiesław Bartkowski, Andrzej Nowak :: Shadow Narratives, Bruksela galeria BOZAR

103

A PHYSICAL VISUALIZATION OF A LIVING SOCIAL NETWORK

Wiesław Bartkowski NordiCHI 2015fot. Joanna Kwiatkowska

104

A PHYSICAL VISUALIZATION OF A LIVING SOCIAL NETWORK

Wiesław Bartkowski NordiCHI 2015 fot. Joanna Kwiatkowska

105

Fizyczna wizualizacja informacji Wiesław Bartkowski, NordiCHI Helsinki 2015

106

Fizyczna wizualizacja informacji Wiesław Bartkowski, NordiCHI Helsinki 2015

107

fot. Wiesław Bartkowski

"DZIESIĘĆ PROCENT BIELI" CSW Zamek Ujazdowski

108

Page 13: #6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

109Czarna Wyspa :: Interaktywna scenografia :: Aleksandra Wasilkowska, Wiesław Bartkowski

110Czarna Wyspa :: Interaktywna scenografia :: Aleksandra Wasilkowska, Wiesław Bartkowski

111

Czarna Wyspa :: Interaktywna scenografia :: Aleksandra Wasilkowska, Wiesław Bartkowski

112

Czarna Wyspa :: Interaktywna scenografia :: Aleksandra Wasilkowska, Wiesław Bartkowski

113

Krzysztof Garbaczewski

„Życie Seksualne Dzikich” https://www.youtube.com/watch?v=9jJHdUDyiHQ

114

fot. Wiesław Bartkowski

Czarna wyspa Muzeum Sztuki Nowoczesnej, Warsaw 2014

115

[ MUZYKA_JEST ]

INSTALACJA NA OTWARCIE NARODOWEGO FORUM MUZYKI WROCŁAW 2015

116fot. Wiesław Bartkowski

117

Page 14: #6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

fot. Wiesław Bartkowski

118

fot. Wiesław Bartkowski

119

fot. Wiesław Bartkowski

120

fot. Wiesław Bartkowski

121 122

GRUPA PANGENERATOR

WYBRANE PRACE

123

124

Macrofilm :: panGenerator https://vimeo.com/92073935

125

http://pangenerator.com/#projects/project-constellaction

126

Page 15: #6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

Ogród Interakcji https://www.facebook.com/OgrodInterakcji

Nauki społeczne kształtują technologię

Wystawa przy Uniwersytecie SWPS

127

http://sprott.physics.wisc.edu/chaos/2logmaps.htm

128

2012 © Wiesław Bartkowski

129

„Miłość”

Symulacja dynamiki bliskich związków autor: Wiesław Bartkowski

https://www.youtube.com/watch?v=f58K5gR-4jE&feature=youtu.be

130

fot. Wiesław Bartkowski

Out-of-Body Experience autor: Wiktor Bruchal

131

fot. Wiesław Bartkowski

Nekomat autorka: Olga Górnicka

132

SZTUKA, NAUKA, TECHNOLOGIA, DESIGN, BIZNES

133

DIY DO IT YOURSELF

GŁÓWNIE ZROBIĆ COŚ MANUALNIEWŁĄCZAMY CIAŁO, RĘCE

134

Adam Słodowy Twórca programu „Zrób to sam”

google image search

135

Page 16: #6 Poza Ekranem: Projektowanie Interakcji Ucieleśnionej

http://primo.io

136

http://primo.io

137

BEING IN THE WORLD

LESS SCREENS MORE EMBODIMENT

http://static.independent.co.uk/s3fs-public/styles/story_large/public/thumbnails/image/2014/04/14/15/banksyb2f.JPG

138

WIESŁAW BARTKOWSKIUniversity of Social Sciences and Humanities School of Form Institute for Social Studies, University of Warsaw

Computer Science Social Science Complexity Science Human - Computer Interaction

[email protected]

139