Con la incorporación de nuevos factores de forma al ecosistema Android, como el Pixel 10 Pro Fold, el desarrollo de aplicaciones adaptables es fundamental para crear experiencias de usuario de alta calidad en teléfonos, tablets y plegables. Los usuarios esperan que la interfaz de tu aplicación se adapte perfectamente a estos diferentes tamaños y orientaciones.

Para ayudarte a crear estas experiencias dinámicas de forma más eficiente, anunciamos que la biblioteca Compose Adaptive Layouts 1.2 entra oficialmente en la fase beta. Esta versión ofrece nuevas y potentes herramientas para crear interfaces de usuario optimizadas y adaptables 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 conjunto de herramientas básico para crear interfaces de usuario que se adapten a diferentes tamaños de ventana. Esta nueva versión beta incluye potentes funciones que te ayudarán a crear diseños sofisticados con menos código. Entre las principales novedades se incluyen las siguientes:

• Nuevas y potentes estrategias de diseño: la versión beta incluye nuevas estrategias de diseño, como reflujo y levitar, diseñadas para ayudarte a crear diseños dinámicos que tengan un aspecto fantástico tanto en la pantalla externa como en la interna de un dispositivo como el Pixel 10 Pro Fold, el Galaxy Z Fold7 y el Z Flip7.
• Nuevas clases de tamaño de ventana: esta versión añade 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 en la interfaz de usuario con varios paneles y contenido enriquecido en pantallas grandes, como tablets y dispositivos plegables de gran tamaño.

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

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

Interactúa con más usuarios en cada pantalla

Adoptar una mentalidad adaptativa es más que una práctica recomendada: es una estrategia de crecimiento. El objetivo no es solo que tu aplicación funcione en una pantalla más grande, sino que destaque y sea más intuitiva para los usuarios. En lugar de estirar un diseño de una sola columna, piensa en cómo puedes usar el espacio adicional para crear experiencias más eficientes e inmersivas.

Este es el principio fundamental de las estrategias de diseño dinámico, como reflow, una nueva y potente función de la versión beta 1.2 de Compose Adaptive Layouts diseñada para ayudarte a crear estas interfaces de usuario. Por ejemplo, un buen 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 reduce el número de toques y los usuarios pueden completar las tareas más rápido.

Este tipo de desarrollo adaptativo y reflexivo es lo que realmente aumenta la interacción. Como destacamos en el último episodio de #TheAndroidShow, por eso vemos que los usuarios que usan una aplicación tanto en su teléfono como en una pantalla más grande interactúan casi tres veces más. Desarrollar de forma adaptativa no solo mejora la experiencia de los usuarios actuales, sino que también crea una experiencia más valiosa y atractiva que fomenta la fidelización a largo plazo y te ayuda a llegar a nuevos usuarios.

El ecosistema de Android, que no para de crecer, desde plegables hasta ordenadores

Este cambio hacia el diseño adaptativo se extiende a todo el ecosistema Android. Desde el nuevo Pixel 10 Pro Fold hasta los últimos plegables 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 con pantallas grandes.

Por eso, seguimos invirtiendo en experiencias innovadoras como Pantallas conectadas, que actualmente se puede probar en la versión preliminar para desarrolladores. Esta función abre nuevas superficies y modelos de interacción para que las aplicaciones se ejecuten, lo que permite disfrutar de funciones de escritorio y flujos de trabajo de multiinstancia. Ya hemos compartido detalles sobre cómo puedes empezar a usar la versión preliminar para desarrolladores de pantallas conectadas y ver cómo está dando forma al futuro de las experiencias multidispositivo.

Poner en práctica los principios adaptativos

Si eres desarrollador y quieres preparar tus aplicaciones para este futuro adaptativo, te recomendamos que tengas en cuenta estas prácticas recomendadas:

• Haz un inventario: el primer paso es ver dónde te encuentras hoy. Prueba tu aplicación en un dispositivo con pantalla grande o con el emulador redimensionable de Android Studio para identificar áreas de mejora, como interfaces de usuario estiradas o problemas de usabilidad.
• Admite diseños optimizados: usa bibliotecas como Diseños adaptables de Compose para crear interfaces de usuario que se adapten a diferentes tamaños de ventana y posturas de dispositivos. Tu aplicación debe funcionar bien tanto en orientación vertical como horizontal, sin restringir la orientación.
• Ve más allá de la función táctil: una experiencia adaptativa excelente implica admitir todos los métodos de entrada. Va más allá de las funciones básicas e incluye detalles importantes que los usuarios esperan, como los estados al colocar el cursor del ratón sobre elementos, los menús contextuales al hacer clic con el botón derecho y la compatibilidad con combinaciones de teclas.

El potencial de tu aplicación ya no se limita a una sola pantalla. Consulta la galería de diseños para pantallas grandes y las directrices de calidad de las aplicaciones para descubrir todo lo que puede ofrecer tu aplicación. Inspírate y encuentra los patrones de diseño, las directrices oficiales y las aplicaciones de ejemplo que necesitas para crear aplicaciones para todos los dispositivos plegables y pantallas en developer.android.com/adaptive-apps.