Novedades de productos

Lleva tus apps a Googlebook con el desarrollo adaptable

Lectura de 4 min

La Googlebook presenta una nueva categoría de laptops que se basan en una plataforma compartida de Android. El hardware de alto rendimiento de socios como HP, Dell, Lenovo, Acer y Asus combina la comodidad de los dispositivos móviles con la potencia de las computadoras de escritorio. La Googlebook ofrece pantallas táctiles OLED de alta resolución, teclados dedicados y paneles táctiles de precisión con una batería que dura todo el día y Gemini Intelligence a nivel del SO. Con Googlebook, los usuarios pueden pasar de forma fluida de interacciones rápidas en sus teléfonos a sesiones enriquecidas y envolventes en sus laptops.

Llevar tu app a Googlebook te brinda oportunidades valiosas en todo el ecosistema Android. Google Play destaca los títulos optimizados con insignias exclusivas, búsqueda mejorada y espacios destacados en las páginas principales seleccionadas de Play Store. Ofrecer este nivel de calidad también prepara tu app para el programa Apps Experience, en el que puedes inscribirte para acceder a una nueva hoja de tarifas del programa diseñada para impulsar el crecimiento de tu empresa. Y lo que es aún mejor, cuando los usuarios configuran su nueva Googlebook con su teléfono Android, las apps optimizadas se destacan de forma prominente para facilitar la transferencia, lo que le da a tu app presencia desde el primer día en su nuevo dispositivo.

desktop optimized.png
Optimizado para insignias de escritorio y colecciones dedicadas en Google Play.

¿Lo mejor de todo? No necesitas crear una app independiente desde cero para aprovechar este alcance. El desarrollo adaptable es la forma en que las apps para Android modernas se escalan de forma natural en pantallas grandes, nuevas posturas de dispositivos y factores de forma emergentes. Si tu app ya adopta diseños adaptables, está lista para Googlebooks. Si aprovechas la base existente de IU adaptable, clases de tamaño de ventana y compatibilidad con varias entradas, puedes ofrecer una experiencia optimizada.

image5.png
Diseños adaptables que reorganizan las vistas para dispositivos móviles en una experiencia de varios paneles.

Ancla tu app en los aspectos básicos de las computadoras de escritorio

En una laptop, tu app funciona en un entorno de escritorio en el que las expectativas de los usuarios cambian hacia una mayor densidad de información, una entrada de precisión y una multitarea activa. Seguir la guía de desarrollo y diseño para computadoras de escritorio proporciona los principios necesarios para aprovechar al máximo esta experiencia. En lugar de simplemente estirar las interfaces para dispositivos móviles en una pantalla panorámica, un diseño adaptable reorganiza el contenido en agrupaciones funcionales.

Adopta una arquitectura de varios paneles para permitir que tu IU se expanda, redistribuya o revele detalles más enriquecidos a medida que cambian los límites de la ventana. Con Navigation 3, puedes implementar estrategias de escenas adaptables para coordinar diseños de varios paneles directamente desde la pila de actividades. Usa ListDetailSceneStrategy y SupportingPaneSceneStrategy para habilitar diseños en paralelo cuando haya espacio de ventana expandido disponible. Los decoradores de escenas te permiten unir pantallas con rieles de navegación de escritorio persistentes. Combina estos patrones con primitivas de diseño, como Grid y FlexBox, y, pronto, con las APIs experimentales de MediaQuery y Styles, para organizar contenido complejo y ajustar los estilos visuales de forma dinámica para pantallas de escritorio.

image2.png
Representaciones de clases de tamaños de ventana basadas en el ancho

En el modo de ventanas de escritorio de formato libre, se puede cambiar el tamaño de las ventanas de la app de forma dinámica en cualquier momento. Tus decisiones de diseño deben responder directamente al espacio disponible de la ventana con las clases de tamaño de ventana, en lugar de las dimensiones físicas de la pantalla.

El diseño para computadoras de escritorio también tiene en cuenta las distancias de visualización ergonómicas y los objetivos precisos del puntero. Ajusta la escala de tipos para que la visualización sea cómoda en pantallas más grandes, establece anchos máximos de diseño para que las longitudes de las líneas sean legibles y define objetivos de clic explícitos para evitar clics erróneos. Explora patrones de diseño completos en nuestra guía de principios de diseño y descubre inspiración del mundo real en la galería de diseño para computadoras.

Ofrece experiencias diferenciadas para Googlebooks

