• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1page.title=Wear App Quality
2page.tags="wear","wearables","quality","guidelines"
3page.metaDescription=Wearables are smaller devices that are built for glanceability and require unique apps to provide just the right information at the the right time.
4page.image=/distribute/images/gp-wear-quality.png
5@jd:body
6
7<div id="qv-wrapper"><div id="qv">
8<h2>Quality Criteria</h2>
9  <ol>
10    <li><a href="#ux">Design and Interaction</a></li>
11    <li><a href="#fn">Functionality</a></li>
12    <li><a href="#faq">Frequently Asked Questions</a></li>
13  </ol>
14
15  <h2>You Should Also Read</h2>
16  <ol>
17    <li><a href="{@docRoot}distribute/essentials/quality/core.html">
18      Core App Quality</a></li>
19    <li><a href="{@docRoot}distribute/essentials/optimizing-your-app.html">
20      Optimize Your App</a></li>
21    <li><a href="https://material.google.com/patterns/notifications.html">
22      Notifications</a></li>
23  </ol>
24</div>
25</div>
26
27<img src="{@docRoot}distribute/images/gp-wear-quality.png" style="width:480px;">
28
29<p>
30  Android Wear aims to provide users with just the right information at just the right time. Great
31  Android Wear experiences are launched automatically, glanceable, and require zero or low user
32  interaction. Designing apps for wearables is substantially different than designing for phones or
33  tablets. There are different strengths and weaknesses, different use cases, and different
34  ergonomics to take into consideration.
35</p>
36
37<p>
38  The first step toward creating a great experience for users on Wear is to read the
39  <a href="{@docRoot}design/wear/index.html">Android Wear design guidelines</a>, which provides
40  instructions on how to build the best user experience for Wear apps. You should also review the
41  <a href="{@docRoot}training/building-wearables.html">Building Apps for Wearables</a> training, to
42  understand the basic implementation requirements for a Wear app.
43</p>
44
45<p class="caution">
46  <strong>Important:</strong> To ensure a great user experience, apps for wearables must meet
47  specific requirements for usability. Only apps that meet the following quality criteria will
48  qualify as an Android Wear app on Google Play. Qualifying as a Wear app will make it easier for
49  Android Wear users to discover your app on Google Play.
50</p>
51
52<p class="note">
53 <strong>Note:</strong> For information about how to publish your Wear apps in Google Play, see <a
54 href="{@docRoot}distribute/googleplay/wear.html">Distributing to Android Wear</a>.
55</p>
56
57<div class="headerLine">
58  <h2 id="fn">
59  Functionality
60  </h2>
61
62
63</div>
64
65<p>
66  These criteria ensure that your app is configured correctly and provides the expected
67  functional behavior.
68</p>
69
70
71<table>
72<tr>
73  <th style="width:2px;">
74    Type
75  </th>
76  <th style="width:54px;">
77    ID
78  </th>
79  <th>
80    Description
81  </th>
82</tr>
83
84<tr>
85  <td rowspan="3" id="general">
86   General
87  </td>
88
89  <td id="WR-GL">
90    WR-GL
91  </td>
92  <td>
93    <p style="margin-bottom:.5em;">
94      Handheld app includes either notifications with wearable-specific functionality or a wearable
95      app that runs directly on the Wear device.
96      (<a href="{@docRoot}training/building-wearables.html">Learn how</a>)
97    </p>
98  </td>
99</tr>
100
101<tr>
102 <td id="WR-VF">
103    WR-VF
104  </td>
105  <td>
106    <p style="margin-bottom:.5em;">
107      App has Wear functionality that is visible to the user.
108    </p>
109  </td>
110</tr>
111
112<tr>
113 <td id="WR-BF">
114    WR-BF
115  </td>
116  <td>
117    <p style="margin-bottom:.5em;">
118      Wear functionality works as expected or as described in the app's Google Play Store listing.
119    </p>
120  </td>
121</tr>
122
123<tr>
124  <td rowspan="1" id="packaging">
125   Packaging
126  </td>
127
128  <td id="WR-PK">
129    WR-PK
130  </td>
131  <td>
132    <p style="margin-bottom:.5em;">
133      Wearable apps that are dependent on a handheld app for functionality are packaged inside that
134      handheld app.
135      (<a href="{@docRoot}training/wearables/apps/packaging.html">Learn how</a>)
136    </p>
137  </td>
138</tr>
139
140<tr>
141  <td rowspan="3" id="functional-notifications">
142    Notifications
143  </td>
144
145  <td id="WR-FW">
146    WR-FW
147  </td>
148  <td>
149    <p style="margin-bottom:.5em;">
150      Notifications with wearable-specific functionality use a {@code RemoteInput} or
151      {@code WearableExtender}.
152      (<a href="{@docRoot}training/wearables/notifications/index.html">Learn how</a>)
153    </p>
154  </td>
155</tr>
156
157<tr>
158  <td id="WR-FR">
159    WR-FR
160  </td>
161  <td>
162    <p style="margin-bottom:.5em;">
163      Notifications for messaging apps allow users to reply via voice input or quick responses.
164      (<a href="{@docRoot}training/wearables/notifications/voice-input.html">Learn how</a>)
165    </p>
166  </td>
167</tr>
168
169<tr>
170  <td id="WR-FG">
171    WR-FG
172  </td>
173  <td>
174    <p style="margin-bottom:.5em;">
175      Similar notifications are grouped together in a stack.
176      (<a href="{@docRoot}training/wearables/notifications/stacks.html">Learn how</a>)
177    </p>
178  </td>
179</tr>
180
181<tr>
182  <td rowspan="2" id="gestures">
183    Gestures
184  </td>
185
186  <td id="WR-GP">
187    WR-GP
188  </td>
189  <td>
190    <p style="margin-bottom:.5em;">
191      Full-screen activities use long press for the sole purpose of prompting to quit.
192      <br/>
193      (<a href="{@docRoot}training/wearables/ui/exit.html">Learn how</a>)
194    </p>
195  </td>
196</tr>
197
198<tr>
199  <td id="WR-GD">
200    WR-GD
201  </td>
202  <td>
203    <p style="margin-bottom:.5em;">
204      If the app disables the swipe-to-dismiss gesture in a full-screen activity, it responds to the
205      long-press-to-dismiss gesture in that activity.
206      (<a href="{@docRoot}training/wearables/ui/exit.html">Learn how</a>)
207    </p>
208  </td>
209</tr>
210
211<tr>
212  <td rowspan="1" id="watchface">
213    Watch Face
214  </td>
215
216  <td id="WR-WF">
217    WR-WF
218  </td>
219  <td>
220    <p style="margin-bottom:.5em;">
221      Apps that include watch faces use the official Watch Face API.
222      (<a href="{@docRoot}training/wearables/watch-faces/index.html">Learn how</a>)
223    </p>
224  </td>
225</tr>
226
227</table>
228
229
230<h3 class="rel-resources clearfloat">Related resources</h3>
231
232<div class="resource-widget resource-flow-layout col-13" data-query=
233"collection:distribute/essentials/wearqualityguidelines/functionality"
234data-sortorder="-timestamp" data-cardsizes="6x2" data-maxresults="6">
235</div>
236
237<div class="headerLine">
238  <h2 id="ux">
239  Visual Design and User Interaction
240  </h2>
241
242
243</div>
244
245<p>
246  These criteria ensure that your app follows critical design and interaction patterns to provide a
247  consistent, intuitive, and enjoyable user experience on wearables.
248</p>
249
250<table>
251
252<tr>
253  <th style="width:2px;">
254    Type
255  </th>
256  <th style="width:54px;">
257    ID
258  </th>
259  <th>
260    Description
261  </th>
262</tr>
263
264<tr>
265  <td rowspan="3" id="layout">
266    Layout
267  </td>
268
269  <td id="WR-LS">
270    WR-LS
271  </td>
272  <td>
273    <p style="margin-bottom:.5em;">
274      App user interface is formatted appropriately for square displays. App content fits within
275      the physical display area and no text or controls are cut off by the screen edges.
276      <br/>
277      (<a href="{@docRoot}training/wearables/ui/layouts.html">Learn how</a>)
278    </p>
279  </td>
280</tr>
281
282<tr>
283  <td id="WR-LR">
284    WR-LR
285  </td>
286  <td>
287    <p style="margin-bottom:.5em;">
288      App user interface is formatted appropriately for round displays including devices with an
289      inset (or "chin") at the bottom of the screen. App content fits within the physical display
290      area and no text or controls are cut off by the screen edges.
291      <br/>
292      (<a href="{@docRoot}training/wearables/ui/layouts.html">Learn how</a>)
293    </p>
294  </td>
295</tr>
296
297<tr>
298  <td id="WR-TC">
299    WR-TC
300  </td>
301  <td>
302    <p style="margin-bottom:.5em;">
303      App text is large and glanceable with a suggested minimum size of 16sp.
304      (<a href="{@docRoot}design/wear/style.html#Typography">Learn how</a>)
305    </p>
306  </td>
307</tr>
308
309<tr>
310  <td rowspan="1" id="launcher">
311    Launcher
312  </td>
313
314  <td id="WR-LN">
315    WR-LN
316  </td>
317  <td>
318    <p style="margin-bottom:.5em;">
319      App launcher string is the app name, not a command phrase.
320      (<a href="{@docRoot}guide/topics/manifest/intent-filter-element.html">Learn how</a>)
321    </p>
322  </td>
323</tr>
324
325<tr>
326  <td rowspan="5" id="notifications">
327    Notifications
328  </td>
329
330  <td id="WR-NC">
331    WR-NC
332  </td>
333  <td>
334    <p style="margin-bottom:.5em;">
335      App displays confirmation animations when appropriate.
336      (<a href="{@docRoot}design/wear/patterns.html#Countdown">Learn how</a>)
337    </p>
338  </td>
339</tr>
340
341<tr>
342  <td id="WR-NR">
343    WR-NR
344  </td>
345  <td>
346    <p style="margin-bottom:.5em;">
347      Notification cards have the app icon visible at the top right edge. The one exception is if the
348      notification card has single-action controls, for example a media playback card.
349      <br/>
350      (<a href="{@docRoot}design/wear/style.html#Assets">Learn how</a>)
351    </p>
352  </td>
353</tr>
354
355<tr>
356  <td id="WR-WI">
357    WR-WI
358  </td>
359  <td>
360    <p style="margin-bottom:.5em;">
361      Notification actions have a white icon, action title, and transparent background.
362      <br/>
363      (<a href="{@docRoot}training/wearables/notifications/creating.html#ActionButtons">Learn how</a>)
364    </p>
365  </td>
366</tr>
367
368<tr>
369  <td id="WR-PB">
370    WR-PB
371  </td>
372  <td>
373    <p style="margin-bottom:.5em;">
374      Notification photo backgrounds are used only to convey information, not to brand a card.
375      (<a href="{@docRoot}design/wear/style.html#Branding">Learn how</a>)
376    </p>
377  </td>
378</tr>
379
380<tr>
381  <td id="WR-PR">
382    WR-PR
383  </td>
384  <td>
385    <p style="margin-bottom:.5em;">
386      Notification photo backgrounds have a resolution of at least 400x400.
387      (<a href="{@docRoot}training/wearables/notifications/creating.html#AddWearableFeatures">Learn how</a>)
388    </p>
389  </td>
390</tr>
391
392<tr>
393  <td rowspan="1" id="googleplay">
394    Google Play
395  </td>
396
397  <td id="WR-GS">
398    WR-GS
399  </td>
400  <td>
401    <p style="margin-bottom:.5em;">
402      App includes at least one Wear screenshot in its Play Store Listing.
403      (<a href="https://support.google.com/googleplay/android-developer/answer/1078870?hl=en">Learn how</a>)
404    </p>
405  </td>
406</tr>
407
408
409</table>
410
411
412<h3 class="rel-resources clearfloat">Related resources</h3>
413
414<div class="resource-widget resource-flow-layout col-13" data-query=
415"collection:distribute/essentials/wearqualityguidelines/visualdesign"
416data-sortorder="-timestamp" data-cardsizes="6x2" data-maxresults="6">
417</div>
418
419<div class="headerLine">
420  <h2 id="faq">
421  Frequently Asked Questions
422  </h2>
423</div>
424
425<p style="margin-top:30px;">
426  <strong>After I submit my app for Android Wear review, how will I find out if my app does not meet
427  all the requirements for Wear?</strong>
428</p>
429<p>
430  If your app does not meet the usability requirements described on this page, the Play Store team
431  will contact you through the email address specified in the <a href=
432  "https://play.google.com/apps/publish/">Google Play Developer Console</a> account associated with
433  the app.
434</p>
435<p class="caution">
436  <strong>Caution:</strong> Make sure your app meets the <a href="#fn">functionality
437  requirements</a>, otherwise your app will not be considered a Wear app and will not be reviewed
438  for Wear <a href="#ux">design and interaction</a>.
439</p>
440<p class="note">
441 <strong>Note:</strong> For information about how to publish your Wear apps in Google Play, see <a
442 href="{@docRoot}distribute/googleplay/wear.html">Distributing to Android Wear</a>.
443</p>
444
445
446<p style="margin-top:30px;">
447  <strong>If my app does not meet the Wear requirements, will my new or updated app still appear on
448  Google Play for phones and tablets and still be installable on wearables?</strong>
449</p>
450<p>
451  Yes. The requirements described above only determine whether your app will be identified as an
452  Android Wear app on Google Play and easier for Android Wear users to discover. If your app is not
453  accepted as a Wear app, it will still be available to other device types, such as phones and
454  tablets, and it will still be installable on wearables.
455</p>
456