Dropbox transformó su experiencia de búsqueda un 40 % más rápido con Jetpack Compose

Una forma más inteligente y rápida de crear una interfaz de usuario

Desde el lanzamiento de Compose, los desarrolladores de Dropbox han reescrito muchas de las funciones de la aplicación, incluida la pantalla de inicio, las vistas previas de archivos y las funciones de búsqueda. La experiencia de búsqueda de Dropbox se ha reconstruido por completo en solo unas pocas semanas 40 % menos de tiempo de lo esperado y menos de la mitad del tiempo que les llevó desarrollar la misma función para iOS.

Que el equipo pudiera trabajar más rápido fue un resultado directo de la facilidad de uso de Compose. Desde que rediseñaron la experiencia de búsqueda, los desarrolladores de Dropbox han visto un aumento del 13 % en las sesiones de búsqueda exitosas, una métrica clave para el equipo.

Compose ayudó a los desarrolladores de Dropbox a moverse rápidamente, lo que les permitió crear fácilmente complejas interfaces de usuario personalizadas utilizando los componentes básicos y las utilidades del kit de herramientas. "Admitir múltiples vistas previas con diferentes configuraciones o fechas nos permite acomodar diferentes variaciones de componentes en el momento de la creación en lugar de una ocurrencia tardía", dijo Ryan Harter, ingeniero principal de Android de Dropbox.

El equipo de Dropbox también creó un nuevo sistema de temas basado en MaterialTheme de Android, que los ingenieros lograron siguiendo las prácticas recomendadas de Compose. Construir el nuevo sistema de temas sobre MaterialTheme de Android redujo el tiempo que les tomó a los desarrolladores de Dropbox sentar las bases para la aplicación y les permitió desarrollar nuevas funciones con Compose mientras mantenían una apariencia coherente con la marca de Dropbox.

Compatibilidad con vistas simplificada al probar Compose

Los desarrolladores de Dropbox también se sintieron atraídos por el uso de Compose gracias a su interoperabilidad con Views y quedaron impresionados por lo fácil que fue desarrollar junto con ambos conjuntos de herramientas. El equipo de Dropbox pudo admitir complementos y bibliotecas de vistas clásicas dentro de la aplicación mientras creaba nuevos componentes de interfaz de usuario mediante Compose. Debido a esto, los desarrolladores de Dropbox podrían migrar gradualmente la aplicación a Compose en lugar de revisarla por completo.

"La interoperabilidad con Compose nos permitió evolucionar el kit de herramientas incluso cuando necesitábamos interactuar con vistas en flujos de trabajo específicos como ExoPlayer y vistas de documentos PDF", continuó Ryan. “Puede comenzar con un componente más pequeño y experimentar los beneficios y la velocidad mejorada sin tener que volver a escribir toda la aplicación. Está claro que Compose se creó con la intención de que los usuarios no tengan que pasar por una migración de todo o nada”.

Pruebas y experimentos mejorados.

Durante sus reescrituras, los ingenieros de Dropbox descubrieron que Compose facilitaba el desarrollo y permitía pruebas más eficientes. "Compose, junto con el soporte de vista previa de Android Studio, nos ha permitido iterar características más rápido al acortar la duración del ciclo de comentarios al desarrollar pantallas", continuó Ryan.

El rápido ciclo de comentarios y las vistas previas interactivas de Compose permitieron al equipo de Dropbox experimentar rápidamente con UX y probar todas las suposiciones sobre las actualizaciones, lo que facilitó el lanzamiento de funciones.

"Cuando teníamos preguntas sobre el rendimiento o el uso de un enfoque, acudíamos a Android Studio y usamos las vistas previas interactivas para probar y medir los resultados, de modo que teníamos más respuestas y menos suposiciones", dijo Alison Wyllie, ingeniera de software sénior en Dropbox. "Y el rápido ciclo de comentarios y las vistas previas interactivas que ofrece Compose nos han permitido experimentar rápidamente con UX y probar nuestras suposiciones, lo que nos permite ofrecer funciones a los usuarios más rápido".

El impulso de Jetpack Compose hacia el flujo de datos unidireccional (UDF) también ayudó a los ingenieros de Dropbox con las pruebas y la depuración. Al combinar UDF con las bibliotecas de prueba de Compose y el enfoque declarativo del kit de herramientas para la creación de la interfaz de usuario, el equipo de Dropbox confiaba en que las características de la aplicación eran estables y libres de errores porque podían probarla por completo antes del lanzamiento.

Mejoras continuas con Jetpack Compose

Los ingenieros de Dropbox quedaron impresionados con la facilidad y la velocidad con la que podían iterar y recibir comentarios mediante Compose. Con vistas previas interactivas en el dispositivo, Compose permite la experimentación y el desarrollo de formas que el equipo de Dropbox nunca ha podido. El equipo de Dropbox planea continuar desarrollando el sistema de diseño de la aplicación usando Compose y anticipa que la mayoría de las funciones nuevas se escribirán usando el kit de herramientas.

“Compose nos dio un nuevo comienzo en muchas áreas clave que históricamente han sido difíciles para los ingenieros de Android. Estoy muy emocionada de ver qué nuevas funciones presentarán Google y la comunidad de código abierto a continuación", dijo Allison.

Empezando

Optimice el desarrollo de su interfaz de usuario con Jetpack Compose.