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.

Get the Tech Out of the Way: Shallow Interaction Design for Enhanced Social Play - Jes Koepfler and Kieran Evans

1,805 views

Published on

We're all familiar with the phrase that "less is more", and in the case of games and learning, no truer words have been spoken. In this session, we'll talk about a game that we helped a museum research, design, and develop to engage people in the complex topic of disaster resilience. Session attendees will have an opportunity to experience a portion of the game first hand and then participate in a lively presentation and discussion about the user-centered design techniques we used, drawing on theories from instructional design and serious games. To keep things simple, and avoid the dreaded “feature creep”, we worked in paper as long as we could and only brought in digital when we were certain we'd nailed the game mechanics to achieve our intended learning outcomes. The end result was a hybrid paper/digital social learning game that even BIG US GOVERNMENT AGENCY is excited about.

Published in: Design

Get the Tech Out of the Way: Shallow Interaction Design for Enhanced Social Play - Jes Koepfler and Kieran Evans

  1. 1. Out of the WayGet the Tech © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  2. 2. Out of the Way Get the Tech Shallow Interaction Design for Enhanced Social Play © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  3. 3. Kieran Evans Design Director Jes Koepfler Managing Director @kieranevans1@jeskak @intuitiveco
  4. 4. The Koshland Science Museum of the National Academy of Sciences. The Client © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  5. 5. A face-to-face role playing game that helps people understand the importance of building coalitions for disaster resilience. The Project © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  6. 6. About 
 the Game 12-48 players 1 hour Recommended for ages 14+ © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  7. 7. The event unfolds across four interactive phases that simulate and highlight key aspects of resilience. © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  8. 8. Create a digital tool for Extreme Event that supports the key social learning outcomes. The Task © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  9. 9. Copyright ©2014 Intuitive Company. All Rights Reserved. But © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  10. 10. FAIL
  11. 11. FAIL
  12. 12. FAIL FAIL FAIL FAIL
  13. 13. TheMonaLisa
  14. 14. Technology 4 Social Learning? © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  15. 15. Social Play Mobile Facilitator What was working? Reflective Learning © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  16. 16. What wasn’t? So Much Paper Not as Exciting Very Linear Difficult to Monitor © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  17. 17. How can technology make it better? © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  18. 18. Ideas © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  19. 19. Multiple/Personal Devices Social Media Integration Character Classes Detailed Scoring/ Leaderboards Facilitator Advice Data
 Visualizatio City
 Health Resource
 Tracking
  20. 20. We had a lot of ideas. © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  21. 21. Most of our ideas fostered an 
 immersive digital experience. © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  22. 22. But we needed to focus on features that promoted human-to-human interaction © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  23. 23. through shallow 
 human-computer interactions. © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  24. 24. We needed to get the tech out of the way. © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  25. 25. What does that mean? © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  26. 26. Immersive Interaction Design Patterns and features that promote
 deep technology interactions © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  27. 27. Immersive Interaction DesignPatterns and features that promote
 deep technology interactions © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  28. 28. Shallow 
 Interaction Design Patterns and features that promote brief, surface level technology interactions © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  29. 29. So, what patterns worked for us? © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  30. 30. Shallow workflows within player screens © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  31. 31. Nested content creates deeper levels of interaction © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  32. 32. Shallow content prevents players from “getting lost” in the UX © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  33. 33. Use “Tap, View, & Close” pattern Originate content from source point Do not allow players to venture far from their main screen © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  34. 34. Use “Tap, View, & Close” pattern Originate content from source point Do not allow players to venture far from their main screen © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  35. 35. Use “Tap, View, & Close” pattern Originate content from source point Do not allow players to venture far from their main screen © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  36. 36. Use “Tap, View, & Close” pattern Originate content from source point Do not allow players to venture far from their main screen © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  37. 37. Incorporate physical with digital © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  38. 38. Augment physical with digital enhancements Mimic design patterns from paper to digital OR OR OR OR OROR OR OR OR © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  39. 39. Low ratio of devices to players © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  40. 40. Use large elements for group viewing Make content easy to understand at a glance Make content scroll- able in two panels to promote dual use © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  41. 41. Use large elements for group viewing Make content easy to understand at a glance Make content scroll- able in two panels to promote dual use © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  42. 42. Overt sensory 
 cues to focus attention © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  43. 43. Attract attention through sound Encourage focus with light animation © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  44. 44. Attract attention through sound Encourage focus with light animation © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  45. 45. Attract attention through sound Encourage focus with light animation © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  46. 46. Facilitator- managed gameplay © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  47. 47.   Encourage social interaction Manage participant focus on the fly Enhance game difficulty © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  48. 48.   Encourage social interaction Manage participant focus on the fly Enhance game difficulty © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  49. 49.   Encourage social interaction Manage participant focus on the fly Enhance game difficulty © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  50. 50.   Encourage social interaction Manage participant focus on the fly Enhance game difficulty © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  51. 51. No interaction during key learning moments No tech interaction during key learning moments © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  52. 52. Eliminate interactions during discussion © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  53. 53. How does this look in the game? © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  54. 54. Less Paper? No Paper! Non-linear Gameplay What worked? Easy to Monitor More Excitement © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  55. 55. What else can we do? What other shallow patterns are out there? How can we take these ideas across verticals? © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  56. 56. When we use technology in the right place at the right time, we can create deep levels of engagement © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  57. 57. When we use technology in the right place at the right time, we can create deep levels of engagement …with each other. © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  58. 58. Thank You! The IC Extreme Event Team © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.
  59. 59. Questions? kevans@intuitivecompany.com @kieranevans1 kieran jkoepfler@intuitivecompany.com @jeskak www.intuitivecompany.comIntuitive Company User-Centered Research, Design, and Development © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

×