Calidad de las apps para tablets

Las tablets son un componente en aumento de la base de instalaciones de Android y ofrecen nuevas oportunidades de interacción con los usuarios y monetización. Las pautas que se indican en este documento te ayudarán a cumplir las expectativas de los usuarios de tablets a través de funciones atractivas y una IU intuitiva y bien diseñada.

Si bien las pautas están numeradas, puedes abordarlas en cualquier orden. Debes abordar cada una de las recomendaciones que se proporcionan en las pautas en la medida en que resulte apropiado para tu app; no obstante, para poder proporcionar el mejor producto a tus clientes, sigue las recomendaciones en la mayor medida posible.

A lo largo del documento, encontrarás vínculos a recursos que pueden ayudarte a abordar cada una de las recomendaciones incluidas.

1. Realiza una prueba de calidad básica de apps para tablets

El primer paso para brindar una experiencia excelente con la app en tablets es asegurarte de que cumpla con los criterios de calidad de la app principal en todos los dispositivos y factores de forma a los que se oriente. Para obtener información completa, consulta las Pautas de calidad de la app principal.

Antes de publicar, asegúrate también de que tu app apruebe los controles técnicos básicos y los criterios de lanzamiento, como los siguientes:

Si tu app está subida en la Google Play Developer Console, puedes ver su rendimiento en función de esas verificaciones si visitas la página Optimization Tips.

2. Optimiza los diseños para pantallas más grandes

Android facilita el desarrollo de una app que funcione bien en una amplia variedad de tamaños de pantalla y factores de forma de dispositivos. Esta amplia compatibilidad funciona a tu favor, ya que te ayuda a diseñar una app única que puedes distribuir extensamente a todos los dispositivos a los que apuntes. No obstante, para ofrecer a tus usuarios la mejor experiencia posible en cada configuración de pantalla, en especial en tablets, debes optimizar tus diseños y otros componentes de la IU para cada configuración de pantalla que admitas. En las tablets, la optimización de tu IU te permite aprovechar al máximo el espacio de pantalla adicional disponible, por ejemplo, para ofrecer nuevas funciones, presentar contenido nuevo o mejorar la experiencia de otras maneras con el objetivo de aumentar la interacción del cliente.

Si desarrollaste tu app para teléfonos celulares y ahora quieres distribuirla a tablets, puedes comenzar por realizar ajustes menores en tus diseños, fuentes y espaciado. En algunos casos, como para tablets de 7 pulgadas o para un juego con lienzos grandes, esos ajustes podrían ser todo lo que necesitas hacer para que tu app se vea genial. En otros casos, como para tablets más grandes, puedes rediseñar partes de tu IU para reemplazar la "IU estirada" con una IU multipanel eficaz, navegación más simple y contenido adicional.

Despídete de tu IU "estirada": En las tablets, los diseños de panel único generan un espacio en blanco raro y líneas demasiado extensas. Utiliza relleno para reducir el ancho de los elementos de la IU y considera la posibilidad de usar diseños multipanel.

Aquí te proporcionamos alguna sugerencias:

  • Proporciona diseños personalizados, según sea necesario, para las pantallas large y xlarge. También puedes proporcionar diseños que se cargarán en función de la dimensión más corta de la pantalla o la altura y el ancho mínimos disponibles.
  • Como mínimo, personaliza las dimensiones, como los tamaños de las fuentes, los márgenes, el espaciado para pantallas más grandes, para mejorar el uso del espacio y la legibilidad del contenido.
  • Ajusta el posicionamiento de los controles de la IU de modo que los usuarios puedan acceder fácilmente a ellos mientras sujetan una tablet, como hacia los laterales cuando se encuentre en posición horizontal.
  • El relleno de los elementos de la IU normalmente debería ser más voluminoso en las tablets que en los teléfonos celulares. Se recomienda un ritmo de 48 dp (y una cuadrícula de 16 dp).
  • Rellena correctamente el contenido de texto de modo que no se alinee directamente a lo largo de los bordes de la pantalla. Usa un relleno 16dp mínimo alrededor del contenido cercano a los bordes de la pantalla.

