Dynamic Form Giving presentation
Transcript of Dynamic Form Giving presentation
![Page 1: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/1.jpg)
Visualisationof Affordances
Sander Dijkhuis Presentation of M1.1 project
September 15, 2014
touchshift
grab
![Page 2: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/2.jpg)
Presentation
• Why do I want to visualise interaction?
• How did I approach this?
• What is my visualisation?
• Extra: things to consider in visualisations
![Page 3: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/3.jpg)
Why?
![Page 4: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/4.jpg)
Visualisation for interaction design
• Product: sketches, CAD models, Arduino
• User: personas, measurements
• Context: cultural probes, context mapping
• Interaction: Frogger framework (abstraction), video (limited trace)
![Page 6: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/6.jpg)
Aerodynamics in a wind tunnel by BenFrantzDale / Wikipedia (CC BY-SA 3.0)
![Page 7: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/7.jpg)
SIT
WALKREACH
SIT
CHATKNOCK OPEN
WALKREACH
CHATKNOCK OPEN
KNOCKOPEN
WAIT
reality
irreality
time 1time 2
Visualisation of ‘life space’. Inspired by: Lewin, K. (1939). Field theory and experiment in social psychology: Concepts and methods. American journal of sociology, 868-896.
![Page 8: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/8.jpg)
Interaction and influence surfaces. Badawi, M., & Donikian, S. (2007). The generic description and management of interaction between autonomous agents and objects in an informed virtual environment. Computer Animation and Virtual Worlds, 18(4-5), 559-569.
![Page 9: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/9.jpg)
Describing dynamic perceptual environments. Tweed, C. (2001). Highlighting the affordances of designs. In Computer Aided Architectural Design Futures 2001 (pp. 681-696). Springer Netherlands.
![Page 10: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/10.jpg)
Petri nets. See e.g. Murata, T. (1989). Petri nets: Properties, analysis and applications. Proceedings of the IEEE, 77(4), 541-580.
![Page 11: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/11.jpg)
How to visualise interaction?
![Page 12: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/12.jpg)
How to visualise interaction?
(dynamic, intangible, personal)
![Page 13: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/13.jpg)
How?
![Page 14: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/14.jpg)
Requirements
• Theoretically OK
• Useful for design (research)
![Page 15: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/15.jpg)
= possible actions an organism perceives in relation to their environment (~ Gibson)
Picture: Found Table by Brenna / Flickr (CC BY 2.0)
Affordances
![Page 16: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/16.jpg)
TAgent perspective“I can get more light bytouching such a surface.”(‹ effect ›, ‹ (entity, behaviour) ›)
Environmental perspective“I offer the possibility to turn
on the light by the touch of a hand.”(‹ effect ›, ‹ (‹ agent ›, ‹ behaviour ›) ›)
Observer perspective“The light can be turned on by suchpeople touching such surfaces.”(‹ effect ›, (‹ agent ›, ‹ (entity, behaviour) ›))
Affordances
Adapted from: Sahin, E., Çakmak, M., Doğar, M. R., Uğur, E., & Üçoluk, G. (2007). To afford or not to afford: A new formalization of affordances toward affordance-based robot control. Adaptive Behavior, 15(4), 447-472.
![Page 17: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/17.jpg)
Use cases for seeing affordances
• Education: what are affordances (not)?
• Simulation: iterate more quickly by testing prototype variations.
• Qualitative research: compare interpretations by sketching.
• …
• Design: sketch the affordances first, the product second.
• Sharing insights: library of affordances?
![Page 18: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/18.jpg)
What?
![Page 19: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/19.jpg)
“Design a remote control for a growing multimedia system.”
![Page 20: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/20.jpg)
Exploratory prototype by Jordy Rooijakkers (2014).
![Page 21: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/21.jpg)
![Page 22: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/22.jpg)
![Page 23: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/23.jpg)
![Page 24: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/24.jpg)
![Page 25: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/25.jpg)
![Page 26: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/26.jpg)
![Page 27: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/27.jpg)
![Page 28: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/28.jpg)
![Page 29: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/29.jpg)
Considerations
![Page 30: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/30.jpg)
Visualising the lived world
![Page 31: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/31.jpg)
Attensity of affordances
Shaw, R. E., McIntyre, M. & Mace, W. M. (1974). The Role of Symmetry in Event Perception. In R. B. McLeod & H. Pick, Jr., Perception: Essays in Honor of James J. Gibson. Pages 276 - 310. Ithaca, NY: Cornell University Press
![Page 32: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/32.jpg)
Abstract representations
Inspired by: Thelen, E., & Smith, L. (1994). A dynamic systems approach to the development of cognition and action. Cambridge, MA, USA: MIT Press.
![Page 33: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/33.jpg)
Showing relations
![Page 34: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/34.jpg)
Taking a god’s eye view?
From: Dijk, J. van (2013). Creating Traces, Sharing Insight (PhD thesis at TU/e).
![Page 35: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/35.jpg)
Perspectives on subjective experience
![Page 36: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/36.jpg)
Perspectives on subjective experience
![Page 37: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/37.jpg)
Visualising dynamics
![Page 38: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/38.jpg)
Ontology for interaction
![Page 39: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/39.jpg)
Conclusions
• Interaction design needs better visualisation techniques.
• The Visualisation of Affordances is an early example.
![Page 40: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/40.jpg)
Next steps
• Can this actually be used for design?
• How to deal with more complexity?
• Can we link it more closely to product and human body properties?
• How to measure the data?
• How to standardise the sketches?
![Page 41: Dynamic Form Giving presentation](https://reader035.fdocuments.us/reader035/viewer/2022081419/62a0fcb2689a3a7ee86e4ec3/html5/thumbnails/41.jpg)