Laban Principles for UX Design

Download Laban Principles for UX Design

Post on 27-Jul-2015




4 download

Embed Size (px)


1. Laban Movement Principles for UX/UI Design Dr. Kate Sicchio 2. @sicchio Previous Work 3. Rudolf Laban (1879 1958) Through his work, Laban raised the status of dance as an art form, and his explorations into the theory and practice of dance and movement transformed the nature of dance scholarship (, 2015) 4. Rudolf Laban (1879 1958) Choreographer Modern Dance Pioneer Created first dance notation system Movement and Dance Theorist His movement analysis systems extended past dance and were used in the 1940s to assess Fordist assembly lines 5. Laban Spatial Principles Kinesphere Laban distinguishes space in general, the infinite space, from the reach space immediately around the body the Kinesphere (Maletic, 1987, p59) the sphere of movement surrounding the body, which can be reached by extending the limbs without changing ones stance (Preston-Dunlop, 1995, p297) 6. Laban Kinesphere Door Plane 7. Laban Kinesphere Table Plane 8. Laban KinesphereWheel Plane 9. Laban Spatial Harmony Harmony arises out of spatial relationships of movement, and that symmetry and balance are the simplest forms of harmony (Maletic, 187, p.65). Laban's work with space around the body and spatial harmony is found in the five crystalline or Platonic solids in which movement of the body may be directed. 10. Laban Spatial Harmony 11. Laban Effort Graph Dynamics of Movement A system for understanding the more subtle characteristics about the way a movement is done with respect to intention 12. Laban Effort Graph Dynamics of Movement 13. Laban Effort Graph Space Directed ---------------------------- Indirect (flexible) 14. Laban Effort Graph Weight Strong ---------------------------------------------- Light 15. Laban Effort Graph Time Sudden -------------------------------------- Sustained 16. Slashing Indirect, Sudden, Strong Flicking Indirect, Sudden, Light Wringing Indirect, Sustained, Strong Floating Indirect, Sustained, Light Dabbing Direct, Sudden, Light Pressing Direct, Sustained, Strong Gliding Direct, Sustained, Light Punching Direct, Sudden, Strong Laban Effort Graph Gestures 17. Laban Effort Graph Gestures/Efforts 18. Laban Effort Graph Affective Qualities - Intention Pressing Sure, Confident Flicking Carefree Wringing Frustration, Conflicted Dabbing Happy, Content Slashing Annoyed Gliding Calm, Conscientious Punching Angry, Upset Floating Sad, unsure 19. Laban Principles UI Applications Mouse, keyboard Dabbing, Pressing, Gliding iPhones (touch/sensors) Dabbing, Pressing, Gliding, Flicking, Floating, Wringing + Kinesphere Gestural Interfaces (LEAP, Kinect, Wii) ALL + Spatial Harmony 20. Laban Principles UX Applications Motion of Graphical Interface Always Direct Response Gliding, Floating, Flicking Metaphors for Interactions ALL 21. Laban Principles UX Applications Traci Lepore (2010) 22. Laban Principles Examples 23. Laban Principles Examples 24. Laban Principles Examples 25. Laban Principles Examples 26. Laban Principles Examples Penguin Mirror 27. Further Concepts Beyond Laban Ch.U.M/M. (Preston-Dunlop) Furthers the connections of gesture, kinesphere and greater space Choreotopology (Sicchio) Examines space in choreographic terms to include digital spaces 28. Further Resources Parviainen, J., Tuuri, K., Pirhonen, A., Turunen, M., & Keskinen, T. (2013). Gestures within Human-Technology Choreographies for Interaction Design. In Proceedings of the 10th International Gesture Workshop and the 3rd Gesture and Speech in Interaction Conference. Tilburg: Tilburg University. Retrieved from Lepore, Traci (2010) Laban Movement Analysis for User Experience Design. Retrieved from Laban, Rudolf (1966) The Mastery of Movement. London: Dance Books. 29. Thank You! @sicchio