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

Disponible en 180 países y con más de mil millones de descargas en Google Play, caja personal es uno de los servicios de intercambio de archivos y almacenamiento en la nube más populares del mundo. Dropbox tiene la misión de diseñar una forma más inteligente de trabajar, manteniendo la vida organizada y el trabajo en movimiento. Recientemente eso significó Esfera de mochila propulsora El moderno conjunto de herramientas declarativas de Android para crear una interfaz de usuario nativa.

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

Desde que adoptaron Compose, los desarrolladores de Dropbox han reescrito muchas de las funciones de la aplicación, incluida la pantalla de inicio, la vista previa de archivos y las experiencias de búsqueda. La experiencia de búsqueda de Dropbox se reconstruyó por completo en solo unas pocas semanas. 40 % menos de tiempo de lo esperado y menos de la mitad del tiempo necesario para crear la misma función para iOS.

La capacidad del equipo para trabajar más rápido fue el resultado directo de lo fácil que les resultó usar Compose. Desde que reconstruyeron 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 al permitirles crear fácilmente interfaces de usuario personalizadas y complejas con los componentes básicos y las utilidades del conjunto de herramientas. “La compatibilidad con múltiples vistas previas, con diferentes configuraciones o datos, nos permite considerar diferentes variantes de componentes a medida que los construimos en lugar de pensarlo después”, dijo Ryan Harter, ingeniero de Android del personal de Dropbox.

El equipo de Dropbox también ha creado un nuevo sistema de diseño además del de Android MaterialTemaque los ingenieros hicieron siguiendo Componer las mejores prácticas. Construir el nuevo sistema de diseño en MaterialTheme de Android minimizó el tiempo que les tomó a los desarrolladores de Dropbox diseñar la base de la aplicación, lo que les permitió crear nuevas funciones con Compose mientras mantenían una apariencia consistente con la marca de Dropbox.

La compatibilidad con Views facilitó probar Compose

Los desarrolladores de Dropbox también se sintieron atraídos por el uso de Compose debido a su interoperabilidad con Views y quedaron impresionados por la facilidad de desarrollar en conjunto 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 con Compose. Por esta razón, los desarrolladores de Dropbox pueden migrar gradualmente la aplicación a Compose en lugar de revisarla por completo.

“La interoperabilidad con Compose nos ha permitido avanzar con el kit de herramientas, incluso cuando necesitábamos interactuar con Views en ciertos flujos de trabajo como ExoPlayer y vistas de documentos PDF”, continuó Ryan. “Puede comenzar con un componente más pequeño y experimentar los beneficios y una mayor velocidad sin comprometerse a reescribir toda la aplicación. Está claro que Compose fue diseñado con la intención de que los usuarios no tengan que hacer una migración de todo o nada”.

Pruebas y experimentación mejoradas

Durante las reescrituras, los ingenieros de Dropbox descubrieron que Compose simplificaba el desarrollo y permitía pruebas más eficientes. “Compose, junto con la compatibilidad con la vista previa de Android Studio, nos ha permitido iterar funciones más rápido al reducir la duración del ciclo de retroalimentación durante el desarrollo de la pantalla”, continuó Ryan.

El rápido ciclo de comentarios y las vistas previas interactivas de Compose permitieron al equipo de Dropbox experimentar rápidamente con la experiencia del usuario y probar cualquier hipótesis sobre las actualizaciones, lo que facilitó el lanzamiento de funciones.

“Si había preguntas sobre el rendimiento o cómo usar un enfoque, ingresamos a Android Studio y usamos las vistas previas interactivas para probar y medir los resultados, de modo que tuviéramos más respuestas y menos suposiciones”, dijo Alison Wyllie, ingeniera de software senior de Dropbox. “Y el ciclo de retroalimentación rápido y las vistas previas interactivas proporcionadas con Compose nos permitieron experimentar rápidamente con UX y probar nuestras hipótesis, lo que nos permitió poner las funciones en manos de los usuarios más rápido”.

El impulso de Jetpack Compose hacia una flujo de datos unidireccional (UDF) también ayudó a los ingenieros de Dropbox con las pruebas y la depuración. La combinación de UDF con las bibliotecas de prueba de Compose y el enfoque declarativo del kit de herramientas para crear la interfaz de usuario hizo que el equipo de Dropbox confiara en que las funciones de la aplicación eran estables y no tenían errores porque podían probarlas por completo antes del lanzamiento.

Mejoras continuas con Jetpack Compose

Los ingenieros de Dropbox quedaron impresionados con la facilidad y rapidez con la que podían iterar y obtener comentarios con Compose. Con vistas previas interactivas y en el dispositivo, Compose permite la experimentación y el desarrollo de maneras que antes no eran posibles para el equipo de Dropbox. El equipo de Dropbox planea continuar desarrollando el sistema de diseño de aplicaciones usando Compose y espera que la mayoría de las funciones nuevas se escriban con el kit de herramientas.

“Compose nos ha dado un nuevo comienzo con muchas áreas clave que históricamente han sido difíciles para los ingenieros de Android. Estoy muy emocionada de ver qué nueva funcionalidad crearán Google y la comunidad de código abierto en el futuro”, dijo Allison.

Comenzar

Optimice el desarrollo de la interfaz de usuario con Esfera de mochila propulsora.