mind the gap: designing in the space between devices
DESCRIPTION
Josh Clark's talk from Future Insights Live 2014 in Las Vegas: "As devices multiply, the new opportunity is less about designing individual screens but designing interactions BETWEEN them—often without using a screen at all. It's all about designing not only for screens but for sensors, and the technology is already here in our pockets, handbags, and living rooms." Miss his talk? Join us at a future show: www.futureofwebdesign.com. Sign up for our newsletter at futureinsights.com and get 15% off your next conference.TRANSCRIPT
http://www.flickr.com/photos/geckospake/4082648621
DESIGNING THE SPACESBETWEENJOSH CLARK • @GLOBALMOXIE
PALM PILOT
Palm Vbitly.com/palm-train
Multidevice
21 device changesper hour
90% accomplish tasksacross multiple screens
67% start shoppingon one device andcontinue on another
http://www.thinkwithgoogle.com/research-studies/the-new-multi-screen-world-study.html
Search Email Text
The Gap
RCA Victor (1961)bitly.com/rca-remote
Remote control
CHROMECAST
Remote control
Content syncing
Email and SMS hacks
Remote control
Content syncing
Hacks: email and sms
The Behavior Gap
Apple Continuitybitly.com/wwdc-continuity
Sequenced
Deep Shotbitly.com/deep-shot
Sequenced Simultaneous
Racerbitly.com/racer-chrome
Chess + WebRTCbitly.com/webrtc-chess
It’s not enough to sharecontent across devices.Share action.
Sync verbs,not just nouns.
Sequenced Simultaneous
WebSockets WebRTC Bluetooth LE
bleep bleep bloop
oh hai!
HTTP://SMUS.COM/ULTRASONIC-NETWORKING/
sonicnet.jsbitly.com/sonicnet
WebSockets WebRTC Bluetooth LE
Web Audio API
DangerScreens encumberand constrain.
Design for people,not screens.
WebSockets WebRTC Bluetooth LE
Physical Interaction
Drumpantsbit.ly/drum-pants
Misfit Shinebitly.com/shine-sync
@LARRYLEGENDHappy Togetherbit.ly/happy-together-app
Join us on github:github.com/houseoflegend/happytogether
Grab Magicbitly.com/grab-magic
It’s not a challengeof technology.It’s a challengeof imagination.
There ismagicin the gapsbetween devices
MYO ARMBAND
Myo Armbandbitly.com/myo-armband
LEAP MOTION
HP Envy Leap Motion SEbitly.com/hp-leapmotion
New york timesbitly.com/nyt-leapmotion
Never ever ever evertry to out-mousethe mouse.
Physical Interaction
Physical / Digital
Apartment finderbitly.com/rom-leapmotion
Physical / Digital
Internet of Things
Digital becomesphysical.
Digital becomesphysical.Physical becomes digital.
Anything thatcan be connectedwill be connected.
Everyday objectsare nowdigital gadgets, too.
Physical thingsnow havedigital avatars.
Physical / Digital
Internet of Things
Social Machines
Teddy Ruxpinbitly.com/ruxpin-ad
http://thecomedycouple.com/2011/11/17/peta-hates-our-childhood/
TOYMAIL
Toymailtoymail.co
TOYMAIL HOW-TO
Software makeshardware scale.
DangerConnected devices won’talwayssay nice things.
DangerAnything thatcan be hackedwill be hacked.
Software is ideology,embedded with values.
Physical / Digital
Internet of Things
Social Machines
ImaginationPlan for gadget hoppingShare action, not just contentPeer-to-peer sharingDesign for sensorsPush interaction off the screenAvatars for physical objects
Managing the transitionsbetween lots of differentcomputing devices couldvery well be the primarysoftware problem of thenext five to 10 years.—FARHAD MANJOO, NEW YORK TIMES
It’s not a challengeof technology.It’s a challengeof imagination.
THANKYOU JOSHCLARK@globalmoxie
bitly.com/design-the-gap