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

47
Designing out[side] the screen Steve Taylor The Alloy || Principal Interaction Designer [email protected] @funkadeelia

description

This talk is about how, as Designers, can we move beyond the need to design a screen into everything and embrace physical interactions? Now computing is becoming ever more ubiquitous & entwined into our lives, surely an acceptable solution isn't to cover our world in icons & screens. There is an emerging trend of beautifully crafted products that are becoming the face of complex systems, yet they have no screen at all and still provide a rich suite of interactions that are easily accessible by the user. What tools are available to us as Interaction Designer’s to give us the courage to step away from our wireframes & start designing beautiful, engaging physical interactions?

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

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