Lineamientos de calidad de las apps adaptables

Los dispositivos que pueden ejecutar apps para Android están disponibles en una variedad de factores de forma (teléfonos, tablets, plegables, computadoras de escritorio, pantallas de automóviles, TVs y XR) que representan una amplia gama de tamaños de pantalla. Android admite varios modos de visualización, incluidos el modo multiventana, varias pantallas, instancias múltiples y el modo pantalla en pantalla. Los dispositivos plegables pueden estar en varios estados plegados o en distintas posiciones, como la de mesa o de libro.

Representación de los tres niveles de calidad como capas apiladas verticalmente.

Para asegurarte de que tu app brinde una excelente experiencia del usuario sin importar el factor de forma del dispositivo, el tamaño de la pantalla, el modo de visualización o la posición, sigue las listas de tareas de compatibilidad de apps adaptables y completa las pruebas de compatibilidad.

Las listas de tareas y las pruebas definen un conjunto integral de requisitos de calidad para la mayoría de los tipos de apps para Android. Es probable que tu app no necesite cumplir con todos los requisitos. Implementa aquellos que sean relevantes para los casos de uso de tu app.

Los lineamientos de calidad de las apps adaptativas reemplazan y amplían la orientación que se proporcionaba anteriormente en los lineamientos de calidad de las apps para pantallas grandes.

A medida que mejores tu app con funciones adaptativas, actualiza la ficha de la app en Google Play para ayudar a los usuarios a comprender mejor la experiencia de varios factores de forma de tu app. Sube capturas de pantalla que muestren la app en tablets y dispositivos plegables. Destaca las funciones de XR en la descripción de tu app. Para obtener más información y conocer las prácticas recomendadas, consulta la ayuda de Google Play.

Para ver ejemplos de diseños optimizados y diferenciados en pantallas de todos los tamaños, consulta la galería de diseños adaptables.

Listas de tareas de compatibilidad con apps adaptables

Las listas de tareas de compatibilidad definen criterios para ayudarte a evaluar el nivel de compatibilidad que proporciona tu app para el diseño adaptable.

Los niveles de compatibilidad incluyen los siguientes:

Ícono de nivel 3 de Adaptive Ready

NIVEL 3 (básico): Preparada para la adaptación

Tu app se ejecuta en pantalla completa (o en pantalla completa en el modo multiventana) en todos los dispositivos, pero el diseño de la app podría no ser ideal. La app no tiene formato letterbox ni se ejecuta en el modo de compatibilidad. Los usuarios pueden completar flujos de tareas críticos, pero con una experiencia del usuario poco óptima. La app ofrece compatibilidad básica con dispositivos de entrada externos, como teclado, mouse, panel táctil y pluma stylus.

Ícono de nivel 2, optimizado de forma adaptable

NIVEL 2 (mejor): Optimización adaptable

Tu app implementa optimizaciones de diseño para todos los tamaños de pantalla y configuraciones del dispositivo, además de compatibilidad mejorada para dispositivos de entrada externos.

Ícono de app adaptable diferenciada de nivel 1

NIVEL 1 (mejor): Adaptativo y diferenciado

Tu app proporciona una experiencia del usuario diseñada para el dispositivo o la pantalla en la que se ejecuta. Cuando corresponda, la app admite el modo multitarea, las posiciones plegables, la función de arrastrar y soltar, y la entrada de la pluma stylus.

Completa los requisitos del nivel 2 para permitir que tu app brinde una excelente experiencia del usuario en todos los dispositivos Android. Para que tu app se destaque en dispositivos plegables y pantallas grandes, como las de computadoras, completa el nivel 1.


Ícono de nivel 3 de Adaptive Ready

NIVEL 3

Listo para la adaptación

Las apps listas para adaptarse primero deben cumplir con los requisitos de calidad de las apps básicas, en particular, con los requisitos de Experiencia del usuario.

Las apps deben cumplir con los siguientes requisitos de adaptación:

ID Pruebas Descripción
Configuración y continuidad
Config:Changes T-Config:Orientation,
T-Config:State

La app cubre el área de visualización disponible: toda la pantalla o, en el modo multiventana, la ventana de la app. La app no está en formato letterbox ni se ejecuta en el modo de compatibilidad.

La app controla los cambios de configuración y retiene o restablece su estado a medida que el dispositivo pasa por los cambios de configuración, como la rotación, el plegado y el desplegado del dispositivo, y el cambio de tamaño de la ventana en los modos de ventana de pantalla dividida y de escritorio. Por ejemplo:

  • Se mantiene la posición de desplazamiento de los campos desplazables.
  • Se conserva el texto escrito en los campos de texto y se restaura el estado del teclado.
  • La reproducción de contenido multimedia se reanuda en el lugar donde quedó cuando se inició el cambio de configuración.
