How to Create Computer-Free Digital Experiences (Planningness 2013)

67
COMPUTER-FREE DIGITAL EXPERIENCES @VLADIMIRIPICK

description

My talk at Planningness 2013. The worlds of hardware and software are colliding: from art to intelligent robots, our interactions with the digital world are moving beyond the computer screen. The digital layer around us is ever-present and ubiquitous, and our interactions increasingly happen through a network of connected sensors and haptic devices. Learn why this matters for your job and how to design digital experiences that bridge the physical and digital. @vladimirpick

Transcript of How to Create Computer-Free Digital Experiences (Planningness 2013)

Page 1: How to Create Computer-Free Digital Experiences (Planningness 2013)

COMPUTER-FREEDIGITAL EXPERIENCES

@VLADIMIRIPICK

Page 2: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMiRIPICK

Page 3: How to Create Computer-Free Digital Experiences (Planningness 2013)

The future is already here –it's just not very evenly distributed.

WILLIAM GIBSON

©2013 UNDERCURRENT | CONFIDENTIAL AND PROPRIETARY

Page 4: How to Create Computer-Free Digital Experiences (Planningness 2013)

It gets evenly distributed pretty damn fast these days.

MY HUMBLE ADDITION

©2013 UNDERCURRENT | CONFIDENTIAL AND PROPRIETARY

Page 5: How to Create Computer-Free Digital Experiences (Planningness 2013)
Page 6: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMiRIPICK 6

Page 7: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICK

ENOUGH ABOUT ME.WHAT ABOUT YOU?

7

Page 8: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | CONFIDENTIAL AND PROPRIETARY 8

Don't build an app based on your website.

Build the app that acts as if websites never existed in the first place. Build the app for the person who

has never used a desktop computer. Because they

are coming. Soon.

MG SIEGLER, TECHCRUNCH

Page 9: How to Create Computer-Free Digital Experiences (Planningness 2013)
Page 10: How to Create Computer-Free Digital Experiences (Planningness 2013)
Page 11: How to Create Computer-Free Digital Experiences (Planningness 2013)

THE WORLDS OFHARDWARE AND SOFTWARE

ARE COLLIDING

Page 12: How to Create Computer-Free Digital Experiences (Planningness 2013)

What do I mean by that?

The best hardware is software wrapped in plastic.

Hardware depends on software to help it interface with its human users.

BRAD FELD, FOUNDRY GROUP

Page 13: How to Create Computer-Free Digital Experiences (Planningness 2013)

TECHNOLOGY IS CATCHING UP TO OUR

EXPECTATIONS

Page 14: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICK

SENSORS EVERYWHERE

OR

UBIQUITOUSPHYSICAL COMPUTING

14

Page 15: How to Create Computer-Free Digital Experiences (Planningness 2013)

FUELBANDPERSONAL DATA AND THE QUANTIFIED SELF

Page 16: How to Create Computer-Free Digital Experiences (Planningness 2013)

WORLDKITEVERYTHING IS A TOUCHSCREEN

Page 17: How to Create Computer-Free Digital Experiences (Planningness 2013)

NEXT STOPINTERACTING WITH THE CITY

Page 18: How to Create Computer-Free Digital Experiences (Planningness 2013)

SPACEBREWOPEN SOURCE INTERACTIVE SPACES

Page 19: How to Create Computer-Free Digital Experiences (Planningness 2013)

LUMOBACKPERSONAL & QUANTIFIABLE

Page 20: How to Create Computer-Free Digital Experiences (Planningness 2013)

GOOGLE GLASSUBIQUITY IS HERE

Page 21: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICK

THINGS WE TOUCHOR

HUMAN COMPUTER INTERACTION

21

(OR NOT)

Page 22: How to Create Computer-Free Digital Experiences (Planningness 2013)

PLUGTAKING THINGS LITERALLY

Page 23: How to Create Computer-Free Digital Experiences (Planningness 2013)

PLUGHOW IT WAS MADE

Page 24: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | CONFIDENTIAL AND PROPRIETARY

BAXTERTOUGH BUT SENSITIVE

Page 25: How to Create Computer-Free Digital Experiences (Planningness 2013)

KINECTOPEN = ENABLING

Page 26: How to Create Computer-Free Digital Experiences (Planningness 2013)

#MINIVLAD

Page 27: How to Create Computer-Free Digital Experiences (Planningness 2013)

UNIVERSITY OF SAINT ANDREWSCUSTOM = MEMORABLE

Page 28: How to Create Computer-Free Digital Experiences (Planningness 2013)

UNIVERSITY OF SAINT ANDREWSCUSTOM = MEMORABLE

Page 29: How to Create Computer-Free Digital Experiences (Planningness 2013)

MYO

Page 30: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICK

THINGS THAT TOUCH BACK

OR

HAPTIC FEEDBACK

30

Page 31: How to Create Computer-Free Digital Experiences (Planningness 2013)

HAPTIC SHOESENABLING MOBILITY

Page 32: How to Create Computer-Free Digital Experiences (Planningness 2013)

JAWBONE UPRISE AND SHINE

Page 33: How to Create Computer-Free Digital Experiences (Planningness 2013)

