Significant Glances: Meaningful Interaction on the Wrist
Click here to load reader
-
Upload
josh-clark -
Category
Mobile
-
view
34.590 -
download
1
Transcript of Significant Glances: Meaningful Interaction on the Wrist
![Page 1: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/1.jpg)
significant
glances
Meaningful interaction
on the wrist
Josh Clark
@Bigmediumjosh
![Page 2: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/2.jpg)
No
foreword by Brad Frost
DESIGNING FOR TOUCH
Josh Clark
Brief books for people who make websites
14
Josh Clark
@Bigmediumjosh
![Page 3: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/3.jpg)
The next iphone!
![Page 4: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/4.jpg)
https://www.youtube.com/watch?v=SHh8ojgfYXw
![Page 5: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/5.jpg)
A frivolous toy!
![Page 6: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/6.jpg)
http://www.funnyordie.com/videos/04f343cc0e/apple-watch-commercial-honest-version
![Page 7: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/7.jpg)
![Page 8: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/8.jpg)
5%
5% of apple watch owners
have stopped wearing ithttp://www.reuters.com/article/us-apple-watch-poll-idUSKBN0TR20F20151208
![Page 9: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/9.jpg)
33%
5%
5% of apple watch owners
have stopped wearing it
33% of wearable
owners abandon
after six months
http://www.reuters.com/article/us-apple-watch-poll-idUSKBN0TR20F20151208
http://www.theguardian.com/technology/2014/apr/01/wearables-consumers-abandoning-devices-galaxy-gear
![Page 10: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/10.jpg)
Meh is okay.
![Page 11: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/11.jpg)
Meh is okay.
Pain is not.
![Page 12: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/12.jpg)
Pain
Value
![Page 13: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/13.jpg)
Pain
• Slow connection to phone
• Slow App Performance
• Siri stutters
• small screen requires
precision/focus
![Page 14: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/14.jpg)
Lean into
strengths
![Page 15: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/15.jpg)
It’s not a little phone
![Page 16: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/16.jpg)
Absorb the
simple tasks of
more complex
devices
![Page 17: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/17.jpg)
The job of the watch is to
do more and more
things on your wrist
so that Y0U
don't need to pick up
your phoneas often
PHIL SCHILLER
![Page 18: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/18.jpg)
![Page 19: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/19.jpg)
Don’t
port
apps
...yet
![Page 20: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/20.jpg)
Actionable
notifications
are the product
![Page 21: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/21.jpg)
It’s a sidekick
![Page 22: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/22.jpg)
• check time
• Notifications
Skim the surface
![Page 23: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/23.jpg)
• Communication
• Health & Fitness
• Identity
• Finance
• check time
• Notifications
![Page 24: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/24.jpg)
It’snot
about watchthe
![Page 25: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/25.jpg)
It’snot
aboutEngagement
![Page 26: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/26.jpg)
Simple
Minimal
Fast
Invisible
Interactions with services
(Not apps you stare at)
![Page 27: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/27.jpg)
The best apps support
Fast interactions
and focus on the
content that users
care about most
Apple guidelines
![Page 28: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/28.jpg)
Android Wear guidelines
Focus on
not stopping
the user
![Page 29: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/29.jpg)
taskingMicro-
38 seconds
http://www.mobilelifecentre.org/sites/default/files/Smartwatches_invivo%20w%20authors.pdf
![Page 30: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/30.jpg)
taskingNano-
7 seconds
http://www.mobilelifecentre.org/sites/default/files/Smartwatches_invivo%20w%20authors.pdf
![Page 31: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/31.jpg)
Runeblade
![Page 32: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/32.jpg)
Runeblade
![Page 33: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/33.jpg)
Runeblade
![Page 34: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/34.jpg)
Runeblade
20 sessions of
40 seconds each
Average per day
![Page 35: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/35.jpg)
Runeblade
100+ sessions; 6 minute intervals
Top 2 percent
![Page 36: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/36.jpg)
Streaks
![Page 37: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/37.jpg)
Seven-minute workout
“seven”
![Page 38: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/38.jpg)
Sustained
Glances
Design for a series
of 5-second sessions
![Page 39: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/39.jpg)
* $ & @%
Glance carousel
![Page 40: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/40.jpg)
*$&%@#!?!
Glance carousel
![Page 41: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/41.jpg)
•Manually added
•As many as 20
•not often used
but these are your
most loyal users
Glance carousel
![Page 42: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/42.jpg)
ImmediA vs
realtime data
te response
Glances
Design for data latency
Use as launcher
![Page 43: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/43.jpg)
Just press record
![Page 44: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/44.jpg)
Just press record
![Page 45: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/45.jpg)
Just press record
![Page 46: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/46.jpg)
Complications
![Page 47: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/47.jpg)
A pure distillation
of your app
Complications
Start designing here
![Page 48: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/48.jpg)
![Page 49: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/49.jpg)
App in the air
![Page 50: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/50.jpg)
App in the air
![Page 51: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/51.jpg)
App in the air
![Page 52: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/52.jpg)
App in the air
![Page 53: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/53.jpg)
Citymapper
![Page 54: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/54.jpg)
Immediate(but not urgent)
![Page 55: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/55.jpg)
Single-tap UX
![Page 56: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/56.jpg)
Uber
![Page 57: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/57.jpg)
Workflow
![Page 58: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/58.jpg)
Coarse gestures, giant buttons
![Page 59: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/59.jpg)
Cruncher
![Page 60: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/60.jpg)
Cruncher
![Page 61: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/61.jpg)
3D touch is a coarse gesture
![Page 62: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/62.jpg)
3D touch is a coarse gesture
![Page 63: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/63.jpg)
Hands free
activities
![Page 64: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/64.jpg)
Slopes
![Page 65: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/65.jpg)
Slopes
![Page 66: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/66.jpg)
Slopes
![Page 67: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/67.jpg)
Time
Status/condition
Trigger action
![Page 68: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/68.jpg)
Dashboard
![Page 69: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/69.jpg)
The world
interface
is the
This is just a button
![Page 70: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/70.jpg)
![Page 71: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/71.jpg)
What is a
watch-first
experience?
![Page 72: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/72.jpg)
The watch
does not compete
with watches
it competes with
naked wrists
Horace Dediu
![Page 73: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/73.jpg)
Wrists
gesture
![Page 74: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/74.jpg)
Presto.WatchhtTp://
@PrestOgestuRe
![Page 75: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/75.jpg)
Gemio
![Page 76: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/76.jpg)
A public display
![Page 77: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/77.jpg)
Adjacent to
the work
of the hands
![Page 78: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/78.jpg)
Your wrist is
always
with you
![Page 79: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/79.jpg)
omershapira.com/blog/2014/09/its-raining-again/
![Page 80: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/80.jpg)
Carry your data
to the rest
of the
world
![Page 81: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/81.jpg)
Mobile brings
computing
power to
immobile
objects
![Page 82: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/82.jpg)
Mobile brings
computing
power to
immobile
objects
![Page 83: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/83.jpg)
smart homes
and cars
![Page 84: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/84.jpg)
Identity
![Page 85: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/85.jpg)
?
What’s the
watch’s
sidekick?
![Page 86: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/86.jpg)
What’s next?
![Page 87: Significant Glances: Meaningful Interaction on the Wrist](https://reader038.fdocuments.net/reader038/viewer/2022102316/589c2b681a28ab65248b6005/html5/thumbnails/87.jpg)
Thank you!
Josh Clark
@Bigmediumjosh
thanks & apologies
to Saul Bass