Config:Combinations T-Config:Combinations La app controla las combinaciones de cambios de configuración, como el cambio de tamaño de la ventana seguido de la rotación del dispositivo, o bien la rotación seguida del plegado o desplegado del dispositivo.
Modo multiventana y multirreanudación
Multiventana:Funcionalidad T-Multi-Window:Functionality

La app funciona por completo en el modo multiventana. Consulta Compatibilidad con el modo multiventana.

Nota: Las apps de Unity deben tener la asistencia a largo plazo (LTS) de Unity versión 2019 o posterior. Consulta Verificación del modo multiventana.

Multiventana:Multirreanudación T-Multi-Window:Focus,
T-Multi-Window:Resources
La app es totalmente compatible con la reanudación múltiple. La app actualiza su IU (continúa reproduciendo contenido multimedia, incorpora mensajes nuevos, actualiza el progreso de la descarga, etc.) cuando no es la app principal. Además, la app controla la pérdida de recursos exclusivos, como cámaras y micrófonos, en modos multiventana. Consulta Ciclo de vida de la actividad en el modo multiventana.
Vista previa y proyección de contenido multimedia de la cámara
Media:Camera_Preview T-Media:Camera_Preview La app proporciona una vista previa de la cámara en orientación horizontal y vertical, estados de dispositivos plegados y desplegados, y modo multiventana. La vista previa tiene una proporción adecuada y la orientación correcta.
Media:Projection T-Media:Projection La app es compatible con la proyección de contenido multimedia en la orientación horizontal y vertical, los estados de dispositivos plegados y desplegados, y el modo multiventana. La proyección tiene una proporción adecuada y la orientación correcta.
Teclado, mouse y panel táctil
Entrada:Teclado T-Input:Keyboard La app admite la entrada de texto con un teclado externo y alterna entre teclados físicos y virtuales sin reiniciar la app cuando se conecta o desconecta un teclado externo.
Entrada:Mouse_Trackpad T-Input:Mouse_Trackpad

La app admite interacciones básicas con el mouse o el panel táctil:

  • Hacer clic: Cualquier elemento en el que se puede hacer clic, incluidos los botones, los menús desplegables, los campos de entrada de texto y los íconos de navegación
  • Seleccionar: Cualquier elemento que se puede seleccionar, incluidos los botones de selección, las casillas de verificación y el texto (deslizando o haciendo doble clic)
  • Desplazamiento: Cualquier elemento desplazable, como listas y selectores, que se pueda desplazar de forma vertical y horizontal
Pluma stylus
Pluma:Básica T-Stylus:Basic

La app ofrece compatibilidad básica para tablets, dispositivos plegables y dispositivos de escritorio equipados con pluma stylus. La pluma stylus se puede usar para seleccionar y manipular los elementos de la IU, incluido el desplazamiento por listas, selectores y otro contenido por el que el usuario puede desplazarse.

Consulta la pluma stylus en Compatibilidad con entradas en pantallas grandes.

Nota: La entrada básica de la pluma stylus es la misma que la entrada táctil, que es totalmente compatible con Android. La entrada básica de la pluma stylus se habilita automáticamente para todas las apps sin necesidad de código especial.

Stylus:Text_Input T-Stylus:Text_Input

En Android 14 (nivel de API 34) y versiones posteriores, los usuarios pueden escribir y editar texto en campos de entrada de texto con una pluma stylus. En ChromeOS M114 y versiones posteriores, se puede usar una pluma stylus para escribir y editar texto en campos de entrada de texto en componentes de WebView.

Nota: En Android 14 y versiones posteriores, los componentes de EditText admiten de forma predeterminada la entrada de la pluma stylus y no se requiere un desarrollo especial. En ChromeOS M114 y versiones posteriores, WebView admite de forma predeterminada la entrada de la pluma stylus en los campos de texto.

Ícono de nivel 2, optimizado de forma adaptable

NIVEL 2

Optimización adaptable

Las apps optimizadas admiten todos los tipos de pantallas y estados de dispositivo, incluidas las transiciones de estado.

ID Pruebas Descripción
Interfaz de usuario
IU:Diseños T-UI:Flow

La app tiene diseños responsivos y adaptables para todos los tamaños de pantalla. Todos los diseños son responsivos (consulta Cómo migrar tu IU a diseños responsivos). La implementación de diseños adaptables se determina con las clases de tamaño de ventana.

