Home | History | Annotate | Download | only in quality
      1 page.title=Calidad de las aplicaciones para tablets
      2 page.metaDescription=Las tablets son un componente de rpido crecimiento en la base de instalaciones de Android, que ofrece nuevas oportunidades para tus aplicaciones.
      3 page.image=/distribute/images/tablet-guidelines-color.jpg
      4 Xnonavpage=true
      5 
      6 @jd:body
      7 <div id="qv-wrapper"><div id="qv">
      8 <h2>Lista de comprobacin</h2>
      9 <ol>
     10 <li><a href="#core-app-quality">1. Realiza una prueba de Calidad bsica de las aplicaciones para tablets</a></li>
     11 <li><a href="#optimize-layouts">2. Optimiza los diseos</a></li>
     12 <li><a href="#use-extra-space">3. Utiliza el rea adicional de la pantalla</a></li>
     13 <li><a href="#use-tablet-icons">4. Utiliza recursos diseados para tablets</a></li>
     14 <li><a href="#adjust-font-sizes">5. Ajusta las fuentes y los controles tctiles objetivo</a></li>
     15 <li><a href="#adjust-widgets">6. Ajusta los widgets de la pantalla de inicio</a></li>
     16 <li><a href="#offer-full-feature-set">7. Ofrece un conjunto completo de funciones</a></li>
     17 <li><a href="#android-versions">8. Aborda correctamente las versiones de Android</a></li>
     18 <li><a href="#hardware-requirements">9. Declara dependencias correctamente</a></li>
     19 <li><a href="#support-screens">10. Declara la compatibilidad con pantallas de tablets</a></li>
     20 <li><a href="#google-play">11. Presenta tu IU para tablets</a></li>
     21 <li><a href="#google-play-best-practices">12. Sigue las mejores prcticas para publicar en Google Play</a></li>
     22 
     23 </ol>
     24 <h2>Prueba</h2>
     25 <ol>
     26 <li><a href="#test-environment">Configuracin de un entorno de prueba</a></li>
     27 </ol>
     28 </div></div>
     29 
     30 <div class="todp-right-float" style="padding-right:0;margin-bottom:1em;">
     31   <img src="{@docRoot}distribute/images/tablet-guidelines-color.jpg" style="width:480px;">
     32 </div>
     33 
     34 <p>
     35   Las tablets son un componente en aumento de la base de instalaciones de Android y ofrecen nuevas
     36  oportunidades de interaccin con los <a href="{@docRoot}distribute/stories/tablets.html">usuarios
     37  y monetizacin</a>. Las pautas que se indican en este documento te ayudarn
     38  a cumplir las expectativas de los usuarios de tablets a travs de funciones atractivas y
     39  una IU intuitiva y bien diseada.
     40 </p>
     41 
     42 <p>
     43   Si bien las pautas estn numeradas, puedes abordarlas en cualquier orden. Debes
     44  abordar cada una de las recomendaciones que se proporcionan en las pautas en la medida en que
     45  resulte apropiado para tu aplicacin; no obstante, para poder proporcionar el mejor
     46  producto a tus clientes, sigue las recomendaciones en la mayor medida
     47  posible.
     48 </p>
     49 
     50 <p>
     51   A lo largo del documento, encontrars vnculos a recursos que pueden
     52  ayudarte a abordar cada una de las recomendaciones incluidas.
     53 </p>
     54 
     55 <div class="headerLine"><h2 id="core-app-quality">1. Realiza una prueba de Calidad bsica de las aplicaciones para tablets</h2></div>
     56 
     57 <p>El primer paso en la provisin de una excelente experiencia con la aplicacin en tablets es asegurarte
     58  de que la aplicacin cumpla con los <em>criterios de calidad de la aplicacin principal</em> en todos los dispositivos
     59  y formatos a los que apunte. Para obtener informacin completa, consulta las <a href="{@docRoot}distribute/essentials/quality/core.html">Pautas de calidad de la aplicacin principal</a>. 
     60 </p>
     61 
     62 <p>
     63 Antes de publicar, asegrate tambin de que tu aplicacin apruebe los controles tcnicos bsicos y los criterios de lanzamiento, como los siguientes:
     64 </p>
     65 
     66 <ul>
     67   <li><a href="#android-versions">Apunta a las versiones de Android adecuadas</a></li>
     68   <li><a href="#hardware-requirements">Especifica correctamente las dependencias de hardware</a></li>
     69   <li><a href="#support-screens">Declara la compatibilidad con las pantallas adecuadas</a></li>
     70   <li><a href="#use-extra-space">Utiliza todo el espacio de pantalla disponible</a></li>
     71   <li><a href="#google-play">Las capturas de pantalla se cargan a Google Play</a></li>
     72 </ul>
     73 
     74 <p>Si tu aplicacin est cargada en la Consola para desarrolladores de Google Play, puedes
     75  ver cmo le est yendo en funcin de esos controles
     76  al visitar la pgina <a href="#google-play-optimization-tips">Sugerencias para
     77  la optimizacin</a>.</p>
     78 
     79 
     80 <div class="headerLine">
     81 <h2 id="optimize-layouts">2. Optimiza los diseos para pantallas ms grandes</h2></div>
     82 
     83 <p>
     84   Android facilita el desarrollo de una aplicacin que se ejecute bien en una amplio rango de
     85  tamaos de pantalla y formatos de dispositivos. Esta amplia compatibilidad funciona a tu favor,
     86  ya que te ayuda a disear una aplicacin nica que puedes distribuir extensamente
     87  a todos los dispositivos a los que apuntes. No obstante, para ofrecer a tus usuarios la mejor
     88  experiencia posible en cada configuracin de pantalla, en especial en
     89  tablets, debes optimizar tus diseos y otros componentes de la IU para
     90  cada configuracin de pantalla que admitas. En las tablets, la optimizacin de tu IU te permite
     91  aprovechar al mximo el espacio de pantalla adicional disponible, por ejemplo, para ofrecer nuevas
     92  funciones, presentar contenido nuevo o mejorar la experiencia de otras maneras con el objetivo
     93  de aumentar la interaccin del cliente.
     94 </p>
     95 
     96 <p>
     97   Si desarrollaste tu aplicacin para telfonos celulares y ahora quieres distribuirla a
     98  tablets, puedes comenzar por realizar ajustes menores en tus diseos, fuentes
     99  y espaciado. En algunos casos, como para tablets de 7 pulgadas o para un juego
    100  con lienzos grandes, esos ajustes podran ser todo lo que necesitas hacer para que tu
    101  aplicacin se vea genial. En otros casos, como para tablets ms grandes, puedes redisear
    102  partes de tu IU para reemplazar la "IU estirada" con una IU multipanel eficaz,
    103  navegacin ms simple y contenido adicional.
    104 </p>
    105 
    106 
    107 <div style="width:500px;margin:1.5em;margin-top:-16px;">
    108 <img src="{@docRoot}images/training/app-navigation-multiple-sizes-multipane-bad.png" style="padding:4px;margin-bottom:0em;">
    109 <p class="img-caption"><span
    110 style="font-weight:500;">Despdete de tu IU "estirada"</span>: En las tablets, los diseos
    111  de panel nico generan un espacio en blanco raro y lneas demasiado extensas. Utiliza relleno
    112  para reducir el ancho de los elementos de la IU y considera la posibilidad de usar diseos multipanel.</p>
    113 </div>
    114 
    115 <p>Aqu te proporcionamos alguna sugerencias:</p>
    116 
    117 
    118 <ul>
    119   <li>Proporciona diseos personalizados, segn sea necesario, para las pantallas <code>large</code> y
    120  <code>xlarge</code>. Tambin puedes proporcionar diseos que se cargarn
    121  en funcin de la <a href="{@docRoot}guide/practices/screens_support.html#NewQualifiers">dimensin
    122  ms corta</a> de la pantalla o la <a href="{@docRoot}guide/practices/screens_support.html#NewQualifiers">altura y el ancho 
    123  mnimos disponibles</a>.
    124   </li>
    125 
    126   <li>Como mnimo, personaliza las dimensiones, como los tamaos de las fuentes, los mrgenes, el espaciado
    127  para pantallas ms grandes, para mejorar el uso del espacio y la legibilidad del contenido.
    128   </li>
    129 
    130   <li>Ajusta el posicionamiento de los controles de la IU de modo que los usuarios puedan
    131  acceder fcilmente a ellos mientras sujetan una tablet, como hacia los laterales cuando se encuentre en posicin
    132  horizontal.
    133   </li>
    134 
    135   <li>El relleno de los elementos de la IU normalmente debera ser ms voluminoso en las tablets que en
    136  los telfonos celulares. Se recomienda un ritmo de<a href="{@docRoot}design/style/metrics-grids.html#48dp-rhythm">
    137  48 dp</a> (y una cuadrcula de 16 dp).
    138   </li>
    139 
    140   <li>Rellena correctamente el contenido de texto de modo que no se alinee directamente a lo largo de
    141  los bordes de la pantalla. Usa un relleno <code>16dp</code> mnimo alrededor del contenido cercano a los
    142  bordes de la pantalla.
    143   </li>
    144 </ul>
    145 
    146 <p>En especial, asegrate de que tus diseos no aparezcan "estirados"
    147  a lo ancho de la pantalla:</p>
    148 
    149 <ul>
    150 <li>Las lneas de texto no deben ser excesivamente largas; optimzalas para que tengan una cantidad mxima de
    151 100 caracteres por lnea, con mejores resultados entre 50 y 75.</li>
    152 <li>Los mens y ListViews no deben usar el ancho completo de la pantalla.</li>
    153 <li>Usa relleno para manejar los anchos de los elementos en pantalla o cambiar a una
    154  IU multipanel para tablets (consulta la siguiente seccin).</li>
    155 </ul>
    156 
    157 <h3 class="rel-resources clearfloat">Recursos relacionados</h3>
    158 
    159 <div class="resource-widget resource-flow-layout col-13"
    160   data-query="collection:distribute/essentials/tabletguidelines/optimize"
    161   data-sortOrder="-timestamp"
    162   data-cardSizes="6x3"
    163   data-maxResults="6"></div>
    164 
    165 
    166 <div class="headerLine"><h2 id="use-extra-space">3. Aprovecha el rea adicional de la pantalla</h2></div>
    167 
    168 <div style="width:340px;float:right;margin:1.5em;margin-bottom:0;margin-top:0;">
    169 <img src="{@docRoot}images/training/app-navigation-multiple-sizes-multipane-good.png" style="padding:4px;margin-bottom:0em;">
    170 <p class="img-caption"><span
    171 style="font-weight:500;">Los diseos multipanel</span> proporcionan un mejor equilibrio
    172  visual en pantallas de tablets, y ofrecen una mayor utilidad y legibilidad.</p>
    173 </div>
    174 
    175 <p>Las pantallas de las tablets proporcionan un estado mucho ms real de pantalla para tu aplicacin,
    176 especialmente cuando se sujeta en posicin horizontal. Principalmente, las tablets de 10 pulgadas ofrecen un
    177 rea enormemente expandida, pero incluso las tablets de 7 pulgadas te proporcionan ms espacio
    178  para mostrar contenido e interactuar con los usuarios. </p>
    179 
    180 <p>Mientras consideras la IU de tu aplicacin para ejecutarse en tablets, asegrate de que
    181  est aprovechando completamente el rea de pantalla adicional disponible en las tablets. Aqu te proporcionamos
    182  algunas sugerencias:</p>
    183 
    184 <ul>
    185 <li>Busca oportunidades de incluir contenido adicional o usar un tratamiento
    186  alternativo del contenido existente.</li>
    187 <li>Usa <a href="{@docRoot}design/patterns/multi-pane-layouts.html">diseos
    188  multipanel</a> en las pantallas de las tablets para combinar vistas individuales en una vista compuesta. Esto
    189  te permite usar el rea de pantalla adicional de forma ms eficiente y facilitar para
    190  los usuarios la navegacin en tu aplicacin. </li>
    191 <li>Piensa cmo quieres que se reorganicen los paneles de las vistas compuestas
    192  cuando la pantalla cambie de orientacin.</li>
    193 
    194 <div style="width:490px;margin:1.5em auto 1.5em 0;">
    195 <div style="">
    196 <img src="{@docRoot}images/ui-ex-single-panes.png" style="width:490px;padding:4px;margin-bottom:0em;" align="middle">
    197 <img src="{@docRoot}images/ui-ex-multi-pane.png" style="width:490px;padding:4px;margin-bottom:0em;">
    198 <p class="image-caption" style="padding:.5em"><span
    199 style="font-weight:500;">Las vistas compuestas</span> combinan varias vistas individuales de la
    200  IU de un telfono celular <em>(antes mencionado)</em> en una IU enriquecida y ms eficaz para tablets
    201 <em>(a continuacin)</em>. </p>
    202 </div>
    203 </div>
    204 
    205 <li>Si bien una pantalla individual se implementa como una subclase {@link android.app.Activity}
    206 , considera la implementacin de paneles de contenido individuales como subclases {@link
    207 android.app.Fragment}. Esto te permite
    208  maximizar la reutilizacin de cdigos entre diferentes factores y pantallas que
    209  compartan contenido.</li>
    210 <li>Decide en qu tamaos de pantalla usars una IU multipanel y luego proporciona los
    211  diferentes diseos en los depsitos para el tamao de pantalla correspondiente (como 
    212 <code>large</code>/<code>xlarge</code>) o anchos mnimos de pantalla (como
    213 <code>sw600dp</code>/<code>sw720</code>).</li>
    214 </ul>
    215 
    216 <h3 class="rel-resources clearfloat">Recursos relacionados</h3>
    217 
    218 <div class="resource-widget resource-flow-layout col-13"
    219   data-query="collection:distribute/essentials/tabletguidelines/extrascreen"
    220   data-sortOrder="-timestamp"
    221   data-cardSizes="6x3,6x3,6x3"
    222   data-maxResults="6"></div>
    223 
    224 <div class="headerLine"><h2 id="use-tablet-icons">4. Utiliza recursos diseados para pantallas de tablets</h2></div>
    225 
    226 <div><img src="{@docRoot}design/media/devices_displays_density@2x.png"></div>
    227 
    228 <p>Para garantizar que tu aplicacin se vea lo mejor posible, proporciona iconos y otros recursos
    229  de mapa de bits para cada densidad en el rango que comnmente admiten las tablets. Especficamente, debes
    230  disear tus iconos para la barra de acciones, las notificaciones y el men de inicio de acuerdo con las pautas de
    231 <a href="{@docRoot}design/style/iconography.html">Iconografa</a>, y proporcionarlos
    232  en mltiples densidades de modo que se visualicen en el tamao adecuado en todas las pantallas
    233  sin verse borrosos y sin otros defectos de escala.</p>
    234 
    235 <p class="table-caption"><strong>Tabla 1</strong>. Tamaos de recursos sin formato para los tipos de icono.<table>
    236 <tr>
    237 <th>Densidad</th>
    238 <th>Lanzador</th>
    239 <th>Barra de acciones</th>
    240 <th>Notificacin</th>
    241 <th>pequea/contextual</th>
    242 </tr>
    243 <tr>
    244 <td><code>mdpi</code></td>
    245 <td>48x48 px</td>
    246 <td>32x32 px</td>
    247 <td>16x16 px</td>
    248 <td>24x24 px</td>
    249 </tr>
    250 <tr>
    251 <td><code>hdpi</code></td>
    252 <td>72x72 px</td>
    253 <td>48x48 px</td>
    254 <td>24x24 px</td>
    255 <td>36x36 px</td>
    256 </tr>
    257 <tr>
    258 <td><code>tvdpi</code></td>
    259 <td><em>(usar hdpi)</em></td>
    260 <td><em>(usar hdpi)</em></td>
    261 <td><em>(usar hdpi)</em></td>
    262 <td><em>(usar hdpi)</em></td>
    263 </tr>
    264 <tr>
    265 <td><code>xhdpi</code></td>
    266 <td>96x96 px</td>
    267 <td>64x64 px</td>
    268 <td>32x32 px</td>
    269 <td>48x48 px</td>
    270 </tr>
    271 <tr>
    272 <td><code>xxhdpi</code></td>
    273 <td>144x144 px</td>
    274 <td>96x96 px</td>
    275 <td>48x48 px</td>
    276 <td>72x72 px</td>
    277 </tr>
    278 
    279 </table>
    280 
    281 <p>
    282   Como mnimo, proporciona una versin de cada icono y recurso de mapa de bits optimizada
    283  para <strong>al menos</strong> las siguientes densidades comunes de pantalla
    284  de tablets:
    285 </p>
    286 <ul>
    287   <li><code>hdpi</code></li>
    288   <li><code>xhdpi</code></li>
    289   <li><code>xxhdpi</code></li>
    290 </ul>
    291 
    292 <p>Otras sugerencias:</p>
    293 
    294 <ul>
    295 <li>Cuando disees iconos, usa formas vectoriales de modo que puedas escalarlos sin perder nitidez en los detalles ni los bordes.</li>
    296 <li>Usa <a href="{@docRoot}guide/topics/resources/providing-resources.html#AlternativeResources">
    297 calificadores de recursos</a> especficos para la densidad a fin de garantizar que se carguen los iconos correctos para cada densidad de pantalla.</li>
    298 <li>Las tablets y otros dispositivos con pantallas grandes a menudo requieren un icono para el men de inicio que sea un tamao de densidad
    299  ms grande que la densidad real del dispositivo, de modo que debes proporcionar el icono del
    300  men de inicio en la mayor densidad posible. Por ejemplo, si una tablet tiene una pantalla de {@code xhdpi},
    301  requerir la versin {@code xxhdpi} del icono del men de inicio.</li>
    302 </ul>
    303 
    304 <h3 class="rel-resources clearfloat">Recursos relacionados</h3>
    305 
    306 <div class="resource-widget resource-flow-layout col-13"
    307   data-query="collection:distribute/essentials/tabletguidelines/assets"
    308   data-sortOrder="-timestamp"
    309   data-cardSizes="9x3"
    310   data-maxResults="6"></div>
    311 
    312 <div class="headerLine"><h2 id="adjust-font-sizes">5.
    313 Ajusta las fuentes y los controles tctiles objetivo</h2></div>
    314 
    315 <p>Para asegurarte de que tu aplicacin sea fcil de usar en tablets, dedica un tiempo a ajustar los
    316  tamaos de fuente y los controles tctiles en la IU para tablets para todas las configuraciones
    317  de pantalla que admitas. Puedes ajustar los tamaos de fuente mediante <a href="{@docRoot}guide/topics/ui/themes.html">atributos modificables</a> o <a href="{@docRoot}guide/topics/resources/more-resources.html#Dimension">recursos
    318  de dimensin</a>, y puedes ajustar los controles tctiles mediante diseos y recursos de mapa de bits
    319  dibujables, como se mencion ms arriba. </p>
    320 
    321 <p>Aqu te proporcionamos algunas consideraciones:</p>
    322 <ul>
    323 <li>El texto no debe ser excesivamente grande ni pequeo en los tamaos y densidades de pantalla de las
    324  tablets. Asegrate de que las etiquetas estn dimensionadas correctamente para los elementos de la IU con los que se
    325  corresponden, y comprueba que no haya saltos de lnea
    326  inadecuados en las etiquetas, los ttulos y otros elementos.</li>
    327 <li>El tamao recomendado para los controles tctiles en pantalla es de 48dp (32dp
    328  como mnimo); puede ser necesario que realices algunos ajustes en tu IU para tablets. Lee <a href="{@docRoot}design/style/metrics-grids.html">Mtricas y
    329  cuadrculas
    330 </a> para obtener ms informacin acerca de la implementacin de estrategias para ayudar a la mayora de los usuarios. Para
    331  satisfacer las necesidades de accesibilidad de ciertos usuarios, puede ser conveniente que uses
    332  controles tctiles ms grandes. </li>
    333 <li>Cuando sea posible, para los iconos ms pequeos, expande el rea tctil a ms de
    334  48dp con {@link android.view.TouchDelegate}
    335 o simplemente centrando el icono dentro del botn transparente.</li>
    336 </ul>
    337 
    338 <h3 class="rel-resources clearfloat">Recursos relacionados</h3>
    339 
    340 <div class="resource-widget resource-flow-layout col-13"
    341   data-query="collection:distribute/essentials/tabletguidelines/fonts"
    342   data-sortOrder="-timestamp"
    343   data-cardSizes="9x3,9x3,6x3,6x3,6x3"
    344   data-maxResults="6"></div>
    345 
    346 <div class="headerLine"><h2 id="adjust-widgets">6. Ajusta el tamao de los widgets de la pantalla de inicio</h2></div>
    347 
    348 <p>Si tu aplicacin incluye un widget en la pantalla de inicio, aqu te mostramos algunos puntos que debes considerar
    349  para garantizar una excelente experiencia de usuario en las pantallas de tablets: </p>
    350 
    351 <ul>
    352 <li>Configura la altura y el ancho predeterminados del widget de forma correcta
    353  para las pantallas de tablets, como tambin la altura y el ancho mnimos y mximos.
    354 </li>
    355 <li>El tamao del widget se debe poder modificar hasta los 420 dp o ms para abarcar 5 o ms
    356  filas (si se trata de un widget vertical o cuadrado) o columnas (si se trata de un
    357  widget horizontal o cuadrado) de la pantalla de inicio. </li>
    358 <li>Asegrate de que las imgenes de 9-patch se visualicen correctamente.</li>
    359 <li>Usa los mrgenes predeterminados del sistema.</li>
    360 <li>Configura el <code>targetSdkVersion</code> de la aplicacin en 14 o ms, si es
    361  posible.</li>
    362 </ul>
    363 
    364 <h3 class="rel-resources clearfloat">Recursos relacionados</h3>
    365 
    366 <div class="resource-widget resource-flow-layout col-13"
    367   data-query="collection:distribute/essentials/tabletguidelines/widgets"
    368   data-sortOrder="-timestamp"
    369   data-cardSizes="6x3"
    370   data-maxResults="6"></div>
    371 
    372 
    373 <div class="headerLine"><h2 id="offer-full-feature-set">7. Conjunto completo de funciones para usuarios de tablets</h2></div>
    374 
    375 <div class="centered-full-image" style="width:600px;margin:1.5em"><img src="{@docRoot}images/gp-tablets-full-feature-set.png" alt="Tablet feature sets"></div>
    376 
    377 <p>Permite que tus usuarios accedan a las mejores funciones de tu aplicacin. Aqu te proporcionamos
    378  algunas recomendaciones:</p>
    379 
    380 <ul>
    381   <li>Disea tu aplicacin para que ofrezca al menos el mismo conjunto de funciones en tablets y
    382  en telfonos.
    383   </li>
    384 
    385   <li>En casos excepcionales, tu aplicacin podra omitir o reemplazar ciertas funciones en
    386  las tablets si no son compatibles con el hardware o el caso de uso de la mayora de las
    387  tablets. Por ejemplo:
    388     <ul>
    389       <li>Si el telfono celular utiliza funciones de telefona pero el servicio de telefona no est disponible
    390  en la tablet actual, puedes omitir o reemplazar la funcionalidad relacionada.
    391       </li>
    392 
    393       <li>Muchas tablets tienen un sensor GPS, pero la mayora de los usuarios generalmente
    394  no llevaran sus tablets con ellos mientras corren. Si tu aplicacin para telfonos proporciona
    395  una funcionalidad que permite a los usuarios grabar un registro de GPS de sus carreras
    396  mientras llevan sus telfonos con ellos, no ser necesario que la aplicacin proporcione esa
    397  funcionalidad en las tablets ya que el caso de uso no lo requiere.
    398       </li>
    399     </ul>
    400   </li>
    401 
    402   <li>Si piensas omitir una funcin o capacidad de tu IU para tablets, asegrate
    403  de que los usuarios no puedan acceder o que ofrezca degradacin estable
    404  a una funcin de reemplazo (consulta tambin la seccin a continuacin acerca de las funciones de hardware).
    405   </li>
    406 </ul>
    407 
    408 <div class="headerLine"><h2 id="android-versions">8. Aborda correctamente las versiones de Android</h2></div>
    409 
    410 <p>
    411   Para garantizar la distribucin ms amplia posible para tablets, asegrate de que tu
    412  aplicacin aborde correctamente las versiones de Android compatibles con tablets. La compatibilidad
    413  inicial con tablets se agreg en <a href="{@docRoot}about/versions/android-3.0.html">Android 3.0</a> (Nivel de API 11).
    414   La compatibilidad unificada en el marco de la IU para tablets, telfonos y otros dispositivos se
    415  introdujo en <a href="{@docRoot}about/versions/android-4.0.html">Android
    416  4.0</a>
    417 </p>
    418 
    419 <p>
    420   Puedes configurar el rango de versiones de Android admitidas por tu aplicacin en el archivo de
    421  manifiesto en el elemento <a href="{@docRoot}guide/topics/manifest/uses-sdk-element.html"><code>&lt;uses-sdk&gt;</code></a>
    422 . En la mayora de los casos, puedes abordar versiones de Android correctamente al configurar
    423  el atributo <code>targetSdkVersion</code> del elemento en el nivel de API ms
    424  alto posible.
    425 </p>
    426 
    427 <p style="margin-bottom:.5em;">
    428   Como mnimo, comprueba el elemento <a href="{@docRoot}guide/topics/manifest/uses-sdk-element.html"><code>&lt;uses-sdk&gt;</code></a>
    429  para asegurarte de lo siguiente:
    430 </p>
    431 
    432 <ol style="list-style-type:lower-alpha;margin-top:0em;">
    433   <li>
    434     <code>targetSdkVersion</code> est declarado con un valor de 11 o superior (se recomienda 14 o
    435  superior), O
    436   </li>
    437 
    438   <li>
    439     <code>minSdkVersion</code> est declarado con un valor de 11 o superior.
    440   </li>
    441 
    442   <li>Si se declara un atributo <code>maxSdkVersion</code>, debe tener un
    443  valor de 11 o superior. Ten en cuenta que, en general,
    444  <em>no se recomienda</em> el uso de <code>maxSdkVersion</code>.
    445   </li>
    446 </ol>
    447 
    448 <h3 class="rel-resources clearfloat">Recursos relacionados</h3>
    449 
    450 <div class="resource-widget resource-flow-layout col-13"
    451   data-query="collection:distribute/essentials/tabletguidelines/versions"
    452   data-sortOrder="-timestamp"
    453   data-cardSizes="6x3"
    454   data-maxResults="6"></div>
    455 
    456 <div class="headerLine"><h2 id="hardware-requirements">9. Declara correctamente dependencias de caractersticas de hardware</h2></div>
    457 
    458 <p>
    459   Los telfonos celulares y las tablets generalmente ofrecen compatibilidad de hardware para
    460  sensores, cmara, telefona y otras funciones algo diferente. Por ejemplo, muchas tablets
    461  se encuentran disponibles en una configuracin "Wi-Fi" que no incluye compatibilidad con telefona.
    462 </p>
    463 
    464 <p>
    465   A fin de que puedas distribuir un APK nico de forma extensiva a toda tu base de
    466  clientes de telfonos y tablets, asegrate de que tu aplicacin no declare
    467  requisitos para caractersticas de hardware que no se ofrezcan comnmente en las tablets.
    468   En su lugar, declara la caractersticas de hardware como <em>no obligatorias</em> en el manifiesto de la
    469  aplicacin, como se describe a continuacin.
    470 </p>
    471 
    472 <ul>
    473 <li>En el manifiesto de tu aplicacin, busca elementos <a href="{@docRoot}guide/topics/manifest/uses-feature-element.html"><code>&lt;uses-feature&gt;</code></a>
    474 . Especficamente, busca caractersticas de hardware que podran no estar
    475  disponibles en algunas tablets, como por ejemplo:
    476 
    477 <ul>
    478 <li><code>android.hardware.telephony</code></li>
    479 <li><code>android.hardware.camera</code> (hace referencia a la cmara posterior), o</li>
    480 <li><code>android.hardware.camera.front</code></li>
    481 </ul></li>
    482 
    483 <li>Declara los elementos <a href="{@docRoot}guide/topics/manifest/uses-feature-element.html"><code>&lt;uses-feature&gt;</code></a>
    484  como <em>no obligatorios</em> al incluir el atributo <code>android:required=false</code>
    485 .
    486 
    487 <p>
    488   Por ejemplo, aqu te mostramos la manera correcta de declarar una dependencia en
    489  <code>android.hardware.telephony</code> de modo que an puedas
    490  distribuir tu aplicacin de forma extensiva, incluso a dispositivos que no ofrezcan telefona:
    491 </p>
    492 
    493 <pre>&lt;uses-feature android:name="android.hardware.telephony" android:required="false" /&gt;</pre></li>
    494 
    495 <li>En forma similar, revisa el manifiesto para detectar elementos <a href="{@docRoot}guide/topics/manifest/permission-element.html"><code>&lt;permission&gt;</code></a> que 
    496 <a href="{@docRoot}guide/topics/manifest/uses-feature-element.html#permissions">impliquen requisitos
    497  de caractersticas de hardware</a> que no sean adecuadas para tablets. Si encuentras esos
    498  permisos, asegrate de declarar explcitamente un elemento
    499  <code>&lt;uses-feature&gt;</code> correspondiente para las caractersticas e incluye el
    500  atributo <code>android:required=false</code>.</li>
    501 </ul>
    502 
    503 
    504 <p>
    505   Despus de declarar las caractersticas de hardware como <em>no obligatorias</em>, prueba
    506  tu aplicacin en diferentes dispositivos. La aplicacin debe funcionar normalmente cuando las
    507  caractersticas de hardware que utiliza no estn disponibles, y debe ofrecer "degradacin
    508  estable" y funcionalidades alternativas cuando corresponda.
    509 </p>
    510 
    511 <p>
    512   Por ejemplo, si una aplicacin utiliza normalmente GPS para establecer la ubicacin, pero el
    513  dispositivo no admite GPS, la aplicacin podra permitirle al usuario establecer la ubicacin manualmente
    514 . La aplicacin puede comprobar la presencia de capacidades de hardware en el dispositivo durante el runtime y manipularlas
    515  segn resulte necesario.
    516 </p>
    517 
    518 <h3 class="rel-resources clearfloat">Recursos relacionados</h3>
    519 
    520 <div class="resource-widget resource-flow-layout col-13"
    521   data-query="collection:distribute/essentials/tabletguidelines/hardware"
    522   data-sortOrder="-timestamp"
    523   data-cardSizes="9x3"
    524   data-maxResults="6"></div>
    525 
    526 <div class="headerLine"><h2 id="support-screens">10. Declara la compatibilidad con pantallas de tablets</h2></div>
    527 
    528 <p>Para garantizar que puedes distribuir tu aplicacin a una amplia gama de tablets, la aplicacin debe
    529  declarar la compatibilidad con diferentes tamaos de pantalla de tablets en su archivo de manifiesto de la siguiente manera:</p>
    530 
    531 <ul>
    532   <li>Un
    533  elemento <a href="{@docRoot}guide/topics/manifest/supports-screens-element.html"><code>&lt;supports-screens&gt;</code></a>
    534 , si se declara, no debe especificar <code>android:largeScreens="false"</code>
    535  ni <code>android:xlargeScreens="false"</code>.</li>
    536   <li>Para las aplicaciones que apuntan a un valor de <code>minSdkVersion</code> inferior a 13, se debe declarar un elemento
    537  <a href="{@docRoot}guide/topics/manifest/supports-screens-element.html"><code>&lt;supports-screens&gt;</code></a>
    538  con <code>android:largeScreens="true"</code> y
    539  <code>android:xlargeScreens="true"</code>.</li>
    540 </ul>
    541 
    542 <p>Si la aplicacin declara un elemento
    543  <a href="{@docRoot}guide/topics/manifest/compatible-screens-element.html"><code>&lt;compatible-screens&gt;</code></a>
    544  en el manifiesto, el elemento debe incluir atributos que especifiquen
    545  <em>todas las combinaciones de tamao y densidad para pantallas de tablets</em> que admita
    546  la aplicacin. Recuerda que, si fuera posible, debes evitar el uso del
    547  elemento <a href="{@docRoot}guide/topics/manifest/compatible-screens-element.html"><code>&lt;compatible-screens&gt;</code></a>
    548  en tu aplicacin.</p>
    549 
    550 <h3 class="rel-resources clearfloat">Recursos relacionados</h3>
    551 
    552 <div class="resource-widget resource-flow-layout col-13"
    553   data-query="collection:distribute/essentials/tabletguidelines/tabletscreens"
    554   data-sortOrder="-timestamp"
    555   data-cardSizes="9x3,6x3,6x3"
    556   data-maxResults="6"></div>
    557 
    558 
    559 <div class="headerLine"><h2 id="google-play">11. Presenta tu IU para tablets en Google Play</h2></div>
    560 
    561 <p>
    562   Cuando termines de crear una IU enriquecida y optimizada para tu aplicacin
    563  para tablets, asegrate de que tus clientes lo sepan. Aqu te ofrecemos algunas
    564  estrategias clave para promocionar tu aplicacin para tablets a los usuarios en Google Play.
    565 </p>
    566 
    567 <div><img class="border-img" src="{@docRoot}images/gp-tablet-quality-4.jpg"></div>
    568 
    569 
    570 <h4>
    571   Carga capturas de pantalla de tu IU para tablets
    572 </h4>
    573 
    574 <p>
    575   Los usuarios de tablets quieren saber cmo se ve tu aplicacin en una tablet, no en un
    576  telfono. Si desarrollaste una aplicacin para tablets, asegrate de cargar capturas de pantalla
    577  de tu IU para tablets a la Consola para desarrolladores de Google Play. Aqu te proporcionamos algunas pautas:
    578   </p>
    579 
    580 <ul style="margin-top:0;">
    581   <li>Exhibe la funcionalidad central de tu aplicacin, no
    582  una pgina de inicio ni de inicio de sesin. Dondequiera que los usuarios pasen la mayor parte del tiempo, eso
    583  es lo que debes mostrar en tus capturas de pantalla.
    584   </li>
    585 
    586   <li>Agrega capturas de pantalla tomadas en tablets de 7 y 10 pulgadas.
    587   </li>
    588 
    589   <li>Agrega capturas de pantalla tomadas en orientacin vertical
    590  y horizontal, si fuera posible.
    591   </li>
    592 
    593   <li>Usa imgenes de la pantalla si fuera posible. Evita mostrar el hardware del dispositivo en tus
    594  capturas de pantalla.</li>
    595 
    596   <li>La resolucin recomendada para las capturas de pantalla de tu tablet es <strong>1280 x 720</strong>
    597  o superior en cada orientacin.
    598   </li>
    599 
    600   <li>Carga hasta 8 capturas de pantalla de tu IU para tablets para tablets de 7 pulgadas
    601  y 8 capturas de pantalla para tablets de 10 pulgadas.
    602   </li>
    603 </ul>
    604 
    605 <h4>
    606   Actualiza la descripcin y las notas de distribucin de tu aplicacin
    607 </h4>
    608 
    609 <ul>
    610   <li>En la descripcin de tu aplicacin, asegrate de resaltar que la aplicacin ofrece
    611  una IU optimizada para tablets y excelentes funciones para los usuarios de tablets. Agrega algunos
    612  detalles acerca de cmo funciona tu IU para tablets y por qu les gustar a los usuarios.
    613   </li>
    614 
    615   <li>Incluye informacin acerca de la compatibilidad para tablets en las notas de distribucin de la tablet y
    616  actualiza la informacin.
    617   </li>
    618 </ul>
    619 
    620 <h4>
    621   Actualiza tu video promocional
    622 </h4>
    623 
    624 <p>
    625   Muchos usuarios miran el video promocional de una aplicacin para tener una idea de cmo se ve la
    626  aplicacin y si la disfrutarn. En el caso de los usuarios de tablets, aprovecha este
    627  inters al resaltar la IU para tablets de tu aplicacin en tu video promocional. Aqu
    628  te proporcionamos algunas sugerencias y pautas:
    629 </p>
    630 
    631 <ul>
    632   <li>Agrega una o ms capturas de tu aplicacin ejecutndose en una tablet. Para atraer a los
    633  usuarios de tablets de forma ms eficaz, se recomienda que promociones tu IU para
    634  tablets en una proporcin aproximadamente similar a la de tu IU para telfonos.
    635   </li>
    636 
    637   <li>Muestra tu IU para tablets al comienzo del video, si fuera posible. No des por sentado que
    638  los usuarios de tablets esperarn pacientemente que finalice el recorrido por las funciones de una IU para telfonos.
    639  Lo ideal es que captes su inters de inmediato al mostrarles la IU de para tablets durante
    640  los primeros 10 segundos, o en el mismo momento que presentas la IU para telfonos.
    641   </li>
    642 
    643   <li>Para dejar en claro que ests mostrando una IU para tablets, incluye imgenes de tu
    644  aplicacin ejecutndose en una tablet.
    645   </li>
    646 
    647   <li>Resalta la IU para tablets de tu aplicacin en el relato o la narracin grabada del video.
    648   </li>
    649 </ul>
    650 
    651 <h4>
    652   Presenta la IU para tablets en tus campaas promocionales
    653 </h4>
    654 
    655 <p>
    656   Asegrate de dar a conocer tu IU para tablets a los usuarios de tablets a travs de tus
    657  campaas promocionales, sitio web, publicaciones en redes sociales, anuncios publicitarios y en otros sitios. Aqu te proporcionamos
    658  algunas sugerencias:
    659 </p>
    660 
    661 <ul>
    662   <li>Planifica una campaa publicitaria o de comercializacin que resalte el uso de tu
    663  aplicacin en tablets.</li>
    664 
    665   <li>Muestra los mejores aspectos de tu aplicacin para tablets en tus campaas promocionales; utiliza el <a href="{@docRoot}distribute/tools/promote/device-art.html">Generador de material grfico para dispositivos</a> para
    666  crear rpidamente una imagen promocional de alta calidad de tu aplicacin ejecutndose
    667  en una tablet de 7 o 10 pulgadas, en la orientacin que prefieras, con o sin
    668  sombra paralela y brillo de pantalla. Es tan sencillo como realizar una captura, arrastrar y soltar.
    669   </li>
    670 
    671   <li>Incluye una insignia de Google Play en tus promociones por Internet para que los usuarios
    672  puedan acceder directamente al directorio de tienda de tu aplicacin. Puedes generar una insignia en
    673  diferentes idiomas con el <a href="{@docRoot}distribute/tools/promote/badges.html">Generador de insignias</a>.
    674   </li>
    675 </ul>
    676 
    677 <h3 class="rel-resources clearfloat">Recursos relacionados</h3>
    678 
    679 <div class="resource-widget resource-flow-layout col-13"
    680   data-query="collection:distribute/essentials/tabletguidelines/showcase"
    681   data-sortOrder="-timestamp"
    682   data-cardSizes="9x3,9x3,9x3,9x3"
    683   data-maxResults="6"></div>
    684 
    685 <div class="headerLine">
    686   <h2 id="google-play-best-practices">
    687     12. Sigue las mejores prcticas para publicar en Google Play
    688   </h2>
    689 
    690 
    691 </div>
    692 
    693 <p>
    694   Aqu te mostramos algunas mejores prcticas para distribuir una aplicacin para tablets exitosa en Google
    695  Play.
    696 </p>
    697 
    698 <div>
    699   <img class="border-img" src="{@docRoot}images/gp-tablet-quality-5.jpg" style="1px solid #ddd">
    700 </div>
    701 
    702 <h4 id="google-play-optimization-tips">
    703   Repasa las sugerencias de optimizacin para tu aplicacin
    704 </h4>
    705 
    706 <p>La Consola para desarrolladores de Google Play ahora ofrece una pgina de Sugerencias para la optimizacin
    707  que te permite comprobar rpidamente cmo le est yendo a tu aplicacin en funcin de pautas bsicas para la calidad
    708  y distribucin de aplicaciones para tablets. Para visitar la pgina, inicia sesin en la Consola para desarrolladores,
    709  carga la aplicacin desde Todas las aplicaciones y haz clic en Sugerencias para la optimizacin en el
    710  panel de navegacin de la izquierda.</p>
    711 
    712 <div class="sidebox-wrapper">
    713 <div class="sidebox">
    714 <h2>Cmo enviar comentarios</h2>
    715 
    716 <p>Utiliza en vnculo que se proporciona a continuacin para enviar
    717  comentarios o solicitar una revisin manual de tus Sugerencias para la optimizacin.</p>
    718 
    719 <p>Antes de enviar comentarios, asegrate de leer las secciones relevantes de las
    720  pautas de calidad de las aplicaciones para tablets.</p>
    721 
    722 <p><strong><a href="https://support.google.com/googleplay/android-developer/contact/tabletq" target="_googleplay" style="white-space:nowrap">Formulario de contacto de Diseado para tablets &raquo;</a></strong></p>
    723 </div>
    724 </div>
    725 
    726 <p>La Consola para desarrolladores crea la pgina de Sugerencias para la optimizacin de tu aplicacin
    727  al ejecutar una serie de comprobaciones para verificar los criterios bsicos
    728  de calidad. Si detecta problemas, te los notificar como elementos "Pendientes"
    729  en la pgina de Sugerencias para la optimizacin.</p>
    730 
    731 <p>Si desarrollaste una experiencia de tablet para tu aplicacin, asegrate de
    732  visitar la pgina de Sugerencias para la optimizacin para ver cmo le est yendo a la aplicacin
    733  en relacin con las comprobaciones bsicas.  Si se indican errores, te
    734  recomendamos que los abordes en tu aplicacin y, si fuera necesario, cargues un nuevo archivo binario para
    735  distribucin. </p>
    736 
    737 <p>Si la pgina de Sugerencias para la optimizacin indica problemas "Pendientes" que crees que no
    738  corresponden a tu aplicacin o afectan la calidad de la aplicacin en las tablets, 
    739 usa el <a href="https://support.google.com/googleplay/android-developer/contact/tabletq" target="_googleplay" style="white-space:nowrap">Formulario de contacto de Diseado para tablets&raquo;</a> para comunicrnoslo. Revisaremos
    740  tu aplicacin y actualizaremos tu pgina de Sugerencias para la optimizacin
    741  segn corresponda.</p>
    742 
    743 
    744 <h4>Confirma el filtrado de la aplicacin</h4>
    745 
    746 <p>
    747   Despus de cargar la aplicacin a la <a href="https://play.google.com/apps/publish/">Consola para desarrolladores</a>, examina la
    748  lista de dispositivos admitidos por el APK para asegurarte de que la aplicacin no se haya excluido de la filtracin
    749  de tablets a las que quieres apuntar.
    750 </p>
    751 
    752 <h4>Distribuye un solo APK</h4>
    753 
    754 <p>
    755   Se recomienda que publiques tu aplicacin como un solo APK para todos los
    756  tamaos de pantalla (telfonos y tablets), con un solo directorio en Google Play. Este enfoque
    757  ofrece muchas ventajas importantes.
    758 </p>
    759 
    760 <ul style="margin-top:.25em;">
    761   <li>Es ms fcil para los usuarios encontrar tu aplicacin en bsquedas, exploraciones o promociones.
    762   </li>
    763 
    764   <li>Es ms fcil para los usuarios restaurar tu aplicacin automticamente si adquieren un
    765  dispositivo nuevo.
    766   </li>
    767 
    768   <li>Tus estadsticas de descarga y calificaciones se consolidan a travs de todos los dispositivos.
    769   </li>
    770 
    771   <li>Si publicas una aplicacin para tablets en un segundo directorio, esto puede reducir las calificaciones para
    772  tu marca.
    773   </li>
    774 </ul>
    775 
    776 <p>
    777   Si fuera necesario, puedes seleccionar, como alternativa, distribuir tu aplicacin con <a href="{@docRoot}google/play/publishing/multiple-apks.html">Compatibilidad con mltiples APK</a>,
    778  aunque en la mayora de los casos se recomienda firmemente usar un solo APK
    779  que abarque todos los dispositivos.
    780 </p>
    781 
    782 <h3 class="rel-resources clearfloat">Recursos relacionados</h3>
    783 <div class="resource-widget resource-flow-layout col-13"
    784   data-query="collection:distribute/essentials/tabletguidelines/googleplay"
    785   data-sortOrder="-timestamp"
    786   data-cardSizes="9x3"
    787   data-maxResults="6"></div>
    788 
    789 
    790 <div class="headerLine">
    791   <h2 id="test-environment">
    792     Configuracin de un entorno de prueba para tablets
    793   </h2>
    794 
    795 
    796 </div>
    797 
    798 <p>
    799   Evala la calidad de tu aplicacin en tablets; tanto la calidad de la aplicacin principal
    800  como la calidad de la aplicacin para tablets, con un hardware adecuado o un entorno de simulacin
    801  para la realizacin de pruebas.
    802 </p>
    803 
    804 <p>
    805   En comparacin con el <a href="{@docRoot}distribute/essentials/quality/core.html#test-environment">entorno de prueba
    806  recomendado</a> para probar la aplicacin en funcin de los criterios de calidad para la aplicacin principal,
    807  incluye tablets de tamao mediano y tablets con ms o menos caractersticas de
    808  hardware/software.
    809 </p>
    810 
    811 <p class="table-caption"><strong>Tabla 1</strong>. Un entorno de prueba tpico para tablets
    812  debera incluir uno o ms dispositivos de cada fila de la tabla que aparece a continuacin, con una de las
    813  versiones de plataforma, configuraciones de pantalla y configuraciones de caractersticas de hardware indicadas.</p>
    814 
    815 <table>
    816 <tr>
    817 <th>Tipo</th>
    818 <th>Tamao</th>
    819 <th>Densidad</th>
    820 <th>Versin</th>
    821 <th>Mscara del AVD</th>
    822 </tr>
    823 
    824 <tr>
    825 <td>Tablet de 7 pulgadas</td>
    826 <td><span style="white-space:nowrap"><code>large</code> o</span><br /><code>-sw600</code></td>
    827 <td><code>hdpi</code>,<br /><code>tvdpi</code></td>
    828 <td>Android 4.0+ (nivel de API 14 o superior)</td>
    829 <td>WXGA800-7in</td>
    830 </tr>
    831 <tr>
    832 <td><span style="white-space:nowrap">Tablet de</span> 10 pulgadas</td>
    833 <td><span style="white-space:nowrap"><code>xlarge</code> o</span><br /><code>-sw800</code></td>
    834 <td><code>mdpi</code>,<br /><code>hdpi</code>,<br /><code>xhdpi</code></td>
    835 <td>Android 3.2+ (nivel de API 13 o superior)</td>
    836 <td>WXGA800</td>
    837 </tr>
    838 </table>
    839 
    840 <div class="headerLine"><h2 id="related-resources">Recursos relacionados</h2></div>
    841 
    842 <div class="resource-widget resource-flow-layout col-13"
    843   data-query="collection:distribute/essentials/tabletguidelines"
    844   data-sortOrder="-timestamp"
    845   data-cardSizes="9x3"
    846   data-maxResults="6"></div>