En especial, asegúrate de que tus diseños no aparezcan "estirados" a lo ancho de la pantalla:

  • Las líneas de texto no deben ser excesivamente largas; optimízalas para que tengan una cantidad máxima de 100 caracteres por línea, con mejores resultados entre 50 y 75.
  • Los menús y ListViews no deben usar el ancho completo de la pantalla.
  • Usa relleno para manejar los anchos de los elementos en pantalla o cambiar a una IU multipanel para tablets (consulta la siguiente sección).

3. Aprovecha el área adicional de la pantalla

Los diseños multipanel proporcionan un mejor equilibrio visual en pantallas de tablets, y ofrecen una mayor utilidad y legibilidad.

Las pantallas de las tablets proporcionan un estado mucho más real de pantalla para tu app, especialmente cuando se sujeta en posición horizontal. Principalmente, las tablets de 10 pulgadas ofrecen un área enormemente expandida, pero incluso las tablets de 7 pulgadas te proporcionan más espacio para mostrar contenido e interactuar con los usuarios.

Mientras consideras la IU de tu app para ejecutarse en tablets, asegúrate de que esté aprovechando completamente el área de pantalla adicional disponible en las tablets. Aquí te proporcionamos algunas sugerencias:

  • Busca oportunidades de incluir contenido adicional o usar un tratamiento alternativo del contenido existente.
  • Usa diseños multipanel en las pantallas de las tablets para combinar vistas individuales en una vista compuesta. Esto te permite usar el área de pantalla adicional de forma más eficiente y facilitar para los usuarios la navegación en tu app.
  • Piensa cómo quieres que se reorganicen los paneles de las vistas compuestas cuando la pantalla cambie de orientación.
  • Las vistas compuestas combinan varias vistas individuales de la IU de un teléfono celular (antes mencionado) en una IU enriquecida y más eficaz para tablets (a continuación).

  • Si bien una pantalla individual se implementa como una subclase Activity , considera la implementación de paneles de contenido individuales como subclases Fragment. Esto te permite maximizar la reutilización de códigos entre diferentes factores y pantallas que compartan contenido.
  • Decide en qué tamaños de pantalla usarás una IU multipanel y luego proporciona los diferentes diseños en los depósitos para el tamaño de pantalla correspondiente (como large/xlarge) o anchos mínimos de pantalla (como sw600dp/sw720).

4. Usa recursos diseñados para pantallas de tablets

Para garantizar que tu app se vea lo mejor posible, proporciona íconos y otros recursos de mapa de bits para cada densidad en el rango que comúnmente admiten las tablets. En particular, debes diseñar tus íconos para la barra de acciones, las notificaciones y el menú de inicio conforme a las pautas de iconografía, y proporcionarlos en varias densidades de modo que se visualicen en el tamaño adecuado en todas las pantallas sin verse borrosos y sin otros defectos de escala.

Tabla 1: Tamaños de recursos sin formato para los tipos de ícono.

Densidad Launcher Barra de acciones Pequeña/Contextual Notificación
mdpi 48x48 px 32x32 px 16x16 px 24x24 px
hdpi 72x72 px 48x48 px 24x24 px 36x36 px
tvdpi (usa hdpi) (usa hdpi) (usa hdpi) (usa hdpi)
xhdpi 96x96 px 64x64 px 32x32 px 48x48 px
xxhdpi 144x144 px 96x96 px 48x48 px 72x72 px

Como mínimo, proporciona una versión de cada ícono y recurso de mapa de bits optimizada para al menos las siguientes densidades comunes de pantalla de tablets:

  • hdpi
  • xhdpi
  • xxhdpi