La IU de la app puede incluir lo siguiente:

  • Rieles de navegación del extremo inicial que se expanden en tamaños de ventanas más grandes para ocupar paneles de navegación completos
  • Diseños de cuadrícula que escalan la cantidad de columnas para adaptarse a los cambios de tamaño de la ventana
  • Columnas de texto en pantallas grandes
  • Paneles del extremo final que se abren de forma predeterminada en tamaños de pantalla de computadoras, en pantallas cerradas y en pantallas pequeñas

Crea diseños de dos paneles (cuando sea apropiado) para aprovechar el espacio de pantalla grande. Consulta Diseños canónicos.

La incorporación de actividades permite que las apps basadas en actividades creen diseños de varios paneles mostrando las actividades en paralelo.

IU:Elements T-UI:Flow

Los modales, los menús contextuales y otros elementos secundarios tienen el formato adecuado en todos los tipos de pantalla y estados de dispositivos, por ejemplo:

  • Las hojas inferiores no ocupan todo el ancho en pantallas grandes (aplica un ancho máximo para evitar estiramientos). Consulta el comportamiento en Sheets: bottom.
  • Los botones no ocupan todo el ancho en las pantallas grandes. Consulta el comportamiento en botones.
  • Los campos de texto y las casillas no ocupan todo el ancho en pantallas grandes. Consulta el comportamiento en la sección de campos de texto.
  • Los modales o menús de edición pequeños no abarcan toda la pantalla y mantienen el contexto para el usuario tanto como sea posible. Ver Menus.
  • Los menús contextuales aparecen junto al elemento que el usuario seleccionó. Consulta el tema sobre menús contextuales en Menus.
  • Los rieles de navegación reemplazan las barras de navegación para mejorar la ergonomía en pantallas grandes. Los rieles también pueden complementar otros componentes de navegación, como las barras de navegación. Consulta Navigation rail.
  • Los paneles laterales de navegación se actualizan al componente de material más reciente. Consulta Navigation drawer.
  • Los cuadros de diálogo se actualizan al componente de material más reciente. Consulta Dialogs.
  • Las imágenes se muestran con una resolución adecuada y no se estiran ni se recortan.
IU:Touch_Targets T-UI:Touch_Targets Los objetivos táctiles tienen al menos 48 dp. Consulta los lineamientos de diseño y tipografía de Material Design.
IU:Focus T-UI:Focus Se crea un estado enfocado para los elementos de diseño personalizados que son interactivos. Un elemento de diseño personalizado es cualquier elemento visual de la IU que no proporcione el framework de Android. Si los usuarios pueden interactuar con un elemento de diseño personalizado, el elemento de diseño debe poder enfocarse cuando el dispositivo no está en el modo táctil y debe mostrarse de manera evidente una indicación visual del estado enfocado.
Teclado, mouse y panel táctil
Input:Keyboard_Navigation T-Input:Keyboard_Navigation Los flujos principales de tareas en la app admiten la navegación con teclado, incluida la navegación con la tecla Tab y las teclas de flecha. Consulta Compila apps más accesibles.
Input:Keyboard_Shortcuts T-Input:Keyboard_Shortcuts La app admite combinaciones de teclas para acciones de uso general, como seleccionar, cortar, copiar, pegar, deshacer y rehacer. Consulta el documento sobre compatibilidad de entrada.
Input:Keyboard_Playback T-Input:Keyboard_Playback El teclado se puede utilizar para controlar la reproducción de contenido multimedia. Por ejemplo, la barra espaciadora reproduce y pausa el contenido.
Input:Keyboard_Send T-Input:Keyboard_Send La tecla Intro del teclado realiza una función de enviar en las aplicaciones de comunicación.
Entrada:Context_Menus T-Input:Context_Menus Se puede acceder a los menús contextuales con el botón derecho del mouse y el panel táctil (botón secundario del mouse o presión secundaria).
Entrada:Zoom T-Input:Zoom Se puede acercar el contenido de la app con la rueda del mouse (junto con la presión de la tecla Control o Ctrl) y los gestos de pellizcar en el panel táctil.
Entrada:Hover T-Input:Hover Los elementos prácticos de la IU tienen estados de colocar el cursor sobre un elemento (cuando corresponde) para indicar a los usuarios de mouse y panel táctil que los elementos son interactivos.

Ícono de app adaptable diferenciada de nivel 1

NIVEL 1

Adaptable y diferenciado

