106
Designing in the post-screen era @dotmariusz — mobiconf 2014

Mobiconf 2014: Designing in the post-screen era

Embed Size (px)

DESCRIPTION

Designing experiences in the era of beacons, sensors, wearables and Internet of Things. Talk given at #mobiconf 2014 in Krakow.

Citation preview

Page 1: Mobiconf 2014: Designing in the post-screen era

Designing in the post-screen era

@dotmariusz — mobiconf 2014

Page 2: Mobiconf 2014: Designing in the post-screen era

Hi there!

@dotmariusz — mobiconf 2014

Page 3: Mobiconf 2014: Designing in the post-screen era

Designer. Developer.

@dotmariusz — mobiconf 2014

Page 4: Mobiconf 2014: Designing in the post-screen era

@dotmariusz

@dotmariusz — mobiconf 2014

Page 5: Mobiconf 2014: Designing in the post-screen era

lifetramp.com@dotmariusz — mobiconf 2014

Page 6: Mobiconf 2014: Designing in the post-screen era

Any designers in the room?

@dotmariusz — mobiconf 2014

Page 7: Mobiconf 2014: Designing in the post-screen era

It’s an amazing time to be a designer.

@dotmariusz — mobiconf 2014

Page 8: Mobiconf 2014: Designing in the post-screen era

Classic interaction design:

@dotmariusz — mobiconf 2014

Page 9: Mobiconf 2014: Designing in the post-screen era

Receive inputs.

@dotmariusz — mobiconf 2014

Page 10: Mobiconf 2014: Designing in the post-screen era

Provide outputs.

@dotmariusz — mobiconf 2014

Page 11: Mobiconf 2014: Designing in the post-screen era

Preferably in an engaging way.

@dotmariusz — mobiconf 2014

Page 12: Mobiconf 2014: Designing in the post-screen era

`New interaction design:

@dotmariusz — mobiconf 2014

Page 13: Mobiconf 2014: Designing in the post-screen era

Multiple inputs.

@dotmariusz — mobiconf 2014

Page 14: Mobiconf 2014: Designing in the post-screen era

Video.

@dotmariusz — mobiconf 2014

Page 15: Mobiconf 2014: Designing in the post-screen era

Voice.

@dotmariusz — mobiconf 2014

Page 16: Mobiconf 2014: Designing in the post-screen era

Location.

@dotmariusz — mobiconf 2014

Page 17: Mobiconf 2014: Designing in the post-screen era

Health data.

@dotmariusz — mobiconf 2014

Page 18: Mobiconf 2014: Designing in the post-screen era

Context.

@dotmariusz — mobiconf 2014

Page 19: Mobiconf 2014: Designing in the post-screen era

Adaptive design.

@dotmariusz — mobiconf 2014

Page 20: Mobiconf 2014: Designing in the post-screen era

Timely.

@dotmariusz — mobiconf 2014

Page 21: Mobiconf 2014: Designing in the post-screen era

Proactive.

@dotmariusz — mobiconf 2014

Page 22: Mobiconf 2014: Designing in the post-screen era

We’re slowly reaching our “uncanny valley” moment in user experience.

@dotmariusz — mobiconf 2014

Page 23: Mobiconf 2014: Designing in the post-screen era

Why?

@dotmariusz — mobiconf 2014

Page 24: Mobiconf 2014: Designing in the post-screen era

@dotmariusz — mobiconf 2014

“The emergence of proactive experiences is tied to the changing role technology plays in our lives”

— Tony Costa, UX Magazine

Page 25: Mobiconf 2014: Designing in the post-screen era

I, for one welcome our new computer overlords.

@dotmariusz — mobiconf 2014

Page 26: Mobiconf 2014: Designing in the post-screen era

`“The Future”

@dotmariusz — mobiconf 2014

Page 27: Mobiconf 2014: Designing in the post-screen era

`

@dotmariusz — mobiconf 2014

Page 28: Mobiconf 2014: Designing in the post-screen era

`

@dotmariusz — mobiconf 2014

Page 29: Mobiconf 2014: Designing in the post-screen era

`Screens. Screens everywhere.

@dotmariusz — mobiconf 2014

Page 30: Mobiconf 2014: Designing in the post-screen era

`But wait… There’s more!

@dotmariusz — mobiconf 2014

Page 31: Mobiconf 2014: Designing in the post-screen era

`

@dotmariusz — mobiconf 2014

Page 32: Mobiconf 2014: Designing in the post-screen era

`

@dotmariusz — mobiconf 2014

Page 33: Mobiconf 2014: Designing in the post-screen era

`“I always wanted to be able to browse the Web on my fridge.”

@dotmariusz — mobiconf 2014

— Nobody, ever.

Page 34: Mobiconf 2014: Designing in the post-screen era

`fuckyeahinternetfridge.tumblr.com

@dotmariusz — mobiconf 2014

Page 35: Mobiconf 2014: Designing in the post-screen era