Otras sugerencias:

  • Cuando diseñes íconos, usa formas vectoriales de modo que puedas escalarlos sin perder nitidez en los detalles ni los bordes.
  • Usa calificadores de recursos específicos para la densidad a fin de garantizar que se carguen los íconos correctos para cada densidad de pantalla.
  • Las tablets y otros dispositivos con pantallas grandes a menudo requieren un ícono de launcher para el menú de inicio que sea un tamaño de densidad más grande que la densidad real del dispositivo, de modo que debes proporcionar el ícono del menú de inicio en la mayor densidad posible. Por ejemplo, si una tablet tiene una pantalla xhdpi, requerirá la versión xxhdpi del ícono del launcher.

5. Ajusta las fuentes y los controles táctiles objetivo

Para asegurarte de que tu app sea fácil de usar en tablets, dedica un tiempo a ajustar los tamaños de fuente y los controles táctiles en la IU para tablets para todas las configuraciones de pantalla que admitas. Puedes ajustar los tamaños de fuente mediante atributos modificables o recursos de dimensión, y puedes ajustar los controles táctiles mediante diseños y recursos de mapa de bits dibujables, como se mencionó más arriba.

Aquí te proporcionamos algunas consideraciones:

  • El texto no debe ser excesivamente grande ni pequeño en los tamaños y densidades de pantalla de las tablets. Asegúrate de que las etiquetas estén dimensionadas correctamente para los elementos de la IU con los que se corresponden, y comprueba que no haya saltos de línea inadecuados en las etiquetas, los títulos y otros elementos.
  • El tamaño recomendado para los controles táctiles en pantalla es de 48 dp (32 dp como mínimo); puede ser necesario que realices algunos ajustes en tu IU para tablets. Lee Métricas y cuadrículas para obtener más información acerca de la implementación de estrategias para ayudar a la mayoría de los usuarios. Para satisfacer las necesidades de accesibilidad de ciertos usuarios, puede ser conveniente que uses controles táctiles más grandes.
  • Cuando sea posible, para los íconos más pequeños, expande el área táctil a más de 48 dp con TouchDelegate o simplemente centrando el ícono dentro del botón transparente.

6. Ajusta el tamaño de los widgets de la pantalla de inicio

En caso de que en tu app se incluya un widget en la pantalla de inicio, a continuación te mostramos algunos puntos que debes considerar para garantizar una excelente experiencia de usuario en las pantallas de tablets:

  • Configura la altura y el ancho predeterminados del widget de forma correcta para las pantallas de tablets, como también la altura y el ancho mínimos y máximos.
  • El tamaño del widget se debe poder modificar hasta los 420 dp o más para abarcar 5 o más filas (si se trata de un widget vertical o cuadrado) o columnas (si se trata de un widget horizontal o cuadrado) de la pantalla principal.
  • Asegúrate de que las imágenes de 9-patch se visualicen correctamente.
  • Usa los márgenes predeterminados del sistema.
  • Configura el targetSdkVersion de la app en 14 o más, si es posible.

7. Conjunto completo de funciones para usuarios de tablets

Conjuntos de funciones para tablets

Permite que los usuarios de tablets accedan a las mejores funciones de tu app. Aquí te proporcionamos algunas recomendaciones:

  • Diseña tu app para que ofrezca al menos el mismo conjunto de funciones en tablets y en teléfonos.
  • En casos excepcionales, tu app podría omitir o reemplazar ciertas funciones en las tablets si no son compatibles con el hardware o el caso de uso de la mayoría de las tablets. Por ejemplo:
    • Si el teléfono celular utiliza funciones de telefonía pero el servicio de telefonía no está disponible en la tablet actual, puedes omitir o reemplazar la funcionalidad relacionada.
    • Muchas tablets tienen un sensor GPS, pero la mayoría de los usuarios generalmente no llevarían sus tablets con ellos mientras corren. Si tu app de teléfonos proporciona una funcionalidad que permite a los usuarios grabar un registro de GPS de sus carreras mientras llevan sus teléfonos con ellos, no será necesario que la app proporcione esa funcionalidad en las tablets ya que el caso de uso no lo requiere.
  • Si piensas omitir una función o capacidad de tu IU para tablets, asegúrate de que los usuarios no puedan acceder a ella o de que ofrezca “degradación estable” a una función de reemplazo (consulta también la sección a continuación, relacionada con las funciones de hardware).