Las apps diferenciadas adaptables aprovechan al máximo los factores de forma de pantalla grande y plegable. Las apps diferenciadas ofrecen una experiencia del usuario premium que es productiva y disfrutable.

Debido a que las apps de nivel 1 son muy diferenciadas, algunas de las capacidades enumeradas solo se aplican a tipos específicos de apps. Elige las capacidades adecuadas para tu aplicación.

ID Pruebas Descripción
Instancias y tareas múltiples
Multitarea:Compatibilidad T-Multitasking:PiP,
T-Multitasking:Split-Screen,
T-Multitasking:Attachments

La app admite varias situaciones de tareas múltiples, por ejemplo:

  • Modo de pantalla en pantalla: La app puede entrar y salir del modo de pantalla en pantalla en orientaciones verticales y horizontales, con el dispositivo plegado y desplegado, y en el modo multiventana. Consulta Compatibilidad con pantalla en pantalla (PIP).
  • Modo multiventana: La app puede abrir otra aplicación en una ventana separada a partir de un vínculo directo. Por ejemplo, una app de administración de contactos abre un vínculo a un mensaje de correo electrónico que se muestra en una app de correo electrónico en una nueva ventana. Consulta FLAG_ACTIVITY_LAUNCH_ADJACENT.
  • Archivos adjuntos: Las apps de mensajería pueden abrir archivos adjuntos (como videos) en una ventana separada.
Multitarea:Instancias múltiples T-Multitasking:Multi-Instance La app puede iniciar varias instancias de sí misma en ventanas separadas. Los casos de uso incluyen la edición de documentos, la navegación web, las apps de administración de archivos y las comparaciones de productos en apps de compras. Consulta Instancias múltiples en Compatibilidad con el modo multiventana.
Estados y posiciones plegables
Dispositivos plegables:Posturas T-Foldables:Postures

La app admite todas las posiciones plegables y los casos de uso relacionados:

  • Postura de mesa: Videollamadas y reproducción de video o audio
  • Postura de libro: Lectura de contenido de texto extenso
  • Pantalla doble: Vista previa de la pantalla frontal y posterior para las apps de la cámara; Compatibilidad con dispositivos con pantalla dual
Consulta Más información sobre dispositivos plegables.
Dispositivos plegables:Cámara T-Foldables:Cámara Las apps de cámara ajustan su vista previa para los estados plegado y desplegado, y admiten la vista previa de la pantalla frontal y posterior.
Arrastrar y soltar
Drag_Drop:Support T-Drag_Drop:Support La app admite la función de arrastrar y soltar entre vistas dentro de la app y, en el modo multiventana, hacia y desde otras apps usando la entrada táctil, el mouse, el panel táctil y la pluma stylus. Consulta Cómo habilitar la función de arrastrar y soltar. Consulta también Stylus:Drag_Drop.
Teclado, mouse y panel táctil
Input:Keyboard_Parity T-Input:Keyboard_Parity La app ofrece un conjunto completo de combinaciones de teclas y compatibilidad con combinaciones de teclas convencionales, como Ctrl-C para copiar y Ctrl-Z para deshacer. La app mantiene la paridad de combinación de teclas con versiones web o para computadoras equivalentes de la app siempre que sea posible.
Entrada:Combinaciones T-Input:Combinations Las combinaciones de teclado y mouse o panel táctil, como Ctrl + clic o Ctrl + presionar, y Mayúsculas + clic o Mayúsculas + presionar, proporcionan capacidades mejoradas, incluida la selección de rangos de elementos adyacentes o múltiples elementos separados.
Entrada:Barra de desplazamiento T-Input:Scrollbar La app muestra una barra de desplazamiento mientras te desplazas por el contenido con un mouse o un panel táctil.
Entrada:Hover_Parity T-Input:Hover_Parity Cuando corresponda, los elementos de la IU mostrarán contenido adicional, como menús desplegables o información sobre la herramienta en el mouse o el panel táctil. La app mantiene la paridad del estado de desplazamiento con las versiones web o para computadoras equivalentes de la app cuando sea posible.
Entrada:Desktop_Menus T-Input:Desktop_Menus Se usan menús de estilo de escritorio y menús contextuales cuando corresponda.
Entrada:Panel_Config T-Input:Panel_Config En los diseños multipanel, los paneles de IU se pueden volver a configurar con un mouse o un panel táctil. Los paneles reconfigurables permiten que los usuarios ajusten el diseño de la app para aumentar la productividad. Por ejemplo, pueden cambiar el tamaño del panel de detalles de un diseño de lista y detalles, o bien reorganizar los paneles en la pantalla. Nota: Esto no se aplica a las barras de navegación, los rieles ni los paneles laterales.
Entrada:Triple_Click T-Input:Triple_Click Si haces triple clic con un mouse o presionas tres veces con un panel táctil, se seleccionan líneas o párrafos de texto completos.
Pluma stylus
Stylus:Draw_Write T-Stylus:Draw_Write La app admite dibujar y escribir con una pluma stylus. Los dibujos y la escritura se pueden borrar con la pluma stylus.
Stylus:Drag_Drop T-Stylus:Drag_Drop La app brinda compatibilidad con la pluma stylus para arrastrar y soltar contenido entre elementos dentro de la app y, en el modo multiventana, hacia y desde otras apps. Consulta Cómo habilitar la función de arrastrar y soltar.
Lápiz:Mejorado T-Stylus:Enhanced