Una vez que tu diseño principal sea adaptable, podrás enriquecer tu app con funciones diferenciadas que aprovechen al máximo un entorno de escritorio. La productividad diaria en estas configuraciones depende de métodos de entrada versátiles. Jetpack Compose admite de forma nativa la navegación con teclado físico y la selección con puntero. Mejora la usabilidad de tu app integrando cursores contextuales que proporcionen comentarios visuales para la entrada de texto, el cambio de tamaño de los paneles y la selección de herramientas. Implementa menús contextuales de clic derecho y estados de desplazamiento, y haz que tus combinaciones de teclas se puedan descubrir a través del Asistente de combinaciones de teclas.

image4.png
Selector de tareas que muestra varias ventanas y apps abiertas.


En Googlebook, las apps se ejecutan en ventanas de formato libre en las que los usuarios pueden realizar varias tareas de forma simultánea. Habilita la compatibilidad con instancias múltiples para desbloquear los flujos de trabajo en paralelo, lo que les permite a los usuarios abrir ventanas independientes para comparar contenido o administrar varios documentos. Combina esto con la función de arrastrar y soltar para permitir que los usuarios muevan texto, imágenes y archivos de forma fluida entre ventanas o incluso suelten elementos en un espacio de trabajo vacío para iniciar una nueva tarea.

image3.png
Multitarea multiventana con la función de arrastrar y soltar entre ventanas.

Ve con todo y personaliza el marco de la ventana. En el modo de ventanas de escritorio, las apps incluyen una barra de encabezado de subtítulos a la que puedes aplicar diseño con fondos, barras de búsqueda o pestañas personalizados, respetando los controles de ventana del sistema.

Más allá de las ventanas de apps individuales, Retomar mantiene las experiencias conectadas en teléfonos, tablets y Googlebooks con una transferencia bidireccional que permite a los usuarios comenzar una tarea en una pantalla y retomarla sin problemas en otra. Pasar el estado a través de HandoffActivityData conserva el contexto, como la posición del documento o las pestañas activas, con resguardos web opcionales para garantizar transiciones fluidas.

Complementa esto mostrando información práctica de un vistazo con widgets personalizables. Además, a medida que perfecciones la experiencia en la app, compárala con nuestros lineamientos de calidad para apps para computadoras.

Los desarrolladores ya están implementando estos patrones en todo el ecosistema. Cuando se llevó Notability a Googlebook, las inversiones previas en tablets y dispositivos plegables le dieron al equipo una ventaja inmediata. Como su diseño ya dependía de las clases de tamaño de ventana y las estrategias de escenas adaptables, su lienzo y sus barras de herramientas se reorganizaron de forma natural durante el cambio de tamaño de la ventana, mientras que la compatibilidad existente con el teclado y el panel táctil se mantuvo sin cambios.

"Ya nos habíamos enfocado en las experiencias de primer nivel para tablets y dispositivos plegables", explica Ryan Shea, gerente de Ingeniería de Android en Notability. "Por lo tanto, cuando apareció Googlebook, escalar Notability a una experiencia de nivel de laptop fue, en su mayor parte, girar un dial que ya habíamos creado. Eso nos dejó tiempo libre para dedicarnos a las cosas que solo tienen sentido en una pantalla más grande o con las APIs más recientes, como Continuar, que pasa una nota del teléfono a la laptop, y optimizar la experiencia de la app en paralelo para estudiar".

Acelera tu flujo de trabajo con herramientas dedicadas

Probar y optimizar tu app para Googlebook se integra de forma natural en tu flujo de trabajo de desarrollo existente.

Con el emulador de escritorio de Android Studio, puedes ejecutar un entorno de escritorio virtual directamente en tu estación de trabajo para probar el cambio de tamaño de las ventanas de formato libre, verificar las interacciones de instancias múltiples y depurar las interacciones del mouse, el panel táctil y el teclado. Descarga Android Studio Canary para configurar tu dispositivo virtual hoy mismo.

Acelera la modernización de tus diseños con el desarrollo asistido por IA. La habilidad adaptable les brinda a tus agentes de IA el contexto necesario para ayudar a refactorizar los diseños para dispositivos móviles en contenedores de Compose responsivos de forma automática. Instala la habilidad directamente a través de la Android CLI para optimizar la implementación.

Descubre nuevas posibilidades en Googlebook

Untitled design (2).png
La familia de laptops Googlebook de socios del ecosistema.

La línea de Googlebooks marca un nuevo y emocionante capítulo para el ecosistema Android, ya que les brinda a tus apps una plataforma premium para ofrecer experiencias más ricas y potentes. Si creas tu app de forma adaptable, una sola base de código garantizará que se vea y funcione de manera óptima en teléfonos, dispositivos plegables, tablets y Googlebooks, y, al mismo tiempo, se desbloqueará una mayor visibilidad y se otorgarán insignias en Google Play. Explora la documentación en nuestro centro para desarrolladores de Googlebook, revisa la guía de diseño para computadoras y comienza a compilar para Googlebook hoy mismo.

Escrito por:
Continuar leyendo