Descubre nuevas posibilidades con la versión beta 1.2 de Compose Adaptive Layouts

Con la incorporación de nuevos factores de forma, como el Pixel 10 Pro Fold, al ecosistema de 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 pulidas y responsivas para este ecosistema de dispositivos en expansión.

Nuevas herramientas potentes para un lienzo más grande

La biblioteca de diseños adaptables de Compose 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 extragrande. 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 elevació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 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 aumenta la participación. Y, 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 adaptativa 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 de 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 últimos dispositivos plegables 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 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 Connected Displays y ver cómo está dando forma al futuro de las experiencias multidispositivo.

Aplicación de 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 con cambio de tamaño 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 posturas 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 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 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.