La app ofrece compatibilidad mejorada con la pluma stylus, que incluye lo siguiente:

  • Baja latencia y predicción de movimiento para mejorar la capacidad de respuesta
  • Sensibilidad a la presión para crear trazos de ancho variable
  • Detección de inclinación para crear trazos con sombreado
  • Rechazo de la palma de la mano y de los dedos para evitar las marcas desviadas
Consulta Funciones avanzadas de la pluma stylus.
Cursores personalizados
Cursores:Personalizado T-Cursors:Custom

La app muestra cursores personalizados para indicar cómo y cuándo los usuarios pueden interactuar con el contenido y los elementos de la IU, por ejemplo:

  • Cursores del sistema proporcionados por el framework de Android:
    • Punteros para escritura de texto
    • Controladores de cambio de tamaño en los bordes de la capa de tamaño variable
    • Procesamiento de íconos giratorios
  • Cursores de especialidad que proporcionas:
    • Puntos de mira cuando se coloca el cursor sobre los objetivos en los juegos
    • Una lupa cuando se coloca el cursor sobre el contenido que se puede acercar
    • Herramientas en apps de dibujo o ilustración
Consulta PointerIcon y Íconos de puntero del mouse.

Pruebas de compatibilidad de apps adaptables

Las siguientes pruebas te ayudan a descubrir problemas de calidad en tu app. Puedes combinar las pruebas o integrar grupos de pruebas en tus propios planes.

En lo que respecta a diseño y UX, prueba al menos los siguientes tipos de dispositivos:

  • Plegable (841 x 701 dp)
  • Tablet de 8 pulgadas (1024 x 640 dp)
  • Tablet de 10.5 pulgadas (1280 x 800 dp)
  • Chromebook de 13 pulgadas (1600 x 900 dp)

Usa los siguientes emuladores de Android para probar la compatibilidad con dispositivos adaptativos:

  • Teléfono plegable: 7.6" plegable con pantalla externa
  • Tablet: Pixel C 9.94"
  • Plegable con doble pantalla: Microsoft Surface Duo

Usa el emulador de tamaño variable de Android para probar una variedad de configuraciones de dispositivos.


Ícono adaptable listo para el nivel 3.

NIVEL 3

Listo para la adaptación

ID Función Descripción
Configuración y continuidad
T-Config:Orientation Config:Changes Verifica que la app no esté en formato letterbox ni se ejecute en modo de compatibilidad en orientaciones verticales y horizontales, en modo multiventana o cuando se despliegue un dispositivo plegable con pantalla grande en orientación vertical u horizontal.

Cambia el tamaño de la ventana de la app en el modo multiventana, incluidos los modos de pantalla dividida y de ventanas de escritorio. En dispositivos de escritorio, minimiza y restablece la ventana de la app, y maximiza y restablece la ventana de la app. Verifica que la app adopte la orientación adecuada y mantenga el estado en todos los tamaños de ventana.

Nota: Realiza pruebas en dispositivos con pantalla grande (ancho mínimo >= 600 dp) que ejecuten Android 12 (nivel de API 31) o versiones posteriores para asegurarte de que el dispositivo admita lo siguiente:

  • Todas las orientaciones del dispositivo (independientemente de las restricciones de orientación establecidas con el elemento android:screenOrientation del manifiesto de la app)
  • Modo multiventana (incluso para apps que especificaron android:resizeableActivity="false" en el manifiesto de la app)
T-Config:State Config:Changes

Desde cada pantalla de la app que tenga contenido desplazable, contenido de reproducción continua o campos de entrada de texto, haz lo siguiente:

  • Contenido desplazable: Desplázate por el contenido.
  • Contenido de reproducción: Inicia la reproducción.
  • Campos de entrada de texto: Ingresa texto en varios campos.

