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><uses-sdk></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><uses-sdk></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><uses-feature></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><uses-feature></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><uses-feature android:name="android.hardware.telephony" android:required="false" /></pre></li> 494 495 <li>En forma similar, revisa el manifiesto para detectar elementos <a href="{@docRoot}guide/topics/manifest/permission-element.html"><code><permission></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><uses-feature></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><supports-screens></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><supports-screens></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><compatible-screens></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><compatible-screens></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 »</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»</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>