mind the gap: designing the space between devices
TRANSCRIPT
![Page 1: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/1.jpg)
http://www.flickr.com/photos/geckospake/4082648621
DESIGNING THE SPACES BETWEEN
JOSH CLARK • @GLOBALMOXIE
![Page 2: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/2.jpg)
PALM PILOT
Palm Vbitly.com/palm-train
![Page 3: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/3.jpg)
![Page 4: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/4.jpg)
Multidevice
21 device changesper hour
http://www.campaignlive.co.uk/news/1225960/
![Page 5: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/5.jpg)
90% accomplish tasksacross multiple
screens
http://www.thinkwithgoogle.com/research-studies/the-new-multi-screen-world-study.html
![Page 6: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/6.jpg)
90% accomplish tasksacross multiple
screens
67% start shoppingon one device and
continue on anotherhttp://www.thinkwithgoogle.com/research-studies/the-new-multi-screen-world-study.html
![Page 7: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/7.jpg)
Search Email Text
![Page 8: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/8.jpg)
The Gap
![Page 9: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/9.jpg)
RCA Victor (1961)bitly.com/rca-remote
Remote control
![Page 10: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/10.jpg)
![Page 11: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/11.jpg)
![Page 12: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/12.jpg)
Remote control
Content syncing
Email and SMS hacks
![Page 13: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/13.jpg)
![Page 14: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/14.jpg)
The Behavior Gap
![Page 15: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/15.jpg)
![Page 16: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/16.jpg)
It’s not enoughto share content across devices.
Share action.
![Page 17: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/17.jpg)
Sync verbs,not just nouns.
![Page 18: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/18.jpg)
Apple Continuitybit.ly/ios-continuity
![Page 19: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/19.jpg)
![Page 20: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/20.jpg)
![Page 21: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/21.jpg)
![Page 22: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/22.jpg)
![Page 23: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/23.jpg)
![Page 24: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/24.jpg)
We don’t needno stinkin’native software.
![Page 25: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/25.jpg)
Racerbitly.com/racer-chrome
![Page 26: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/26.jpg)
Chess + WebRTCbitly.com/webrtc-chess
![Page 27: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/27.jpg)
Web
Sock
ets
Web
RTC
![Page 28: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/28.jpg)
Web
Sock
ets
Web
RTC
Blue
toot
h LE
NFC
![Page 29: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/29.jpg)
bleep bleep bloop
oh hai!
![Page 30: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/30.jpg)
sonicnet.jsbitly.com/sonicnet
![Page 31: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/31.jpg)
![Page 32: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/32.jpg)
Web
Sock
ets
Web
RTC
Blue
toot
h LE
NFC
Web Audio API
![Page 33: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/33.jpg)
Web
Sock
ets
Web
RTC
Blue
toot
h LE
NFC
Web Audio API
Infrared
![Page 34: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/34.jpg)
DangerScreens encumberand constrain.
![Page 35: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/35.jpg)
DangerAverage smartphone screen time:
3 hours, 16 minsper day
Oct 2014: http://www.tecmark.co.uk/smartphone-usage-data-uk-2014/
![Page 36: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/36.jpg)
http://www.coroflot.com/Lylover/Surf-Chair
![Page 37: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/37.jpg)
![Page 38: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/38.jpg)
Design for people,not screens.
![Page 39: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/39.jpg)
The best partsof our livesdo not happenin front of a screen.
![Page 40: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/40.jpg)
Physical Interaction
![Page 41: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/41.jpg)
Drumpantsbit.ly/drum-pants
![Page 42: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/42.jpg)
Experiment.Play.Splash in puddles.
![Page 43: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/43.jpg)
Misfit Shinebitly.com/shine-sync
![Page 44: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/44.jpg)
Deep Shotbitly.com/deep-shot
![Page 45: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/45.jpg)
Deep Shotbitly.com/deep-shot
![Page 46: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/46.jpg)
THAWbitly.com/mit-thaw
![Page 47: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/47.jpg)
@LARRYLEGEND
![Page 48: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/48.jpg)
Happy Togetherbit.ly/happy-together-app
![Page 49: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/49.jpg)
Join us on github:
github.com/houseoflegend/happytogether
![Page 50: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/50.jpg)
Grab Magicbitly.com/grab-magic
![Page 51: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/51.jpg)
It’s not a challengeof technology.
It’s a challengeof imagination.
![Page 52: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/52.jpg)
![Page 53: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/53.jpg)
There is
magicin the gaps
between devices
![Page 54: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/54.jpg)
Myo Armbandbitly.com/myo-armband
![Page 55: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/55.jpg)
Ringlogbar.jp/ring
![Page 56: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/56.jpg)
LEAP MOTION
![Page 57: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/57.jpg)
New york timesbitly.com/nyt-leapmotion
![Page 58: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/58.jpg)
Never ever ever evertry to out-mousethe mouse.
![Page 59: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/59.jpg)
Physical& Digital
![Page 60: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/60.jpg)
Apartment finderbitly.com/rom-leapmotion
![Page 61: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/61.jpg)
Internet of Things
Physical& Digital
![Page 62: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/62.jpg)
Digital becomes physical.
![Page 63: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/63.jpg)
Digital becomes physical.
Physical becomes digital.
![Page 64: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/64.jpg)
![Page 65: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/65.jpg)
![Page 66: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/66.jpg)
![Page 67: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/67.jpg)
![Page 68: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/68.jpg)
![Page 69: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/69.jpg)
![Page 70: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/70.jpg)
Anything thatcan be connectedwill be connected.
![Page 71: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/71.jpg)
Everyday objectsare digital gadgets.
![Page 72: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/72.jpg)
![Page 73: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/73.jpg)
![Page 74: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/74.jpg)
![Page 75: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/75.jpg)
“Software is eating the world.”
—MARC ANDREESSEN
![Page 76: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/76.jpg)
The Web is eating the world.
![Page 77: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/77.jpg)
Physical thingshave digital avatars.
![Page 78: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/78.jpg)
Internet of Things
Physical& Digital
Social Machines
![Page 79: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/79.jpg)
![Page 80: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/80.jpg)
http://thecomedycouple.com/2011/11/17/peta-hates-our-childhood/
![Page 81: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/81.jpg)
TOYMAILtoymail.co
![Page 82: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/82.jpg)
![Page 83: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/83.jpg)
Software makes hardware scale.
![Page 84: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/84.jpg)
![Page 85: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/85.jpg)
![Page 86: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/86.jpg)
DangerConnected devices won’t alwayssay nice things.
![Page 87: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/87.jpg)
DangerAnything thatcan be hackedwill be hacked.
![Page 88: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/88.jpg)
![Page 89: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/89.jpg)
![Page 90: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/90.jpg)
![Page 91: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/91.jpg)
![Page 92: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/92.jpg)
Software is ideology, embedded with values.
![Page 93: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/93.jpg)
AwesomenessPlan for gadget hopping
Share action
Peer-to-peer sharing
Design for sensors
Offscreen interactions
Avatars for objects
![Page 94: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/94.jpg)
Managing transitions between computing devices could very well bethe primary software problemof the next 5 to 10 years.—FARHAD MANJOO, NEW YORK TIMES
![Page 95: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/95.jpg)
It’s not a challengeof technology.
It’s a challengeof imagination.
![Page 96: Mind the Gap: Designing the Space Between Devices](https://reader031.vdocuments.net/reader031/viewer/2022030310/58f9aa60760da3da068b7858/html5/thumbnails/96.jpg)
THANK YOU JOSH CLARK@globalmoxie