Transcript
Page 1: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Designing out[side] the screen

Steve TaylorThe Alloy || Principal Interaction Designer

[email protected]@funkadeelia

Page 2: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

WhyWhy should we think about design outside the screen?

How can we do this with tools that are available?

What examples (good and bad) are out there?

What How

Designing out[side] the screen

Page 3: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Why does it all revolve around the screen?

Page 4: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Image courtesy of 20px.com

Page 5: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Now we struggle do anything without a screen...

75% of people admit to using their smartphone whilst using the toilet!!

Research carried out by wtop.com

Page 6: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Interaction Design is...

“The design of everything that is both digital and interactive”

Photo from dot3x / https://www.flickr.com/photos/dotx3/4758268844//

Page 7: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Design of products, systems & services [tools] that help people through addressing human needs

Photo from Human/Need/Desire. Bruce Nauman, 1983

Page 8: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

As more & more products become ‘connected‘ we are in danger of forcing screens into everything...

Page 9: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Aren’t we already drowning in touch screens & icons?Photo from AP Photo / Manu Fernandez

Page 10: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Our experiences are formed through stimulating a combination of our 5 senses

Page 11: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

This is one sense...What about the others?

Page 12: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Sounds of the Sea // Heston BlumenthalPhoto from luxworldwide.com

Our brains light up when 2 or more senses are stimulated simultaneously

Page 13: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Stimulating the same sense differently, affects our perception of the experience

Bernard Lahousse Food PairingFood = Interaction https://vimeo.com/86171854

Page 14: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

digital touch vs physical touch

context of use drives method of interaction

Page 15: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

How can we (IxD’s) start to think outside the screen & design sense rich interactions?

Page 16: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

What if we remove the screen?

Page 17: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

What if we remove the screen?

Page 18: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

What examples of “designing out the screen” can we reference?

Page 19: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy
Page 20: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy
Page 21: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy
Page 22: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Image from Nissan Motor Company

Page 23: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Reference patentbolt.com Samsung Controls

Page 24: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

UX / Digital Designer?

Industrial Designer?

Who is responsible for designing these interactions?

Page 25: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

UX / Digital Designer?

Industrial Designer?

Interaction Designer?

Who is responsible for designing these interactions?

Page 26: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

How do we do this?

Page 27: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Collaboration across the design process

Page 28: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Collaboration across the design process

Industrial Designer

Interaction Designer

User Research Concept Development Prototyping Specification

Page 29: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Fuse ProjectAn investigation into improving the smartphone experience

Page 30: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Context of use drives method of interaction

Page 31: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

How can we enable users to, single-handedly, control services on the device without obscuring content on screen

Defining the challenge...

Page 32: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Interact outside the screen

Page 33: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Prototyping the experience

Page 34: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Delivering the physical experience

Page 35: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Experience prototyping tools

Page 36: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy
Page 37: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy
Page 38: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy
Page 39: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Why use these tools?

Page 40: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

ExploreContext of useTangible inputs / outputsStimulating different senses

With industrial designersPhysical design constraintsMaterials & textures

Understand Communicate

Why use these tools?

Page 41: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Summary

Page 42: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Why What How

Summary

Why should we think about design outside the screen?

How can we do this with tools that are readily available?

What examples (good and bad) are out there?

Page 43: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Why...

Page 44: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

What...

Page 45: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

How...

Page 46: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Service

Digital Physical

Conclusion

Page 47: HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy

Thank you.

Steve TaylorThe Alloy || Principal Interaction Designer

[email protected]@funkadeelia