59
Out of the Way Get the Tech © Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

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

Embed Size (px)

Citation preview

Out of the Way!

Get the Tech

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Out of the Way

Get the Tech

Shallow Interaction Design for Enhanced Social Play© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Kieran Evans Design Director

Jes Koepfler Managing Director

@kieranevans1@jeskak

@intuitiveco

The Koshland Science Museum of the National Academy of Sciences.

The Client

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

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.

About the Game

12-48 players

1 hour

Recommended for ages 14+

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

The event unfolds across four interactive phases that simulate and highlight key aspects of resilience.

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Create a digital tool for Extreme Event that supports the key social learning outcomes.

The Task

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Copyright ©2014 Intuitive Company. All Rights Reserved.

But© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

FAIL

FAIL

FAIL

FAIL

FAIL

FAIL

The Mona Lisa

Technology 4 Social Learning?

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Social Play

Mobile Facilitator

What was working?

Reflective Learning

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

What wasn’t?

So Much Paper

Not as Exciting

Very Linear

Difficult to Monitor

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

How can technology make it better?

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Ideas© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Multiple/Personal Devices

Social Media Integration

Character Classes

!

Detailed Scoring/Leaderboards

Facilitator Advice

DataVisualizations

CityHealth

ResourceTracking

We had a lot of ideas.

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Most of our ideas fostered an immersive digital experience.

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

But we needed to focus on features that promoted human-to-human interaction

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

through shallow human-computer interactions.

Perimetric?

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

We needed to get the tech out of the way.

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

What does that mean?

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Immersive Interaction Design

Patterns and features that promotedeep technology interactions

Interaction Design

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Immersive Interaction DesignPatterns and features that promote

deep technology interactions

Interaction Design

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Shallow Interaction Design

Patterns and features that promote brief, surface level technology interactions

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

So, what patterns worked for us?

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Shallow workflows within player screens

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Nested content creates deeper levels of interaction

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Shallow content prevents players from “getting lost” in the UX

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

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.

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.

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.

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.

Incorporate physical with digital

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

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.

Low ratio of devices to players

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

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.

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.

Overt sensory cues to focus attention

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Attract attention through sound

Encourage focus with light animation

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Attract attention through sound

Encourage focus with light animation

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Attract attention through sound

Encourage focus with light animation

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Facilitator-managed gameplay

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

 

Encourage social interaction

Manage participant focus on the fly

Enhance game difficulty

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

 

Encourage social interaction

Manage participant focus on the fly

Enhance game difficulty

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

 

Encourage social interaction

Manage participant focus on the fly

Enhance game difficulty

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

 

Encourage social interaction

Manage participant focus on the fly

Enhance game difficulty

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

No interaction during key learning moments

No tech interaction during key learning moments

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Eliminate interactions during discussion

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

How does this look in the game?

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

Less Paper? No Paper!

Non-linear Gameplay

What worked?

Easy to Monitor

More Excitement

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

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.

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.

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.

Thank You!The IC Extreme Event Team

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.

[email protected]

@kieranevans1

kieran

[email protected]

@jeskak

www.intuitivecompany.comIntuitive CompanyUser-Centered Research, Design, and Development

© Copyright 2015 Intuitive Company, Inc. All Rights Reserved.