8. Aborda correctamente las versiones de Android

Para garantizar la distribución más amplia posible para tablets, asegúrate de que tu app aborde correctamente las versiones de Android compatibles con tablets. La compatibilidad inicial con tablets se agregó en Android 3.0 (Nivel de API 11). La compatibilidad unificada en el marco de la IU para tablets, teléfonos y otros dispositivos se introdujo en Android 4.0

Puedes configurar el rango de versiones de Android admitidas por tu app en el archivo de manifiesto en el elemento <uses-sdk> . En la mayoría de los casos, puedes abordar versiones de Android correctamente al configurar el atributo targetSdkVersion del elemento en el nivel de API más alto posible.

Como mínimo, comprueba el elemento <uses-sdk> para asegurarte de lo siguiente:

  1. targetSdkVersion está declarado con un valor de 11 o superior (se recomienda 14 o superior), O
  2. minSdkVersion está declarado con un valor de 11 o superior.
  3. Si se declara un atributo maxSdkVersion, debe tener un valor de 11 o superior. Ten en cuenta que, en general, no se recomienda el uso de maxSdkVersion.

9. Declara correctamente dependencias de funciones de hardware

Los teléfonos celulares y las tablets generalmente ofrecen compatibilidad de hardware para sensores, cámaras, telefonía y otras funciones. Por ejemplo, muchas tablets se encuentran disponibles en una configuración "Wi-Fi" que no incluye compatibilidad con telefonía.

A fin de que puedas distribuir un APK único de forma extensiva a toda tu base de clientes de teléfonos y tablets, asegúrate de que tu app no declare requisitos para características de hardware que no se ofrezcan comúnmente en las tablets. En su lugar, declara la características de hardware como no obligatorias en el manifiesto de la app, como se describe a continuación.

  • En el manifiesto de tu app, busca elementos <uses-feature> . Específicamente, busca características de hardware que podrían no estar disponibles en algunas tablets, como por ejemplo:
    • android.hardware.telephony
    • android.hardware.camera (hace referencia a la cámara posterior), o
    • android.hardware.camera.front
  • Declara los elementos <uses-feature> como no obligatorios al incluir el atributo android:required=”false” .

    Por ejemplo, aquí te mostramos la manera correcta de declarar una dependencia en android.hardware.telephony de modo que aún puedas distribuir tu app de forma extensiva, incluso a dispositivos que no ofrezcan telefonía:

    <uses-feature android:name="android.hardware.telephony" android:required="false" />
  • En forma similar, revisa el manifiesto para detectar elementos <permission> que impliquen requisitos de características de hardware que no sean adecuados para tablets. Si encuentras esos permisos, asegúrate de declarar explícitamente un elemento <uses-feature> correspondiente para las características e incluye el atributo android:required=”false”.

Después de declarar las características de hardware como no obligatorias, prueba tu app en diferentes dispositivos. La app debe funcionar normalmente cuando las características de hardware que utiliza no estén disponibles, y debe ofrecer "degradación estable" y funcionalidades alternativas cuando corresponda.

Por ejemplo, si una app utiliza normalmente GPS para establecer la ubicación, pero el dispositivo no admite GPS, la app podría permitirle al usuario establecer la ubicación manualmente . La app puede comprobar la presencia de capacidades de hardware en el dispositivo durante el tiempo de ejecución y manipularlas según resulte necesario.

10. Declara la compatibilidad con pantallas de tablets

Para garantizar que puedes distribuir tu app a una amplia gama de tablets, la app debe declarar la compatibilidad con diferentes tamaños de pantalla de tablets en su archivo de manifiesto de la siguiente manera:

  • Un elemento <supports-screens> , si se declara, no debe especificar android:largeScreens="false" ni android:xlargeScreens="false".
  • Para las apps que apuntan a un valor de minSdkVersion inferior a 13, se debe declarar un elemento <supports-screens> con android:largeScreens="true" y android:xlargeScreens="true".