Rota el dispositivo entre la orientación horizontal y vertical, pliega y despliega el dispositivo (si corresponde), expande o contrae la app en dos pantallas (si tienes un dispositivo con pantalla doble) y cambia el tamaño de la ventana de la app en modo multiventana. Minimizar y restablecer la ventana de la app en dispositivos de escritorio, y maximizar y restablecer la ventana de la app Verifica lo siguiente:

  • Contenido desplazable: La posición de desplazamiento no cambia.
  • Contenido de reproducción: La reproducción se reanuda donde la dejaste cuando se inició el cambio de configuración.
  • Campos de entrada de texto: El texto ingresado anteriormente se conserva en los campos de entrada.
T-Config:Combinaciones Config:Combinations Desde cada una de las pantallas de la app, prueba combinaciones de rotación del dispositivo entre la orientación horizontal y vertical, plegar y desplegar el dispositivo (si corresponde) y cambiar el tamaño de la ventana de la app en el modo multiventana.
Modo multiventana y multirreanudación
T-Multi-Window:Funcionalidad Multiventana:Funcionalidad

Abre la app en el modo multiventana. Comprueba si la app es completamente funcional en todos los tamaños de ventana, las orientaciones del dispositivo y los estados del dispositivo plegable. Cambia el tamaño de la ventana de la app en cada orientación. En dispositivos plegables, pliega y despliega el dispositivo en cada orientación.

Apps de Unity

Abre una app que no sea la de Unity. Ve a la pantalla Recientes. Selecciona el ícono de la app y activa el modo de pantalla dividida. Abre la app de Unity, que debería iniciarse en el modo de pantalla dividida al lado o debajo de la primera app. Ve a la pantalla principal para ocultar el par de apps. Ve a la pantalla Recientes. Selecciona el par de apps de pantalla dividida que incluye tu app de Unity. Verifica que la app de Unity reanude su actividad y que el diseño de la app en la ventana de pantalla dividida sea correcto con todos los elementos de la IU accesibles.

T-Multi-Window:Focus Multiventana:Reanudación múltiple Abre la app y, luego, inicia un proceso, como la reproducción de un video, que actualice la app de forma continua. Abre otra app y haz que la app nueva sea la más enfocada. Verifica que la app no enfocada siga actualizando su contenido (por ejemplo, si se sigue reproduciendo un video).
T-Multi-Window:Resources Multiventana:Reanudación múltiple En la app, abre la cámara o usa el micrófono. Abre otra app y haz que la app nueva sea la más enfocada. Verifica que la app no enfocada haya dejado de usar la cámara o el micrófono. Haz que la app original sea la más enfocada. Verifica que la app haya recuperado el acceso a la cámara o el micrófono.
Vista previa y proyección de contenido multimedia de la cámara
T-Media:Camera_Preview Media:Camera_Preview Abre la app en pantalla completa y en el modo multiventana. Inicia la cámara desde la app. Rota el dispositivo entre la orientación horizontal y vertical. En dispositivos plegables, pliega y despliega el dispositivo en cada orientación. En el modo multiventana, cambia el tamaño de la ventana de la app. Verifica que la vista previa de la cámara tenga la orientación y las proporciones correctas en todos los estados del dispositivo y tamaños de la ventana.
T-Media:Projection Media:Projection Abre la app en pantalla completa y en el modo multiventana. Inicia una proyección de contenido multimedia. Rota el dispositivo entre la orientación horizontal y vertical. En dispositivos plegables, pliega y despliega el dispositivo en cada orientación. En el modo multiventana, cambia el tamaño de la ventana de la app. Verifica que la proyección de contenido multimedia tenga la orientación y las proporciones correctas en todos los estados del dispositivo y tamaños de la ventana.
Teclado, mouse y panel táctil
T-Input:Keyboard Entrada:Teclado Para cada pantalla de la app que tenga campos de entrada de texto, conecta un teclado externo al dispositivo e ingresa texto con el teclado externo y el virtual. Desconecta el teclado externo y, luego, ingresa texto con el teclado virtual.
T-Input:Mouse_Trackpad Input:Mouse_Trackpad

Para cada pantalla de la app, conecta un mouse y un panel táctil al dispositivo. Realiza interacciones básicas con el mouse y el panel táctil:

  • Haz clic en todos los elementos en los que se puede hacer clic, como botones, menús desplegables y campos de entrada de texto.
  • Selecciona botones de selección y casillas de verificación. Selecciona texto deslizando el dedo y haciendo doble clic.
  • Desplázate de forma vertical y horizontal (si corresponde) por listas, selectores, etcétera.
