Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

A room for understanding

630 views

Published on

Spatial UI, what we can learn from carpenters and chefs

Published in: Design
  • Hey guys! Who wants to chat with me? More photos with me here 👉 http://www.bit.ly/katekoxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

A room for understanding

  1. 1. A room for understanding Sjors Timmer @sjors
  2. 2. What if we could work with information like a carpenter works with wood?
  3. 3. Paul Sellers
 How to make a Mortise and Tenon Joint
  4. 4. The intelligent use of space New rules for computing A workshop for understanding 1. 2. 3.
  5. 5. 1. The intelligent use of space
  6. 6. The intelligent use of space How we manage the spatial arrangement of items around us, is not an afterthought; it is an integral part of the way we think, plan and behave. - David Kirsh
  7. 7. Extend memory
  8. 8. Sense making
  9. 9. Novel ways of seeing
  10. 10. Designing the environment Experts [design] cues [and constraints] to trigger a known rule without halting the activity - David Kirsh
  11. 11. Experts constantly re-arrange items to make it easy to track the state of the task, or to notice the properties signaling what to do next. - David Kirsh
  12. 12. To simplify perception
  13. 13. To simplify choice
  14. 14. To simplify mental effort
  15. 15. Experts constantly adapt their environment to create little assembly lines so they can stay in ‘rule-based mode’ for most of the time
  16. 16. 2. New rules for computing
  17. 17. Thinking does not occur separately from being and acting. […] We inhabit our bodies and they in turn inhabit the world, with seamless connections back and forth. - Paul Dourish
  18. 18. We should invent knowledge work that incorporates the body - Bret Victor The humane representation of thought (2014)
  19. 19. Embodied Interaction is the creation, manipulation, and sharing of meaning through engaged interaction with artefacts. - Paul Dourish
  20. 20. Rule 1: Focus on meaning
  21. 21. Rule 1: Focus on meaning Rule 2: Observable-and-reportable
  22. 22. Rule 1: Focus on meaning Rule 2: Observable-and-reportable Rule 3: Representations relate to the world
  23. 23. Rule 1: Focus on meaning Rule 2: Observable-and-reportable Rule 3: Representations should relate the world Rule 4: Design for physicality
  24. 24. Rule 1: Focus on meaning Rule 2: Observable-and-reportable Rule 3: Representations should relate the world Rule 4: Design for physicality Rule 5: Design for places (not spaces)
  25. 25. Rule 1: Focus on meaning Rule 2: Observable-and-reportable Rule 3: Representations should relate the world Rule 4: Design for physicality Rule 5: Design for places Rule 6: Design for collaboration
  26. 26. Rule 1: Focus on meaning Rule 2: Observable-and-reportable Rule 3: Representations should relate the world Rule 4: Design for physicality Rule 5: Design for places Rule 6: Design for collaboration Rule 7: Design for computation
  27. 27. Design for “the dynamic spatial representation of thought” - Bret Victor The humane representation of thought (2014)
  28. 28. 3. A workshop for understanding
  29. 29. Interactions are the low-level mechanisms by which people explore, break down, analyze, and recombine information- bearing components. These interactions are helping people create knowledge, develop understanding, and acquire insight from digital data. - Karl Fast and Kamran Sedig Interaction and epistemic potential of digital libraries (2011)
  30. 30. Through interaction with the world people gain understanding
  31. 31. Collect
  32. 32. Collect Collect
  33. 33. Collect Collect Fragment
  34. 34. Collect Collect Fragment Annotate
  35. 35. Collect Comprehend
  36. 36. Filters Comprehend › Filter
  37. 37. Comprehend › Filter Linkable filters Magic lenses
  38. 38. Comprehend › Probe Pop-ups
  39. 39. Comprehend › Probe Pop-ups Semantic zoom
  40. 40. Collect Comprehend Focus
  41. 41. Cut Focus
  42. 42. Rearrange Focus
  43. 43. Focus Rearrange Group
  44. 44. Collect Comprehend Focus Create
  45. 45. Compose Create
  46. 46. Animate Create
  47. 47. Recap - We use our body and the space around us to think - The design of computing should be based on our body and our relation to space - Through interaction we gain understanding
  48. 48. Reading and watching tips - Deep interaction at UXBrighton (Youtube)
 Karl Fast - The humane representation of thought (Vimeo)
 Bret Victor - Where the action is: the foundations of embodied interaction (Book)
 Paul Dourish
  49. 49. Thank you! Sjors Timmer @sjors

×