SlideShare a Scribd company logo
Social Interaction Design
Patterns For Public Media Art
Sydney Interactive Art Meetup - January 2016
Luke Hespanhol
scenario
solution 1
solution 2
solution 3
many solutions
same scenario
…
pattern
Pattern identification
common aspects
Source: http://www.patternlanguage.com
Commercial street
Urban park
Home space
Architecture: 1977
Source: http://www.amazon.com/dp/0201633612/
Adapter
class
Builder
class
Factory
method
Software engineering:1994
How to find patterns for social interaction in public media art?
Still a young field, but growing fast
Types of interface and feedbackSource:Hespanhol,L.,&Tomitsch,M.(2015).StrategiesforIntuitiveInteractioninPublicUrban
Spaces.InteractingwithComputers.doi:10.1093/iwc/iwu051
Types of interface
performative
allotted
responsive ambient
How to find patterns for social interaction in public media art?
Social Logic of Space
Hillier & Hanson (1984)
Bartlett School of Architecture
Social encounters are
facilitated by spatial
configuration
Spatial Layouts
plazas (destinations)
thoroughfares (connections)
Source: Neville, F., & Reicher, S. (2011). The experience of collective participation: shared identity, relatedness and emotionality.
Contemporary Social Science, 6(3), 377-396.
Spatial Layouts
1. PLAZAS
Spatial Layouts
2. THOROUGHFARES
Interaction mechanisms:
1. Consoles/kiosks
Interaction mechanisms:
2. Mobile devices
Interaction mechanisms:
2. Full body interaction
Layout factors
spatial
layout
interaction
modality
type of
feedback
plaza console direct
thoroughfare mobile delayed
full body
Types of interface
performative
allotted
responsive ambient
How to find patterns for social interaction in public media art?
Source: Hespanhol, L., & Dalsgaard, P. (2015). Social Interaction Design Patterns For Urban Media Architecture. Proc. INTERACT’15,
September 14-18, 2015, Bamberg, Germany. Paper presented at the INTERACT’15, Bamberg, Germany.
Social interaction modes
SOCIAL FOCUS:
spectacle
SOCIAL CONTENT:
creativity
SPATIAL SOCIABILITY:
conversation
appreciation/
discussion
playfulness triangulation
self-expression
collective
narratives
negotiation of
space
Source: Hespanhol, L., & Dalsgaard, P. (2015). Social Interaction Design Patterns For Urban Media Architecture. Proc. INTERACT’15,
September 14-18, 2015, Bamberg, Germany. Paper presented at the INTERACT’15, Bamberg, Germany.
Remote Control
Shadow Playing
Smooth Operator
Soapbox
Amusement Park
Swarm
Automatic Gate
Remote Control
Shadow Playing
Smooth Operator
Soapbox
Amusement Park
Swarm
Automatic Gate
social interaction
mode patterns
spatial layout
patterns
Social Interaction Design Patterns for Interactive Media Architecture
Source: Hespanhol, L., & Dalsgaard, P. (2015). Social Interaction Design Patterns For Urban Media Architecture. Proc. INTERACT’15,
September 14-18, 2015, Bamberg, Germany. Paper presented at the INTERACT’15, Bamberg, Germany.
social interaction mode
patterns
pattern 1 Social interaction modes
spectacle creativity conversation
appreciation/
discussion
playfulness triangulation
self-expression
collective
narratives
negotiation of
space
Source: http://moritzbehrens.com/2013/scsd_sp/
Smart Citizen Sentient Dashboard
Sao Paulo, Brazil (2013) and others
Behrens, M., Valkanova, N., gen. Schieck, A. F., and Brumby, D. P. Smart
Citizen Sentiment Dashboard: A Case Study Into Media Architectural
Interfaces. In Proc. of PerDis’14, ACM (2014).
Smart Citizen Sentient Dashboard
Sao Paulo, Brazil (2013) and others
Type of interface
performative
Spatial layout
plaza
Interaction
smart cards
Feedback
direct
MyPosition
Berlin, Germany (2013)
Source: https://www.flickr.com/photos/67580265@N05/8490960139/in/
album-72157632812772388/
Valkanova, N., Walter, R., Vande Moere, A., and Müller, J. MyPosition: Sparking Civic
Discourse by a Public Interactive Poll Visualization. In Proc. CSCW’14, ACM (2014).
MyPosition
Berlin, Germany (2013)
Type of interface
performative
Spatial layout
plaza
Interaction
full body
Feedback
direct
pattern 2 Social interaction modes
spectacle creativity conversation
appreciation/
discussion
playfulness triangulation
self-expression
collective
narratives
negotiation of
space
Source: https://vimeo.com/68037349
Aarhus By Light
Aarhus, Denmark (2008)
Image: Dalsgaard, P. and Halskov, K. Designing Urban Media Façades: Cases and Challenges. In Proc. CHI 2010,ACM Press (2010), 2277-2286.
Aarhus By Light
Aarhus, Denmark (2008)
Type of interface
performative/allotted
Spatial layout
plaza
Interaction
full body
Feedback
direct
Body Movies
Rotterdam, The Netherlands (2001)
Source: http://www.lozano-hemmer.com/body_movies.php
Body Movies
Rotterdam, The Netherlands (2001)
Source: http://www.lozano-hemmer.com/body_movies.php
Type of interface
performative/allotted
Spatial layout
plaza
Interaction
full body
Feedback
direct
pattern 3 Social interaction modes
spectacle creativity conversation
appreciation/
discussion
playfulness triangulation
self-expression
collective
narratives
negotiation of
space
Source: https://vimeo.com/71306077
Solstice LAMP
Sydney, Australia (2013)
Solstice LAMP
Sydney, Australia (2013)
Type of interface
allotted
Spatial layout
plaza
Interaction
full body
Feedback
direct
Source: https://youtu.be/eIMmJiVnxM0
iRiS
Linz, Austria (2010)
Source: Boring, S., Gehring, S.,Wiethoff,A., Blöckner, M., Schöning, J., & Butz,A. (2011). Multi-User Interaction on Media Façades through Live
Video on Mobile Devices Paper presented at the CHI'11,Vancouver, BC, Canada.
Type of interface
allotted
Spatial layout
plaza
Interaction
mobile
Feedback
direct
iRiS
Linz, Austria (2010)
pattern 4 Social interaction modes
spectacle creativity conversation
appreciation/
discussion
playfulness triangulation
self-expression
collective
narratives
negotiation of
space
Source: https://vimeo.com/106724185
Interference
Kolding, Denmark (2014)
Interference
Kolding, Denmark (2014)
Source: https://vimeo.com/106724185
Type of interface
allotted/
responsive ambient
Spatial layout
thoroughfare
Interaction
full body
Feedback
direct
The Climate On The Wall
Aarhus, Denmark (2009)
Source: https://vimeo.com/68037035
The Climate On The Wall
Aarhus, Denmark (2009)
Source: http://cavi.au.dk/research-areas/climate-on-the-wall/
Type of interface
allotted/
responsive ambient
Spatial layout
thoroughfare
Interaction
full body
Feedback
delayed
Source: http://nanoluke.com/Chromapollination
Chromapollination,
Sydney, Australia (2012)
Chromapollination,
Sydney, Australia (2012)Source: http://nanoluke.com/Chromapollination
Type of interface
responsive ambient
Spatial layout
thoroughfare
Interaction
full body
Feedback
delayed
spatial layout patterns
pattern 5 Layout factors
spatial layout
interaction
modality
type of feedback
plaza console direct
thoroughfare mobile delayed
full body
pattern 5
InterferenceSolstice LAMP
Body Movies Aarhus By Light
My Position
pattern 6 Layout factors
spatial layout
interaction
modality
type of feedback
plaza console direct
thoroughfare mobile delayed
full body
pattern 6
iRiS
Smart Citizen Sentient Dashboard
pattern 7 Layout factors
spatial layout
interaction
modality
type of feedback
plaza console direct
thoroughfare mobile delayed
full body
pattern 7
Chromapollination
The Climate On The Wall
Thank you
Luke Hespanhol
luke.hespanhol@gmail.com - @nanoluke

