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.

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
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