Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit d2273e43 authored by Sreevani Sreejith's avatar Sreevani Sreejith Committed by Android (Google) Code Review
Browse files

Merge "docs: Added functional and UI quality criteria for Wear 2.0 apps. Bug:30951238" into nyc-dev

parents b5887e68 1e4bc15f

docs/html/distribute/essentials/quality/wear.jd

+162 −2
Original line number Diff line number Diff line
@@ -42,6 +42,13 @@ page.image=/distribute/images/gp-wear-quality.png 
  understand the basic implementation requirements for a Wear app.

</p>



<p>

  This document helps you assess basic aspects of quality in your Wear app through a

  compact set of functional and user interface quality criteria.

   Make sure to check out the <a href="https://developer.android.com/wear/preview/index.html">Wear 2.0 preview</a>

  documentation to get ready for the next version of Android Wear.

</p>



<p class="caution">

  <strong>Important:</strong> To ensure a great user experience, apps for wearables must meet

  specific requirements for usability. Only apps that meet the following quality criteria will
@@ -67,6 +74,19 @@ page.image=/distribute/images/gp-wear-quality.png 
  functional behavior.

</p>



<p class="caution">

  <strong>Important:</strong> To learn about how Wear 2.0 platform changes may affect

   your apps, see the <a href="https://developer.android.com/wear/preview/index.html">Wear 2.0 preview</a>

   documentation.

</p>



<p class="note">

  <strong>Note:</strong> The symbol &#10008; is used in the table below to indicate

  quality criteria that are not required for the corresponding Wear version.

</p>



<p class="table-caption"><strong>Table 1</strong>. Functional criteria.

</p>



<table>

<tr>
@@ -79,6 +99,12 @@ page.image=/distribute/images/gp-wear-quality.png 
  <th>

    Description

  </th>

  <th>

    Wear 1.0

  </th>

  <th>

    Wear 2.0

  </th>

</tr>



<tr>
@@ -96,6 +122,12 @@ page.image=/distribute/images/gp-wear-quality.png 
      (<a href="{@docRoot}training/building-wearables.html">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>

</tr>



<tr>
@@ -107,6 +139,12 @@ page.image=/distribute/images/gp-wear-quality.png 
      App has Wear functionality that is visible to the user.

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>

</tr>



<tr>
@@ -118,6 +156,12 @@ page.image=/distribute/images/gp-wear-quality.png 
      Wear functionality works as expected or as described in the app's Google Play Store listing.

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>

</tr>



<tr>
@@ -135,6 +179,12 @@ page.image=/distribute/images/gp-wear-quality.png 
      (<a href="{@docRoot}training/wearables/apps/packaging.html">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>



<tr>
@@ -152,6 +202,12 @@ page.image=/distribute/images/gp-wear-quality.png 
      (<a href="{@docRoot}training/wearables/notifications/index.html">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>



<tr>
@@ -164,6 +220,12 @@ page.image=/distribute/images/gp-wear-quality.png 
      (<a href="{@docRoot}training/wearables/notifications/voice-input.html">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>



<tr>
@@ -176,6 +238,12 @@ page.image=/distribute/images/gp-wear-quality.png 
      (<a href="{@docRoot}training/wearables/notifications/stacks.html">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>



<tr>
@@ -193,6 +261,12 @@ page.image=/distribute/images/gp-wear-quality.png 
      (<a href="{@docRoot}training/wearables/ui/exit.html">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>



<tr>
@@ -206,6 +280,12 @@ page.image=/distribute/images/gp-wear-quality.png 
      (<a href="{@docRoot}training/wearables/ui/exit.html">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>



<tr>
@@ -222,6 +302,12 @@ page.image=/distribute/images/gp-wear-quality.png 
      (<a href="{@docRoot}training/wearables/watch-faces/index.html">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>



</table>
@@ -245,8 +331,15 @@ data-sortorder="-timestamp" data-cardsizes="6x2" data-maxresults="6"> 
<p>

  These criteria ensure that your app follows critical design and interaction patterns to provide a

  consistent, intuitive, and enjoyable user experience on wearables.



</p>

<p clase="note">

  <strong>Note:</strong> The symbol &#10008; is used in the table below to indicate

  quality criteria that are not required for the corresponding Wear version.

</p>



<p class="table-caption"><strong>Table 2</strong>. Visual criteria.

</p>

<table>



<tr>
@@ -259,6 +352,12 @@ data-sortorder="-timestamp" data-cardsizes="6x2" data-maxresults="6"> 
  <th>

    Description

  </th>

  <th>

    Wear 1.0

  </th>

  <th>

    Wear 2.0

  </th>

</tr>



<tr>
@@ -277,6 +376,12 @@ data-sortorder="-timestamp" data-cardsizes="6x2" data-maxresults="6"> 
      (<a href="{@docRoot}training/wearables/ui/layouts.html">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>

</tr>



<tr>
@@ -292,6 +397,13 @@ data-sortorder="-timestamp" data-cardsizes="6x2" data-maxresults="6"> 
      (<a href="{@docRoot}training/wearables/ui/layouts.html">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>



</tr>



<tr>
@@ -304,6 +416,12 @@ data-sortorder="-timestamp" data-cardsizes="6x2" data-maxresults="6"> 
      (<a href="{@docRoot}design/wear/style.html#Typography">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>

</tr>



<tr>
@@ -320,6 +438,12 @@ data-sortorder="-timestamp" data-cardsizes="6x2" data-maxresults="6"> 
      (<a href="{@docRoot}guide/topics/manifest/intent-filter-element.html">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>



<tr>
@@ -336,6 +460,12 @@ data-sortorder="-timestamp" data-cardsizes="6x2" data-maxresults="6"> 
      (<a href="{@docRoot}design/wear/patterns.html#Countdown">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>

</tr>



<tr>
@@ -350,6 +480,12 @@ data-sortorder="-timestamp" data-cardsizes="6x2" data-maxresults="6"> 
      (<a href="{@docRoot}design/wear/style.html#Assets">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>



<tr>
@@ -363,6 +499,12 @@ data-sortorder="-timestamp" data-cardsizes="6x2" data-maxresults="6"> 
      (<a href="{@docRoot}training/wearables/notifications/creating.html#ActionButtons">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>

</tr>



<tr>
@@ -375,6 +517,12 @@ data-sortorder="-timestamp" data-cardsizes="6x2" data-maxresults="6"> 
      (<a href="{@docRoot}design/wear/style.html#Branding">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>



<tr>
@@ -387,6 +535,12 @@ data-sortorder="-timestamp" data-cardsizes="6x2" data-maxresults="6"> 
      (<a href="{@docRoot}training/wearables/notifications/creating.html#AddWearableFeatures">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>



<tr>
@@ -403,6 +557,12 @@ data-sortorder="-timestamp" data-cardsizes="6x2" data-maxresults="6"> 
      (<a href="https://support.google.com/googleplay/android-developer/answer/1078870?hl=en">Learn how</a>)

    </p>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>

</tr>