More Related Content

Similar to Sydney Interactive Arts Meetup - 28-Jan-2016 - by Luke Hespanhol

Visualising the past
Visualising the pastVisualising the past
Visualising the past
Eoin Foley
 
Steps Towards a History of Ethnomethodology in HCI
Steps Towards a History of Ethnomethodology in HCI Steps Towards a History of Ethnomethodology in HCI
Steps Towards a History of Ethnomethodology in HCI
butest
 
Ars Electronica 2001 - Entrevista com Rafael Lozano-Hemmer
Ars Electronica 2001 - Entrevista com Rafael Lozano-HemmerArs Electronica 2001 - Entrevista com Rafael Lozano-Hemmer
Ars Electronica 2001 - Entrevista com Rafael Lozano-Hemmer
Fernanda Gomes
 
Design Patterns for Interactive Graphics
Design Patterns for Interactive GraphicsDesign Patterns for Interactive Graphics
Design Patterns for Interactive Graphics
Christian Kohls
 
Software Art-Work For-Itself
Software Art-Work For-ItselfSoftware Art-Work For-Itself
Software Art-Work For-Itself
geoffcox
 

Similar to Sydney Interactive Arts Meetup - 28-Jan-2016 - by Luke Hespanhol (20)

Tangible & Embodied Interaction @RSE11
Tangible & Embodied Interaction @RSE11Tangible & Embodied Interaction @RSE11
Tangible & Embodied Interaction @RSE11
 