`It’s safe to assume we have enough touchscreen devices in our

homes already.

@dotmariusz — mobiconf 2014

Page 36: Mobiconf 2014: Designing in the post-screen era

`The Future:

@dotmariusz — mobiconf 2014

Page 37: Mobiconf 2014: Designing in the post-screen era

`Beacons.

@dotmariusz — mobiconf 2014

Page 38: Mobiconf 2014: Designing in the post-screen era

`Wearables.

@dotmariusz — mobiconf 2014

Page 39: Mobiconf 2014: Designing in the post-screen era

`Internet of Things.

@dotmariusz — mobiconf 2014

Page 40: Mobiconf 2014: Designing in the post-screen era

`Smart fabrics.

@dotmariusz — mobiconf 2014

Page 41: Mobiconf 2014: Designing in the post-screen era

`Connected devices.

@dotmariusz — mobiconf 2014

Page 42: Mobiconf 2014: Designing in the post-screen era

@dotmariusz — mobiconf 2014

Page 43: Mobiconf 2014: Designing in the post-screen era

`What can we do right now?

@dotmariusz — mobiconf 2014

Page 44: Mobiconf 2014: Designing in the post-screen era

`Fitness.

@dotmariusz — mobiconf 2014

Page 45: Mobiconf 2014: Designing in the post-screen era

`Environment (weather etc.)

@dotmariusz — mobiconf 2014

Page 46: Mobiconf 2014: Designing in the post-screen era

`On-board computer in your car.

@dotmariusz — mobiconf 2014

Page 47: Mobiconf 2014: Designing in the post-screen era

`Health.

@dotmariusz — mobiconf 2014

Page 48: Mobiconf 2014: Designing in the post-screen era

`Sleep.

@dotmariusz — mobiconf 2014

Page 49: Mobiconf 2014: Designing in the post-screen era

`Environment.

@dotmariusz — mobiconf 2014

Page 50: Mobiconf 2014: Designing in the post-screen era

`Provide help to people with medical conditions.

@dotmariusz — mobiconf 2014

Page 51: Mobiconf 2014: Designing in the post-screen era

`Provide seamless experience.

@dotmariusz — mobiconf 2014

Page 52: Mobiconf 2014: Designing in the post-screen era

`

@dotmariusz — MobiConf 2014

Learn from user behaviour.

@dotmariusz — mobiconf 2014

Page 53: Mobiconf 2014: Designing in the post-screen era

`Provide contextual, timely notifications.

@dotmariusz — mobiconf 2014

Page 54: Mobiconf 2014: Designing in the post-screen era

`Do all kinds of awesome stuff.

@dotmariusz — mobiconf 2014

Page 55: Mobiconf 2014: Designing in the post-screen era

`The experience becomes the product.

@dotmariusz — mobiconf 2014

Page 56: Mobiconf 2014: Designing in the post-screen era

`Stop thinking screens. Start thinking systems.

@dotmariusz — mobiconf 2014

Page 57: Mobiconf 2014: Designing in the post-screen era

`“As device simplicity goes down. System complexity goes up”

@dotmariusz — mobiconf 2014

— Cliff Kuang, Wired

Page 58: Mobiconf 2014: Designing in the post-screen era

`Human becomes the interface.

@dotmariusz — mobiconf 2014

Page 59: Mobiconf 2014: Designing in the post-screen era

`Augmented humans.

@dotmariusz — mobiconf 2014

Page 60: Mobiconf 2014: Designing in the post-screen era

`What’s important?

@dotmariusz — mobiconf 2014

Page 61: Mobiconf 2014: Designing in the post-screen era

`Data.

@dotmariusz — mobiconf 2014

Page 62: Mobiconf 2014: Designing in the post-screen era

`Context.

@dotmariusz — mobiconf 2014

Page 63: Mobiconf 2014: Designing in the post-screen era

`Continuity.

@dotmariusz — mobiconf 2014

Page 64: Mobiconf 2014: Designing in the post-screen era

`

@dotmariusz — mobiconf 2014

“Real-time, hands-on proactive experiences (…) are becoming the expectation.”

— Dan Nett

Page 65: Mobiconf 2014: Designing in the post-screen era

`Security.

@dotmariusz — mobiconf 2014

Page 66: Mobiconf 2014: Designing in the post-screen era

`Privacy.

@dotmariusz — MobiConf 2014

Page 67: Mobiconf 2014: Designing in the post-screen era

`Making devices talk to each other.

@dotmariusz — mobiconf 2014

Page 68: Mobiconf 2014: Designing in the post-screen era

`Systems evolve by turning data into wisdom.

@dotmariusz — mobiconf 2014

Page 69: Mobiconf 2014: Designing in the post-screen era

@dotmariusz — MobiConf 2014

http://bit.ly/iot-cisco

Page 70: Mobiconf 2014: Designing in the post-screen era

`Proactive design.

@dotmariusz — MobiConf 2014

Page 71: Mobiconf 2014: Designing in the post-screen era