MICROSOFT RESEARCHTOUCHING IN 3D

Page 34: How to Create Computer-Free Digital Experiences (Planningness 2013)

MAKOHAPTIC SIMULATED SURGERY

Page 35: How to Create Computer-Free Digital Experiences (Planningness 2013)

HAPTIC STEERING WHEELA LIFE-SAVER

Page 36: How to Create Computer-Free Digital Experiences (Planningness 2013)

TACTUSTHE TOUCHSCREEN IS ALIVE

Page 37: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICK

THINGS THAT TOUCH US

37

Page 38: How to Create Computer-Free Digital Experiences (Planningness 2013)

LIVE AVATARSTRANSMITTING EMOTIONS

Page 39: How to Create Computer-Free Digital Experiences (Planningness 2013)

LIVE AVATARSTRANSMITTING EMOTIONS

Page 40: How to Create Computer-Free Digital Experiences (Planningness 2013)

NIGHT LIGHTSFULL-BODY INTERACTION

Page 41: How to Create Computer-Free Digital Experiences (Planningness 2013)

NIKEPAINT WITH YOUR FEET

Page 42: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICK

SMART THINGSOR

CONNECTED DEVICES

42

Page 43: How to Create Computer-Free Digital Experiences (Planningness 2013)

NESTLEARNING

Page 44: How to Create Computer-Free Digital Experiences (Planningness 2013)

KIVA SYSTEMS

Page 45: How to Create Computer-Free Digital Experiences (Planningness 2013)

PHILIPS HUEMVP

Page 46: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICK

STORY TIME?

46

Page 47: How to Create Computer-Free Digital Experiences (Planningness 2013)

MATTERNET

Page 48: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICK

LET’S HAVE SOME FUN!

48

-+

Page 49: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICK

BATTERY

LIGHT SENSOR

LED

RESISTOR

STEP 1: GET YOUR FOUR COMPONENTS

Page 50: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICKSTEP 2: SPREAD THE PINS A BIT (BE GENTLE!)

Page 51: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICKSTEP 3: PICK ANY 2 AND GET READY TO TWIST-TIE.

Page 52: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICKSTEP 4: TWO DOWN, ONE MORE TO GO

Page 53: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICKSTEP 5: TWIST-TIE THE THIRD COMPONENT

Page 54: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICK

THE ORDER DOESN’T MATTER, BUT YOUR ASSEMBLY SHOULD LOOK SOMETHING LIKE THIS

Page 55: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICK

STEP 6: PINCH THE TWO FREE PINS TO STRADDLE THE BATTERY, AND VOILA!

Page 56: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICK

COVER THE PHOTOCELL WITH YOUR FINGER TO DIM THE LED!

POINT THE PHOTOCELL AT THE WINDOW OR SHINE A LIGHT ON IT TO MAKE IT GLOW BRIGHTER!

Page 57: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICK

DISCLAIMER

57

Page 58: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICK

INSTRUCTABLES

Page 59: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICK

ADAFRUIT

Page 60: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICK

Page 61: How to Create Computer-Free Digital Experiences (Planningness 2013)

61

SPARKFUN

Page 62: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | @VLADIMIRPICK

THERE ARE MANY TECHNIQUES FOR CREATING MAGIC

MOMENTS

62

Page 63: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | CONFIDENTIAL AND PROPRIETARY 63

1

23

4

WHAT’S THE ADJACENT

POSSIBILITY

WHAT’S GOOD ABOUT IT

WHAT’S THE PROBLEM?

Find the !iction. Find the delight.

Find the technology.

Page 64: How to Create Computer-Free Digital Experiences (Planningness 2013)

COMPUTER-FREE DIGITAL EXPERIENCES WORKSHEET

INTE

RFA

CE

DA

TAH

AR

DW

AR

EB

EHA

VIO

RS

MISSION: WHAT IS YOUR DENT IN THE UNIVERSE? (FILL THIS IN LAST)

WHAT EXISTING BEHAVIORS ARE YOU CHANGING? NEW BEHAVIORS?

WHAT DOES THE DEVICE LOOK LIKE? WHAT SENSORS DO YOU NEED?

WHAT DATA DO WE LEARN FROM? ADD OTHER SOURCES/APIS?

HOW DOES THE USER INTERACT? DEVICE ONLY OR WEB & MOBILE ALSO?

1

23

4

WHAT’S THE ADJACENTPOSSIBILITY?

WHAT’S GOOD ABOUT IT?

WHAT’S THE PROBLEM?

Find the !iction. Find the delight.

Find the technology.

INSIGHT

INSIGHT

INSIGHT

SOLUTION

START HERE

1

2

3

4

Page 65: How to Create Computer-Free Digital Experiences (Planningness 2013)

CEO

CFO CMOCIO

WHY IT MATTERS

Page 66: How to Create Computer-Free Digital Experiences (Planningness 2013)

©2013 UNDERCURRENT | CONFIDENTIAL AND PROPRIETARY 66

GET YOUR HANDS DIRTY

Page 67: How to Create Computer-Free Digital Experiences (Planningness 2013)

[email protected]

@VLADIMIRPICK