(2014) The Rhetoric of Design for Debate: triggering conversation with an “un...
(2014) The Rhetoric of Design for Debate: triggering conversation with an “un...(2014) The Rhetoric of Design for Debate: triggering conversation with an “un...
(2014) The Rhetoric of Design for Debate: triggering conversation with an “un...
 
The Future of Authorship: AI Text Generation
The Future of Authorship: AI Text GenerationThe Future of Authorship: AI Text Generation
The Future of Authorship: AI Text Generation
 
Information Design: Semiotics and the Use of Metaphors
Information Design: Semiotics and the Use of MetaphorsInformation Design: Semiotics and the Use of Metaphors
Information Design: Semiotics and the Use of Metaphors
 
Joachim vlieghe emsoc-wp2_summer institute
Joachim vlieghe emsoc-wp2_summer instituteJoachim vlieghe emsoc-wp2_summer institute
Joachim vlieghe emsoc-wp2_summer institute
 
Michael Renner's lecture at Taipei 2015
Michael Renner's lecture at Taipei 2015Michael Renner's lecture at Taipei 2015
Michael Renner's lecture at Taipei 2015
 
Multimodal Semiotics and Collaborative Design in Virtual Worlds (PhD Presenta...
Multimodal Semiotics and Collaborative Design in Virtual Worlds (PhD Presenta...Multimodal Semiotics and Collaborative Design in Virtual Worlds (PhD Presenta...
Multimodal Semiotics and Collaborative Design in Virtual Worlds (PhD Presenta...
 
Visualising the past
Visualising the pastVisualising the past
Visualising the past
 
Workshop Part 1: Digitality (arts & aesthetic education)
Workshop Part 1: Digitality (arts & aesthetic education)Workshop Part 1: Digitality (arts & aesthetic education)
Workshop Part 1: Digitality (arts & aesthetic education)
 
Steps Towards a History of Ethnomethodology in HCI
Steps Towards a History of Ethnomethodology in HCI Steps Towards a History of Ethnomethodology in HCI
Steps Towards a History of Ethnomethodology in HCI
 
Towards Contested Collective Intelligence
Towards Contested Collective IntelligenceTowards Contested Collective Intelligence
Towards Contested Collective Intelligence
 
AI-week1-Introduction lecture notes .ppt
AI-week1-Introduction lecture notes .pptAI-week1-Introduction lecture notes .ppt
AI-week1-Introduction lecture notes .ppt
 
Musstanser Avanzament 4 (Final No Animation)
Musstanser   Avanzament 4 (Final   No Animation)Musstanser   Avanzament 4 (Final   No Animation)
Musstanser Avanzament 4 (Final No Animation)
 
Embodied Manifestos
Embodied ManifestosEmbodied Manifestos
Embodied Manifestos
 
Socially-Sensitive Interfaces: From Offline Studies to Interactive Experiences
Socially-Sensitive Interfaces: From Offline Studies to Interactive ExperiencesSocially-Sensitive Interfaces: From Offline Studies to Interactive Experiences
Socially-Sensitive Interfaces: From Offline Studies to Interactive Experiences
 
Ars Electronica 2001 - Entrevista com Rafael Lozano-Hemmer
Ars Electronica 2001 - Entrevista com Rafael Lozano-HemmerArs Electronica 2001 - Entrevista com Rafael Lozano-Hemmer
Ars Electronica 2001 - Entrevista com Rafael Lozano-Hemmer
 
An Architecture For Character-Mediated Interactive Presentations
An Architecture For Character-Mediated Interactive PresentationsAn Architecture For Character-Mediated Interactive Presentations
An Architecture For Character-Mediated Interactive Presentations
 
When Design Met Anthropology
When Design Met AnthropologyWhen Design Met Anthropology
When Design Met Anthropology
 
Design Patterns for Interactive Graphics
Design Patterns for Interactive GraphicsDesign Patterns for Interactive Graphics
Design Patterns for Interactive Graphics
 
Software Art-Work For-Itself
Software Art-Work For-ItselfSoftware Art-Work For-Itself
Software Art-Work For-Itself
 

Recently uploaded

Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
anasabutalha2013
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
AlecAnidul
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
Jaime Brown
 

Recently uploaded (14)

Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in Technology
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdf
 
BIT- Pinal .H. Prajapati Graphic Designer
BIT- Pinal .H. Prajapati  Graphic DesignerBIT- Pinal .H. Prajapati  Graphic Designer
BIT- Pinal .H. Prajapati Graphic Designer
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to Fashion
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptx
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 

Sydney Interactive Arts Meetup - 28-Jan-2016 - by Luke Hespanhol