Con nuevos factores de forma, como el Pixel 10 Pro Fold, que se une al ecosistema de Android, el desarrollo de apps adaptables es esencial para crear experiencias del usuario de alta calidad en teléfonos, tablets y dispositivos plegables. Los usuarios esperan que la IU de tu app se adapte sin problemas a estos diferentes tamaños y posiciones.

Para ayudarte a crear estas experiencias dinámicas de manera más eficiente, anunciamos que la biblioteca Compose Adaptive Layouts 1.2 ingresa oficialmente a la versión beta. Esta versión proporciona nuevas y potentes herramientas para crear IUs pulidas y responsivas para este ecosistema de dispositivos en expansión.

Nuevas y potentes herramientas para un lienzo más grande

La biblioteca Compose Adaptive Layouts es nuestro kit de herramientas fundamental para compilar IUs que se adapten a diferentes tamaños de ventana. Esta nueva versión beta incluye potentes funciones para ayudarte a crear diseños sofisticados con menos código. Entre las principales incorporaciones, se incluyen las siguientes:

• Nuevas y potentes estrategias de diseño: La versión beta presenta nuevas estrategias de diseño, como el reflujo y la levitación, diseñadas para ayudarte a compilar diseños dinámicos que se vean muy bien en las pantallas externas e internas de un dispositivo como el Pixel 10 Pro Fold, el Galaxy Z Fold7 y el Z Flip7.
• Nuevas clases de tamaño de ventana: La versión agrega compatibilidad integrada para las nuevas clases de tamaño de ventana Large y Extra-Large . Estos nuevos puntos de interrupción son esenciales para diseñar y activar cambios de IU enriquecidos y de varios paneles en pantallas expansivas, como tablets y dispositivos plegables grandes.

Dos nuevas estrategias de adaptación de paneles: reflujo (izquierda) y levitación (derecha)

Para obtener una lista completa de los cambios, consulta la documentación oficial de la versión. Explora nuestras guías sobre diseños canónicos y cómo compilar un diseño de panel compatible.

Atrae a más usuarios en cada pantalla

Adoptar una mentalidad adaptable es más que una práctica recomendada, es una estrategia de crecimiento. El objetivo no es solo hacer que tu app funcione en una pantalla más grande, sino que se destaque volviéndose más intuitiva para los usuarios. En lugar de simplemente estirar un diseño de una sola columna, piensa en cómo puedes usar el espacio adicional para crear experiencias más eficientes y envolventes.

Este es el principio fundamental detrás de las estrategias de diseño dinámico como reflow, una nueva y potente función en la versión beta 1.2 de Compose Adaptive Layouts diseñada para ayudarte a compilar estas IUs. Por ejemplo, un excelente punto de partida es adoptar un diseño de varios paneles. Al mostrar una lista y su vista de detalles correspondiente en paralelo, reduces las presiones y permites que los usuarios realicen tareas más rápido.

Este tipo de desarrollo adaptable y reflexivo es lo que realmente aumenta la participación. Además, como destacamos durante el episodio más reciente de #TheAndroidShow, es por eso que vemos que los usuarios que usan una app en su teléfono y en una pantalla más grande tienen casi tres veces más interacción. La compilación adaptable no solo hace que tus usuarios actuales estén más contentos, sino que crea una experiencia más valiosa y atractiva que genera lealtad duradera y te ayuda a llegar a usuarios nuevos.

El ecosistema de Android en expansión, desde dispositivos plegables hasta computadoras

Este cambio hacia el diseño adaptable se extiende a todo el ecosistema de Android. Desde el nuevo Pixel 10 Pro Fold hasta los dispositivos plegables más recientes de Samsung Galaxy, los desarrolladores tienen la oportunidad de atraer a una base de usuarios grande y en crecimiento en más de 500 millones de dispositivos con pantallas grandes.

Este es también el motivo por el que seguimos invirtiendo en experiencias con visión de futuro, como Connected Displays, que actualmente está disponible para probar en la versión preliminar para desarrolladores. Esta función abre nuevas superficies y modelos de interacción para que se ejecuten las apps, lo que permite funciones de clase de computadora y flujos de trabajo de instancias múltiples. Anteriormente, compartimos detalles sobre cómo puedes comenzar a usar la versión preliminar para desarrolladores de Connected Displays y ver cómo está dando forma al futuro de las experiencias multidispositivo.

Aplicación de los principios adaptables

Para los desarrolladores que desean preparar sus apps para este futuro adaptable, estas son algunas prácticas recomendadas clave que deben tener en cuenta:

• Haz un inventario: El primer paso es ver dónde estás hoy. Prueba tu app en un dispositivo con pantalla grande o con el emulador con cambio de tamaño en Android Studio para identificar áreas de mejora, como IUs estiradas o problemas de usabilidad.
• Admite diseños optimizados: Usa bibliotecas como Compose Adaptive Layouts para compilar una IU que se adapte a diferentes tamaños de ventana y posiciones de dispositivos. Tu app debe funcionar bien en orientación vertical y horizontal, sin restringir la orientación.
• Piensa más allá de la función táctil: Una excelente experiencia adaptable significa admitir todos los métodos de entrada. Esto va más allá de la funcionalidad básica para incluir detalles reflexivos que los usuarios esperan, como estados de desplazamiento para cursores del mouse, menús contextuales al hacer clic con el botón derecho y compatibilidad con combinaciones de teclas.

El potencial de tu app ya no se limita a una sola pantalla. Explora hoy mismo la galería de diseño de pantallas grandes y los lineamientos de calidad de las apps para imaginar dónde puede llegar tu app. Inspírate y encuentra patrones de diseño, orientación oficial y apps de ejemplo que necesitas para compilar para cada pliegue, volteo y pantalla en developer.android.com/adaptive-apps.