Pluma stylus
T-Stylus:Basic Stylus:Basic Con una pluma stylus, navega por la app, selecciona elementos de la IU, desplázate por listas y selectores, y, además, interactúa en términos generales con la app.
T-Stylus:Text_Input Stylus:Text_Input En Android 14 (nivel de API 34) y versiones posteriores, puedes ingresar y editar texto en campos de entrada de texto con una pluma stylus. No debería aparecer el teclado en pantalla. En ChromeOS M114 o versiones posteriores, ingresa y edita texto en campos de entrada de texto en un WebView.

Ícono adaptable optimizado para el nivel 2.

NIVEL 2

Optimización adaptable

ID Función Descripción
Interfaz de usuario
T-UI:Flow UI:Layouts,
UI:Elements

Ejecuta la app en dispositivos que tengan una amplia variedad de tamaños de pantalla, incluidos teléfonos, teléfonos plegables, tablets pequeñas y grandes, y dispositivos de escritorio. Además, ejecuta la app en el modo multiventana en los dispositivos.

Verifica que el diseño de la app responda y se adapte a diferentes tamaños de pantalla y ventana. Comprueba si la app expande y contrae los rieles de navegación, ajusta la cantidad de columnas en los diseños de cuadrícula, adapta el flujo de texto a las columnas, etcétera. Observa si el formato de los elementos de la IU es estético y funcional.

Para las apps que utilizan incorporación de actividades, prueba si las actividades se muestran una al lado de la otra en pantallas grandes o apiladas en pantallas pequeñas.

T-UI:Touch_Targets IU:Touch_Targets Verifica que los objetivos táctiles mantengan una posición y un tamaño coherentes y accesibles para todos los tamaños y las configuraciones de pantalla. Para obtener información sobre accesibilidad, consulta la Prueba de accesibilidad.
T-UI:Focus IU:Enfoque En cada pantalla de la app que contenga un elemento de diseño personalizado interactivo, verifica que el elemento de diseño pueda enfocarse con un teclado externo, un pad direccional o algún otro dispositivo que permita que se enfoquen los elementos de la IU. Verifica que se muestre de manera evidente una indicación visual del estado enfocado. Para obtener información relacionada, consulta Modo táctil.
Teclado, mouse y panel táctil
T-Input:Keyboard_Navigation Input:Keyboard_Navigation Navega por los componentes enfocables de la app con las teclas de flecha y la tecla Tab de un teclado externo.
T-Input:Keyboard_Shortcuts Input:Keyboard_Shortcuts Usa combinaciones de teclas en un teclado externo para realizar acciones de seleccionar, cortar, copiar, pegar, deshacer y rehacer.
T-Input:Keyboard_Playback Input:Keyboard_Playback Usa un teclado externo para iniciar, detener, pausar, retroceder y adelantar la reproducción de contenido multimedia.
T-Input:Keyboard_Send Input:Keyboard_Send Usa la tecla Intro de un teclado externo para enviar datos.
T-Input:Context_Menus Entrada:Context_Menus Usa la función del botón secundario del mouse o del panel táctil para acceder al menú contextual de los elementos interactivos.
Entrada T:Zoom Entrada:Zoom Usa la rueda del mouse (junto con la tecla Control o Ctrl) y los gestos de pellizcar del panel táctil para acercar o alejar el contenido.
T-Input:Hover Entrada:Hover Coloca el cursor del mouse o el panel táctil sobre los elementos prácticos de la IU para activar el estado de desplazamiento del elemento.

Ícono adaptable diferenciado de nivel 1.

NIVEL 1

Adaptable y diferenciado