`Personal assistant.

@dotmariusz — MobiConf 2014

Page 72: Mobiconf 2014: Designing in the post-screen era

`

@dotmariusz — MobiConf 2014

“How to help people solve their problems as they appear?”

Page 73: Mobiconf 2014: Designing in the post-screen era

`Context-aware.

@dotmariusz — MobiConf 2014

Page 74: Mobiconf 2014: Designing in the post-screen era

`Design with sensors.

@dotmariusz — MobiConf 2014

Page 75: Mobiconf 2014: Designing in the post-screen era

`Anticipate needs.

@dotmariusz — MobiConf 2014

Page 76: Mobiconf 2014: Designing in the post-screen era

`Provide guidance, not data.

@dotmariusz — MobiConf 2014

Page 77: Mobiconf 2014: Designing in the post-screen era

`Build a conversation.

@dotmariusz — MobiConf 2014

Page 78: Mobiconf 2014: Designing in the post-screen era

`Be “smart enough”.

@dotmariusz — MobiConf 2014

Page 79: Mobiconf 2014: Designing in the post-screen era

`Start with “Why?”

@dotmariusz — MobiConf 2014

Page 80: Mobiconf 2014: Designing in the post-screen era

`Don’t overthink.

@dotmariusz — MobiConf 2014

Page 81: Mobiconf 2014: Designing in the post-screen era

`Think about touchpoints.

@dotmariusz — MobiConf 2014

Page 82: Mobiconf 2014: Designing in the post-screen era

`Think about real-life interactions.

@dotmariusz — MobiConf 2014

Page 83: Mobiconf 2014: Designing in the post-screen era

`What’s the most natural interaction you can think of?

@dotmariusz — MobiConf 2014

Page 84: Mobiconf 2014: Designing in the post-screen era

`Go beyond touch and click.

@dotmariusz — MobiConf 2014

Page 85: Mobiconf 2014: Designing in the post-screen era

`Common pitfalls:

@dotmariusz — MobiConf 2014

Page 86: Mobiconf 2014: Designing in the post-screen era

`Making wrong assumptions.

@dotmariusz — MobiConf 2014

Page 87: Mobiconf 2014: Designing in the post-screen era

`Not allowing choice.

@dotmariusz — MobiConf 2014

Page 88: Mobiconf 2014: Designing in the post-screen era

`Business objectives over user objectives.

@dotmariusz — MobiConf 2014

Page 89: Mobiconf 2014: Designing in the post-screen era

`Being a creep.

@dotmariusz — MobiConf 2014

Page 90: Mobiconf 2014: Designing in the post-screen era

`Proactive design case study: Train station

@dotmariusz — MobiConf 2014

Page 91: Mobiconf 2014: Designing in the post-screen era

`Good ideas:

@dotmariusz — MobiConf 2014

Page 92: Mobiconf 2014: Designing in the post-screen era

`Fitbit.

@dotmariusz — mobiconf 2014

Page 93: Mobiconf 2014: Designing in the post-screen era

`Ambient umbrella.

@dotmariusz — mobiconf 2014

Page 94: Mobiconf 2014: Designing in the post-screen era

`Sensibo.

@dotmariusz — mobiconf 2014

Page 95: Mobiconf 2014: Designing in the post-screen era

`Aether Cone music player.

@dotmariusz — mobiconf 2014

Page 96: Mobiconf 2014: Designing in the post-screen era

`BluFit Smart Water Bottle

@dotmariusz — mobiconf 2014

Page 97: Mobiconf 2014: Designing in the post-screen era

`August Smart Lock

@dotmariusz — mobiconf 2014

Page 98: Mobiconf 2014: Designing in the post-screen era

`Disney World MagicBands.

@dotmariusz — mobiconf 2014

Page 99: Mobiconf 2014: Designing in the post-screen era

`

@dotmariusz — MobiConf 2014

Nest.

@dotmariusz — mobiconf 2014

Page 100: Mobiconf 2014: Designing in the post-screen era

`

@dotmariusz — MobiConf 2014

Dialog bracelet.

@dotmariusz — mobiconf 2014

Page 101: Mobiconf 2014: Designing in the post-screen era

`

@dotmariusz — MobiConf 2014@dotmariusz — mobiconf 2014

Page 102: Mobiconf 2014: Designing in the post-screen era

`Bad ideas:

@dotmariusz — mobiconf 2014

Page 103: Mobiconf 2014: Designing in the post-screen era

`

@dotmariusz — mobiconf 2014

RemoteLink.

Page 104: Mobiconf 2014: Designing in the post-screen era

`“Any sufficiently advanced technology is indistinguishable from magic.”

@dotmariusz — mobiconf 2014

Page 105: Mobiconf 2014: Designing in the post-screen era

`“Live in the future and build what’s missing”

@dotmariusz — mobiconf 2014

— Paul Graham, YCombinator

Page 106: Mobiconf 2014: Designing in the post-screen era

`Thank you!

@dotmariusz mobiconf Kraków 2014