1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
|
page.title=Context Awareness on Android Wear
@jd:body
<style>
div.slide-wrapper {
width:780px;
overflow:visible;
}
div.slide {
width:370px;
float:left;
margin:0 20px 0 0;
}
div.slide p {
height:40px;
}
div.slide img {
height: 208px;
}
</style>
<p>Some of the most powerful user experiences with Android Wear are based on context-aware
notifications and actions. By using device sensors and other contextual cues, your app can reveal
information and functionality precisely when the user needs it, at a glance.</p>
<p>For example, if you’re building a social app for restaurants, you can recommend popular menu
items when your app recognizes that the user is at a restaurant. More examples below provide basic
ideas about what you can do with a notification and action confirmation in your Android Wear
app.</p>
<div class="slide-wrapper">
<div class="slide">
<h2>Pinterest</h2>
<p>Displays a notification when one of your geo-tagged pins is within walking distance.</p>
<img src="{@docRoot}design/media/wear/ContextualExample.005.png" alt=""
srcset="{@docRoot}design/media/wear/ContextualExample.005.png 1x,
{@docRoot}design/media/wear/ContextualExample.005_2x.png 2x" />
</div>
<div class="slide">
<h2>Trulia</h2>
<p>Displays property details and contact options when you are near a new home.</p>
<img src="{@docRoot}design/media/wear/ContextualExample.006.png" alt=""
srcset="{@docRoot}design/media/wear/ContextualExample.006.png 1x,
{@docRoot}design/media/wear/ContextualExample.006_2x.png 2x" />
</div>
<div class="slide">
<h2>Ski Conditions</h2>
<p>Displays lift status and slope conditions when you arrive at a ski resort.</p>
<img src="{@docRoot}design/media/wear/ContextualExample.008.png" alt=""
srcset="{@docRoot}design/media/wear/ContextualExample.008.png 1x,
{@docRoot}design/media/wear/ContextualExample.008_2x.png 2x" />
</div>
<div class="slide">
<h2>Thermostat</h2>
<p>Controls automatically appear when you are at home.
</p>
<img src="{@docRoot}design/media/wear/ContextualExample.007.png" alt=""
srcset="{@docRoot}design/media/wear/ContextualExample.007.png 1x,
{@docRoot}design/media/wear/ContextualExample.007_2x.png 2x" />
</div>
<div class="slide">
<h2>Airport</h2>
<p>Displays air miles while you are waiting at the gate.
</p>
<img src="{@docRoot}design/media/wear/ContextualExample.009.png" alt=""
srcset="{@docRoot}design/media/wear/ContextualExample.009.png 1x,
{@docRoot}design/media/wear/ContextualExample.009_2x.png 2x" />
</div>
<div class="slide">
<h2>Hotel</h2>
<p>Displays late check out option on the morning of your departure.
</p>
<img src="{@docRoot}design/media/wear/ContextualExample.010.png" alt=""
srcset="{@docRoot}design/media/wear/ContextualExample.010.png 1x,
{@docRoot}design/media/wear/ContextualExample.010_2x.png 2x" />
</div>
<div class="slide">
<h2>Conference</h2>
<p>Shows which of your friends are also attending the conference.
</p>
<img src="{@docRoot}design/media/wear/ContextualExample.011.png" alt=""
srcset="{@docRoot}design/media/wear/ContextualExample.011.png 1x,
{@docRoot}design/media/wear/ContextualExample.011_2x.png 2x" />
</div>
<div class="slide">
<h2>Restaurant</h2>
<p>Provides suggestions for the healthiest items on the menu when in a restaurant.
</p>
<img src="{@docRoot}design/media/wear/ContextualExample.012.png" alt=""
srcset="{@docRoot}design/media/wear/ContextualExample.012.png 1x,
{@docRoot}design/media/wear/ContextualExample.012_2x.png 2x" />
</div>
<div class="slide">
<h2>Oil Change</h2>
<p>Offers to set a reminder to change the oil again in six months while waiting at the garage.
</p>
<img src="{@docRoot}design/media/wear/ContextualExample.013.png" alt=""
srcset="{@docRoot}design/media/wear/ContextualExample.013.png 1x,
{@docRoot}design/media/wear/ContextualExample.013_2x.png 2x" />
</div>
<div class="slide">
<h2>Car Sharing</h2>
<p>Unlocks the car as you approach it.
</p>
<img src="{@docRoot}design/media/wear/ContextualExample.016.png" alt=""
srcset="{@docRoot}design/media/wear/ContextualExample.016.png 1x,
{@docRoot}design/media/wear/ContextualExample.016_2x.png 2x" />
</div>
<div class="slide">
<h2>Zoo</h2>
<p>Notifies visitors when the penguins are going to be fed.
</p>
<img src="{@docRoot}design/media/wear/ContextualExample.014.png" alt=""
srcset="{@docRoot}design/media/wear/ContextualExample.014.png 1x,
{@docRoot}design/media/wear/ContextualExample.014_2x.png 2x" />
</div>
<div class="slide">
<h2>Location-based Query</h2>
<p>Ask things like, "Are there any picnic tables free at the park?" and get answers from
people who are there.</p>
<img src="{@docRoot}design/media/wear/ContextualExample.015.png" alt=""
srcset="{@docRoot}design/media/wear/ContextualExample.015.png 1x,
{@docRoot}design/media/wear/ContextualExample.015_2x.png 2x" />
</div>
</div>
|