Si la app declara un elemento <compatible-screens> en el manifiesto, el elemento debe incluir atributos que especifiquen todas las combinaciones de tamaño y densidad para pantallas de tablets que admita la app. Recuerda que, si fuera posible, debes evitar el uso del elemento <compatible-screens> en tu app.

11. Presenta tu IU para tablets en Google Play

Cuando termines de crear una IU enriquecida y optimizada para tu app para tablets, asegúrate de que tus clientes lo sepan. Aquí te ofrecemos algunas estrategias clave para promocionar tu app para tablets a los usuarios en Google Play.

Carga capturas de pantalla de tu IU para tablets

Los usuarios de tablets quieren saber cómo se ve tu app en una tablet, no en un teléfono. Si desarrollaste una app para tablets, asegúrate de cargar capturas de pantalla de tu IU para tablets a la Google Play Developer Console. Aquí te proporcionamos algunas pautas:

  • Exhibe la funcionalidad central de tu app, no una página de inicio ni de inicio de sesión. Dondequiera que los usuarios pasen la mayor parte del tiempo, eso es lo que debes mostrar en tus capturas de pantalla.
  • Agrega capturas de pantalla tomadas en tablets de 7 y 10 pulgadas.
  • Agrega capturas de pantalla tomadas en orientación vertical y horizontal, si fuera posible.
  • Usa imágenes de la pantalla si fuera posible. Evita mostrar el hardware del dispositivo en tus capturas de pantalla.
  • La resolución recomendada para las capturas de pantalla de tu tablet es 1280 x 720 o superior en cada orientación.
  • Carga hasta 8 capturas de pantalla de tu IU para tablets para tablets de 7 pulgadas y 8 capturas de pantalla para tablets de 10 pulgadas.

Actualiza la descripción y las notas de la versión de tu app

  • En la descripción de tu app, asegúrate de destacar que la app ofrece una IU optimizada para tablets y excelentes funciones para los usuarios de tablets. Agrega algunos detalles acerca de cómo funciona tu IU para tablets y por qué les gustará a los usuarios.
  • Incluye información acerca de la compatibilidad para tablets en las notas de la versión de la tablet y actualiza la información.

Actualiza tu video promocional

Muchos usuarios miran el video promocional de una app para tener una idea de cómo se ve la app y si la disfrutarán. En el caso de los usuarios de tablets, aprovecha este interés al resaltar la IU para tablets de tu app en tu video promocional. Aquí te proporcionamos algunas sugerencias y pautas:

  • Agrega una o más capturas de tu app ejecutándose en una tablet. Para atraer a los usuarios de tablets de forma más eficaz, se recomienda que promociones tu IU para tablets en una proporción aproximadamente similar a la de tu IU para teléfonos.
  • Muestra tu IU para tablets al comienzo del video, si fuera posible. No des por sentado que los usuarios de tablets esperarán pacientemente que finalice el recorrido por las funciones de una IU para teléfonos. Lo ideal es que captes su interés de inmediato mostrándoles la IU para tablets durante los primeros 10 segundos, o en el mismo momento que presentas la IU para teléfonos.
  • Para dejar en claro que estás mostrando una IU para tablets, incluye imágenes de tu app ejecutándose en una tablet.
  • Destaca la IU para tablets de tu app en el relato o la narración grabada del video.

Presenta la IU para tablets en tus campañas promocionales

Asegúrate de dar a conocer tu IU para tablets a los usuarios de tablets a través de tus campañas promocionales, sitio web, publicaciones en redes sociales, anuncios publicitarios y en otros sitios. Aquí te proporcionamos algunas sugerencias:

  • Planifica una campaña publicitaria o de comercialización que resalte el uso de tu app en tablets.
  • Muestra los mejores aspectos de tu app para tablets en tus campañas promocionales; usa el Generador de material gráfico para dispositivos para crear rápidamente una imagen promocional de alta calidad de tu app ejecutándose en una tablet de 7 o 10 pulgadas, en la orientación que prefieras, con o sin sombra paralela y brillo de pantalla. Es tan sencillo como realizar una captura, arrastrar y soltar.
  • Incluye una insignia de Google Play en tus promociones por Internet para que los usuarios puedan acceder directamente al directorio de tienda de tu app. Puedes generar una insignia en diferentes idiomas con el Generador de insignias.

