Descubre nuevas posibilidades con Compose Adaptive Layouts 1.2 beta

Con nuevos factores de forma, como el Pixel 10 Pro Fold, que se unen al ecosistema Android, el desarrollo de apps adaptables es fundamental 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 de Compose Adaptive Layouts 1.2 ingresa oficialmente a la versión beta. Esta versión proporciona nuevas y potentes herramientas para crear IU responsivas y pulidas para este ecosistema de dispositivos en expansión.

Nuevas herramientas potentes para un lienzo más grande

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

• Nuevas y potentes estrategias de diseño: La versión beta presenta nuevas estrategias de diseño, como reflow y levitate, diseñadas para ayudarte a crear diseños dinámicos que se vean bien tanto en la pantalla exterior como en la interior 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 con las nuevas clases de tamaño de ventana grande y extra grande. Estos nuevos puntos de interrupción son esenciales para diseñar y activar cambios enriquecidos en la IU de varios paneles en pantallas expansivas, como tablets y dispositivos plegables grandes.

Dos nuevas estrategias de adaptación de paneles: redistribución (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 crear un diseño de panel de asistencia.

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 por ser 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 de Compose Adaptive Layouts 1.2 diseñada para ayudarte a compilar estas IU. 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 una al lado de la otra, se reducen los toques y se permite que los usuarios realicen tareas más rápido.

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

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

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

Por eso, también seguimos invirtiendo en experiencias innovadoras, como las pantallas conectadas, que actualmente están disponibles para probar en la versión preliminar para desarrolladores. Esta función abre nuevas plataformas y modelos de interacción para que se ejecuten las apps, lo que permite funciones de clase de escritorio 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 Pantallas conectadas y ver cómo está dando forma al futuro de las experiencias multidispositivo.

Cómo poner en práctica los principios adaptativos

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 te encuentras hoy. Prueba tu app en un dispositivo con pantalla grande o con el emulador de tamaño variable en Android Studio para identificar áreas de mejora, como IU 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 del dispositivo. Tu app debe funcionar bien en orientación vertical y horizontal, sin restringir la orientación.
• Piensa más allá del tacto: Una excelente experiencia adaptable implica admitir todos los métodos de entrada. Esto va más allá de la funcionalidad básica para incluir detalles bien pensados que los usuarios esperan, como estados de desplazamiento para los cursores del mouse, menús contextuales con el clic derecho y compatibilidad con combinaciones de teclas.

El potencial de tu app ya no se limita a una sola pantalla. Explora la galería de diseño para pantallas grandes y los lineamientos de calidad de las apps hoy mismo para imaginar a 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, giro y pantalla en developer.android.com/adaptive-apps.