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

Commit 979710ce authored by sreevanis's avatar sreevanis Committed by android-build-merger
Browse files

docs: Added functional and UI quality criteria for Wear 2.0 apps. Bug:30951238

am: 1e4bc15f

Change-Id: I9c4fb48ed1d0a853acd657b0c08ae1de85078fb1
parents 0bc450ac 1e4bc15f
Loading
Loading
Loading
Loading
+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>