Save 37% off PRO during our Black Friday Sale! »

Getting (Dis)Connected: Shallow Interaction Design for Deeper Human Connections

B06bdcae5721735cc11ceec7e05baed8?s=47 kieranevans
March 02, 2016

Getting (Dis)Connected: Shallow Interaction Design for Deeper Human Connections

Presentation with @jeskak from March 2, 2016 at IXDA 2016 in Helsinki, Finland.

Shallow IxD is a collection of design principles that promote brief, surface-level technology interactions. They are patterns and features in design that reinforce positive social behaviors, like paying attention to the people around you.
Learn more at shallowixd.com.

B06bdcae5721735cc11ceec7e05baed8?s=128

kieranevans

March 02, 2016
Tweet

Transcript

  1. Shallow Interaction Design
 for Deeper Human Experiences Getting (Dis)Connected: @kieranevans1

    Kieran Evans @jeskak Jes Koepfler
  2. 72 A Deeply Connected World

  3. “Social” Events

  4. Safe Travels

  5. Turn Around!

  6. Let’s Evolve.

  7. DEEP IxD SHALLOW IxD

  8. What is DEEP IxD?

  9. Deep IxD in a News Context Related content keeps users

    engaged in the experience
  10. Deep IxD in a News Context Related content keeps users

    engaged in the experience
  11. Deep IxD in a Gaming Context Alto’s Adventure offers up

    endless challenges for gamers to continue leveling up
  12. What is SHALLOW IxD? Or as the Finns say: Matala

    Vuorovaikutussuunnittelussa
  13. Our Design Context

  14. Our Design Challenge

  15. Game Requirements 12-48 Players 1 Hour Highly Social

  16. Total. Immersion.

  17. Paper Game Demo

  18. Shallow IxD for Social Learning

  19. Digital Game Demo

  20. Beyond the 
 Gaming Context

  21. Construction Context SHALLOW IxD Content Communication

  22. Construction

  23. Create Shallow Workflows Construction

  24. Deep Hierarchy Nested content creates deeper levels of interaction

  25. Shallow Hierarchy Shallow content structure prevents players from “getting lost”

    in the UX
  26. In Our Game Tap, View, Close for all interactions

  27. In Our Game Tap, View, Close for all interactions

  28. In Our Game Tap, View, Close for all interactions

  29. Leverage Physical Collateral Construction

  30. Print
 Challenge Board Digital Game
 Challenge Screen In Our Game

  31. Getting Physical

  32. Content

  33. Be Lean Content

  34. Cross-Sell

  35. Cross-Sell Analysis and Visualization

  36. Cross-Sell Social Media Integration Analysis and Visualization

  37. Gamification Cross-Sell Social Media Integration Analysis and Visualization

  38. Downloadables Gamification Instruction Content Cross-Sell Related Articles Social Media Integration

    Analysis and Visualization Interactive Tools
  39. Lean Functionality Square Cash focuses on performing a single function

  40. Optimize Real Estate Content

  41. RESPOND PHASE 2 NEIGHBORHOODS 23:47 TIME LEFT SCRIPT: RESPOND PHASE

    OK, I think it’s time to get started! Welcome everyone to Extreme Event, by the Koshland Science Museum. For tonight, the Museum has been transformed into Coastal City, a town where we all live, at least for the next two hours. This game was developed in collaboration with experts and staff of the Resilience Project here at the National Research Council. We’re extremely grateful for your participation and look forward to hearing your feedback at the end of the evening. We’ve been developing and testing this game since October of last year and are in the final stages of its development before we add in a new digital component. So, thank you for your participation in our ongoing testing efforts! Now I’ll turn it over to our Chief Resilience Officer of Coastal City who will get us started and keep us on our toes. We’re extremely grateful for your participation and look forward to hearing your feedback at the end of the evening. LOCAL & STATE GOVERNMENT FIRST RESPONDERS COMMUNITY GROUPS HOUSEHOLDS BUSINESSES FEDERAL GOVERNMENT Citywide Event Message all groups View my messages ☇ Tornado Send Tech Outage Send Bridge Closure Send Mapping Glitch Send Explosion Send Tips ☇ Tornado Send Tech Outage Send Bridge Closure Send Mapping Glitch Send Explosion Send Tips ☇ Tornado Send Tech Outage Send Bridge Closure Send Mapping Glitch Send Explosion Send Tips ☇ Tornado Send Tech Outage Send Bridge Closure Send Mapping Glitch Send Explosion Send Tips ☇ Tornado Send Tech Outage Send Bridge Closure Send Mapping Glitch Send Explosion Send Tips ☇ Tornado Send Tech Outage Send Bridge Closure Send Mapping Glitch Send Explosion Send Tips In Our Game Early prototypes included small type and actionable elements
  42. In Our Game Emphasize scale of content and actions

  43. Laptop Single Interaction Focus Use real estate to focus on

    a single interaction
  44. Laptop Single Interaction Focus Use real estate to focus on

    a single interaction Helsinki Nightlife
  45. Context

  46. Anticipate User Needs Context

  47. Static Experience In a ‘static’ experience, users always begin at

    the beginning Step 1. Every time.
  48. Contextual Experience Jump users right to the content they need

  49. Shortcutting Interactions Google Maps serves up directions during your daily

    commute
  50. Shortcutting Interactions Google Maps serves up directions during your daily

    commute
  51. Design for Collaboration Context

  52. In Our Game Allow for multiple user interactions

  53. Multi-User 
 Interfaces

  54. Communication

  55. Grab Attention 
 with Sensory Cues Communication

  56. None
  57. Diabetes Management Sensory cues in a health context can allow

    users to focus on their life rather than constantly monitoring their “numbers"
  58. Prioritize Social Interactions Communication

  59. In Our Game Eliminate digital during key social interactions

  60. Technology in Finance

  61. Applying SHALLOW IxD

  62. DEEP IxD SHALLOW IxD

  63. DEEP IxD SHALLOW IxD To keep users coming back for

    more CONSTRUCTION GOAL:
  64. DEEP IxD SHALLOW IxD To promote interactions between people CONTENT

    GOAL:
  65. DEEP IxD SHALLOW IxD To support 
 real-time collaboration CONTEXT

    GOAL:
  66. DEEP IxD SHALLOW IxD To pull users deeper into an

    experience COMMUNICATION GOAL:
  67. When we use technology 
 in the right place at

    the right time, 
 we can create deep levels of engagement
  68. When we use technology 
 in the right place at

    the right time, 
 we can create deep levels of engagement …with each other.
  69. speakerdeck.com/kieranevans ShallowIxD.com koshland-science-museum.org/extreme-event/

  70. Thank You! @kieranevans1 Kieran Evans @jeskak Jes Koepfler ShallowIxD.com