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

Commit e76f0346 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... 

docs: Added functional and UI quality criteria for Wear 2.0 apps. Bug:30951238 am: 1e4bc15f am: bc59fba7
am: 8281a41b

Change-Id: I8057bb154d08886393e9ad6ba94c88636fa91dd9
parents f060c06a 8281a41b

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

+162 −2
Original line number Original line 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.

  understand the basic implementation requirements for a Wear app.

</p>

</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">

<p class="caution">

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

  <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

  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.

  functional behavior.

</p>

</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>

<table>

<tr>

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

  <th>

    Description

    Description

  </th>

  </th>

  <th>

    Wear 1.0

  </th>

  <th>

    Wear 2.0

  </th>

</tr>

</tr>





<tr>

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

      (<a href="{@docRoot}training/building-wearables.html">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>

</tr>

</tr>





<tr>

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

      App has Wear functionality that is visible to the user.

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>

</tr>

</tr>





<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.

      Wear functionality works as expected or as described in the app's Google Play Store listing.

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>

</tr>

</tr>





<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>)

      (<a href="{@docRoot}training/wearables/apps/packaging.html">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>

</tr>





<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>)

      (<a href="{@docRoot}training/wearables/notifications/index.html">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>

</tr>





<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>)

      (<a href="{@docRoot}training/wearables/notifications/voice-input.html">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>

</tr>





<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>)

      (<a href="{@docRoot}training/wearables/notifications/stacks.html">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>

</tr>





<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>)

      (<a href="{@docRoot}training/wearables/ui/exit.html">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>

</tr>





<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>)

      (<a href="{@docRoot}training/wearables/ui/exit.html">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>

</tr>





<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>)

      (<a href="{@docRoot}training/wearables/watch-faces/index.html">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>

</tr>





</table>

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

<p>

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

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

  consistent, intuitive, and enjoyable user experience on wearables.

  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>





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

</p>

<table>

<table>





<tr>

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

  <th>

    Description

    Description

  </th>

  </th>

  <th>

    Wear 1.0

  </th>

  <th>

    Wear 2.0

  </th>

</tr>

</tr>





<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>)

      (<a href="{@docRoot}training/wearables/ui/layouts.html">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>

</tr>

</tr>





<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>)

      (<a href="{@docRoot}training/wearables/ui/layouts.html">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>



</tr>

</tr>





<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>)

      (<a href="{@docRoot}design/wear/style.html#Typography">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>

</tr>

</tr>





<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>)

      (<a href="{@docRoot}guide/topics/manifest/intent-filter-element.html">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>

</tr>





<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>)

      (<a href="{@docRoot}design/wear/patterns.html#Countdown">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>

</tr>

</tr>





<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>)

      (<a href="{@docRoot}design/wear/style.html#Assets">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>

</tr>





<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>)

      (<a href="{@docRoot}training/wearables/notifications/creating.html#ActionButtons">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>

</tr>

</tr>





<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>)

      (<a href="{@docRoot}design/wear/style.html#Branding">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>

</tr>





<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>)

      (<a href="{@docRoot}training/wearables/notifications/creating.html#AddWearableFeatures">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10008;

  </td>

</tr>

</tr>





<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>)

      (<a href="https://support.google.com/googleplay/android-developer/answer/1078870?hl=en">Learn how</a>)

    </p>

    </p>

  </td>

  </td>

  <td>

    &#10004;

  </td>

  <td>

    &#10004;

  </td>

</tr>

</tr>