12. Sigue las mejores prácticas para publicar en Google Play

Aquí te mostramos algunas mejores prácticas para distribuir una app para tablets exitosa en Google Play.

Repasa las sugerencias de optimización para tu app

La Google Play Developer Console ahora ofrece una página de Optimization Tips que te permite comprobar rápidamente cómo le está yendo a tu app en función de pautas básicas para la calidad y distribución de apps para tablets. Para visitar la página, inicia sesión en la Developer Console, carga la app desde All Applications y haz clic en Optimization Tips en el panel de navegación de la izquierda.

La Developer Console crea la página Optimization Tips de tu app al ejecutar una serie de comprobaciones para verificar los criterios básicos de calidad. Si detecta problemas, te los notificará como elementos "Pendientes" en la página Optimization Tips.

Si desarrollaste una experiencia de tablet para tu app, asegúrate de visitar la página Optimization Tips para ver cómo le está yendo a la app en relación con las comprobaciones básicas. Si se indican errores, te recomendamos que los abordes en tu app y, si fuera necesario, cargues un nuevo archivo binario para distribución.

Si en la página Optimization Tips se indican problemas “pendientes” que crees que no corresponden a tu app o afectan la calidad de la app en las tablets, usa el Formulario de contacto de Designed for Tablets» para comunicárnoslo. Revisaremos tu app y actualizaremos tu página Optimization Tips según corresponda.

Confirma el filtrado de la app

Después de cargar la app a la Developer Console, examina la lista de dispositivos admitidos por el APK para asegurarte de que la app no se haya excluido de la filtración de tablets a las que quieres apuntar.

Distribuye un solo APK

Se recomienda que publiques tu app como un solo APK para todos los tamaños de pantalla (teléfonos y tablets), con un solo directorio en Google Play. Este enfoque ofrece muchas ventajas importantes.

  • Es más fácil para los usuarios encontrar tu app en búsquedas, exploraciones o promociones.
  • Es más fácil para los usuarios restaurar tu app automáticamente si adquieren un dispositivo nuevo.
  • Tus estadísticas de descarga y calificaciones se consolidan a través de todos los dispositivos.
  • Si publicas una app para tablets en un segundo directorio, esto puede reducir las calificaciones para tu marca.

Si fuera necesario, puedes seleccionar, como alternativa, distribuir tu app con Compatibilidad con múltiples APK, aunque en la mayoría de los casos se recomienda firmemente usar un solo APK que abarque todos los dispositivos.

Configuración de un entorno de prueba para tablets

Evalúa la calidad de tu app en tablets; tanto la calidad de la app principal como la calidad de la app para tablets, con un hardware adecuado o un entorno de simulación para la realización de pruebas.

En comparación con el entorno de prueba recomendado para realizar pruebas en función de los criterios de calidad para la app principal, incluye tablets de tamaño mediano y tablets con más o menos funciones de hardware y software.

Tabla 1: En un entorno de prueba típico para tablets podrían incluirse uno o más dispositivos de cada fila de la tabla que aparece a continuación, con una de las versiones de plataforma, configuraciones de pantalla y configuraciones de funciones de hardware indicadas.

Tipo Tamaño Densidad Versión Máscara del AVD
Tablet de 7 pulgadas large o
-sw600
hdpi,
tvdpi
Android 4.0+ (nivel de API 14 o superior) WXGA800-7in
Tablet de 10 pulgadas xlarge o
-sw800
mdpi,
hdpi,
xhdpi
Android 3.2+ (nivel de API 13 o superior) WXGA800