ID Función Descripción
Instancias y tareas múltiples
T-Multitasking:PiP Multitasking:Compatibilidad Ingresa al modo de pantalla en pantalla y sal de él en la orientación vertical y horizontal, con el dispositivo plegado y desplegado y en el modo multiventana. En el modo multiventana, cambia el tamaño de la ventana mientras el modo de pantalla en pantalla esté activo.
T-Multitasking:Pantalla dividida Multitasking:Compatibilidad En el modo multiventana, abre otra app desde la app y muestra ambas apps al mismo tiempo.
T-Multitasking:Adjuntos Multitasking:Compatibilidad Abre y cierra archivos adjuntos y notificaciones en orientación vertical y horizontal, con el dispositivo plegado y desplegado y en el modo multiventana.
T-Multitasking:Multi-Instance Multitarea:Multi-Instance Inicia varias instancias de la app en ventanas separadas en orientación vertical y horizontal, con el dispositivo plegado y desplegado y en el modo multiventana.
Estados y posiciones plegables
T-Foldables:Postures Dispositivos plegables:Posturas Mira la app en todas las posiciones plegables, incluidas las posiciones de mesa y de libro. Verifica que los elementos de la IU se migren a la ubicación óptima (por ejemplo, los controladores multimedia se trasladarán al área de pantalla horizontal en la postura de mesa).
T-Foldables:Cámara Plegables:Cámara Activa la cámara desde la app. Verifica que la vista previa de la cámara sea correcta cuando el dispositivo esté plegado y desplegado, y cuando gire a las orientaciones vertical y horizontal. Con el dispositivo desplegado, verifica que la vista previa sea correcta en la pantalla frontal y posterior.
Arrastrar y soltar
T-Drag_Drop:Support Drag_Drop:Support Arrastra y suelta imágenes y texto en destinos para soltar de la app. En el modo multiventana, arrastra y suelta imágenes y texto entre la app y otra app (hacia y desde ambas apps). Arrastra y suelta el contenido con la entrada táctil, el mouse, el panel táctil y la pluma stylus (consulta también T-Stylus:Drag_Drop). Verifica la funcionalidad en orientación vertical y horizontal, y cuando el dispositivo esté plegado o desplegado.
Teclado, mouse y panel táctil
T-Input:Keyboard_Parity Input:Keyboard_Parity Cambia las combinaciones de teclas de la app. Prueba las combinaciones de teclas revisadas con un teclado externo.
T-Input:Combinaciones Input:Combinations Con un teclado externo, un mouse y un panel táctil, selecciona elementos en la IU de la app. Selecciona varios elementos separados y rangos de elementos adyacentes con acciones del teclado, el mouse o el panel táctil, como Ctrl + clic, Ctrl + presionar, Mayúsculas + clic y Mayúsculas + presionar.
T-Input:Scrollbar Entrada:Scrollbar Desplázate por el contenido de la app con el mouse y el panel táctil. Verifica que aparezca una barra de desplazamiento mientras se desplaza el contenido.
T-Input:Hover_Parity Input:Hover_Parity Con el mouse y el panel táctil, coloca el cursor sobre los elementos de la IU que incluyan contenido en cascada o emergente. Verifica que se revele el contenido adicional.
T-Input:Desktop_Menus Input:Desktop_Menus En pantallas de computadoras de escritorio y pantallas conectadas, verifica que se usen menús de estilo de escritorio y menús contextuales.
T-Input:Panel_Config Entrada:Panel_Config En cada pantalla de la app, puedes cambiar el tamaño de los paneles de la IU y reorganizarlos con el mouse y el panel táctil.
T-Input:Triple_Click Entrada:Triple_Click Con un mouse y un panel táctil, haz clic o presiona tres veces para seleccionar elementos en la app, por ejemplo, para seleccionar líneas de texto completas.
Pluma stylus
T-Stylus:Draw_Write Stylus:Draw_Write Dibuja y escribe dentro de la app con una pluma stylus. Borra dibujos y texto con la pluma stylus.
T-Stylus:Drag_Drop Stylus:Drag_Drop Con una pluma stylus, arrastra y suelta contenido en destinos para soltar de la app. En el modo multiventana, arrastra y suelta contenido entre la app y otra app (desde y hacia ambas apps).
T-Stylus:Mejorado Pluma stylus:Mejorada

Usa la pluma stylus para interactuar con la app de la siguiente manera:

  • Mientras dibujas, observa la latencia entre la posición actual de la pluma stylus y el último trazo renderizado.
  • Dibuja con diferentes niveles de presión de la pluma stylus. Verifica si cambia el ancho de los trazos a medida que cambia la presión. Ejerce más presión para crear trazos más gruesos.
  • Inclina la pluma stylus mientras dibujas para crear trazos con sombreado. Cuanto más se incline la pluma stylus, más anchos y claros serán los trazos con sombreado.
  • Mientras dibujas, no te preocupes si los dedos y la palma tocan la pantalla. Aunque no hagan, no se crearán marcas.
Cursores personalizados
T-Cursors:Custom Cursores:Personalizado

Usa el mouse y el panel táctil para interactuar con la app. Verifica que los cursores personalizados aparezcan cuando corresponda, por ejemplo:

  • Puntos para campos de entrada de texto
  • Controladores de cambio de tamaño en los bordes de la capa de tamaño variable
  • Íconos giratorios cuando la app realiza tareas de larga duración

Archivar

Versiones anteriores de los lineamientos de calidad para apps adaptativas: