U-NEXT ve un aumento de 1,5 veces en las instalaciones de tabletas después de mejorar la compatibilidad con pantallas grandes



Publicado por el equipo de Android

Como el servicio de transmisión y contenido digital doméstico más grande de Japón, U-NEXT siempre está buscando nuevas formas de conectar a sus usuarios con su contenido favorito. Con una sola aplicación, la plataforma alberga una extensa biblioteca de más de 840 000 títulos, que van desde películas, anime y transmisiones en vivo hasta manga, revistas y libros electrónicos.

Siempre buscando formas de mejorar su experiencia de usuario para su creciente base de usuarios, U-NEXT se ha dirigido recientemente al creciente mercado de pantallas grandes y dispositivos plegables, que incluye dispositivos como tabletas y Chromebooks. Aquí, los ingenieros de U-NEXT vieron la oportunidad de crear una mejor manera de ver contenido centrándose en lo que hace que estos dispositivos sean especiales. Por ejemplo, una mejor compatibilidad con ventanas múltiples podría ofrecer una UX visualmente más rica en pantallas más grandes, mientras que una UX plegable mejorada podría imitar mejor la experiencia que obtienen los lectores con un libro de bolsillo tradicional.

Sin embargo, algunos usuarios encontraron errores al usar la aplicación U-NEXT con estos formatos de pantalla más grandes y plegables. Por ejemplo, la aplicación a menudo ocultaba botones importantes cuando los usuarios abrían U-NEXT en pantallas más grandes, obligándolos a buscar en la página estas herramientas de navegación.

Para optimizar una revisión de UX para admitir estos formatos, el equipo de U-NEXT abordó el proyecto en dos fases: corregir los errores existentes y luego agregar las funciones que beneficiarían más a los usuarios de pantalla grande.

Foto de cabeza de Tomoya Miwa, ingeniero jefe de U-NEXT, sonriendo con la cita de texto

Elimina los errores

Para solucionar el problema de visibilidad de los botones de navegación clave en la aplicación, los ingenieros de U-NEXT utilizaron un ConstraintLayout para establecer barreras de restricción. Estas barreras impidieron que los elementos de la interfaz de usuario se sacaran de la pantalla y garantizaron que siempre estuvieran alineados correctamente, independientemente del tamaño de la pantalla.

Además, la aplicación de U-NEXT no siempre se mostraba correctamente en pantallas más grandes. Por ejemplo, las páginas que muestran listados de videos que se pueden buscar generalmente constan de un encabezado y una lista de contenido seleccionado. Estas listas deben ocupar la mayor parte del espacio de la página. Pero en pantallas más grandes, los encabezados ocupaban la mayor parte del espacio de la pantalla, lo que dificultaba la navegación por el contenido del video. El equipo de U-NEXT resolvió este problema restringiendo el ancho de la imagen del encabezado en pantallas más grandes, dando más espacio a la lista y facilitando la navegación para los usuarios de pantallas grandes.

Cuando los usuarios ven libros en la aplicación U-NEXT, pueden tocar la pantalla para mostrar una rueda desplazable horizontal que les permite navegar rápida y fácilmente a su lugar en el texto. Pero cuando los usuarios intentaron acceder a esta herramienta de navegación en Chromebooks, no apareció en la página.

"Originalmente, usábamos SystemUiVisibility para determinar si un Chromebook estaba en modo de pantalla completa cuando un usuario lo tocaba", dijo Tomoya Miwa, ingeniero senior de U-NEXT. "Si SystemUiVisibility reconoció que no estaba en pantalla completa, debería mostrar el controlador. Sin embargo, este oyente no se llama cuando se cambia SystemUiVisibility en Chromebooks, por lo que no se pudo mostrar el controlador".

Esto significó que U-NEXT tuvo que cambiar la forma en que administran la visibilidad del controlador cuando SystemUiVisibility cambia en Chromebooks. Después de esta solución, la aplicación ocultaría y mostraría simultáneamente el controlador cuando se toca la pantalla en un Chromebook, solucionando el problema para estos usuarios.

El último error que los desarrolladores de U-NEXT corrigieron fue uno que detuvo temporalmente el video cuando los usuarios doblaron su dispositivo mientras lo miraban. Cambiar la orientación del dispositivo mientras se ve el contenido debería ser fluido, pero eliminar y restaurar automáticamente la actividad durante los cambios de orientación hizo que los videos se cortaran momentáneamente.

En lugar de permitir que Android maneje estos cambios de configuración automáticamente, los desarrolladores de U-NEXT modificaron la aplicación para manejarlos manualmente. Con onConfigurationChanged(), el equipo anuló el cambio e impidió que los elementos de la interfaz de usuario se eliminaran y recrearan automáticamente, lo que permitió que la aplicación los mantuviera y evitara interrupciones en la visualización.

Aproveche al máximo más factores de forma

Como parte de la revisión de funciones, U-NEXT reemplazó la barra de navegación tradicional con un riel de navegación, que los ingenieros de U-NEXT esperaban mejoraría en gran medida la experiencia del usuario. U-NEXT realizó este cambio en consonancia con la presentación de lo que se debe y no se debe hacer con Android en pantallas grandes de la última Cumbre de desarrolladores de Android, que brindó las mejores prácticas para que los desarrolladores optimicen para pantallas grandes.

"La disponibilidad es un factor importante cuando se trata de curar experiencias de usuario convenientes", dijo Tomoya. "Con una barra de navegación horizontal tradicional, es difícil llegar a los botones del medio. Con una barra de navegación, es mucho más fácil llegar a esos botones”.

Imagen que muestra la representación de la interfaz de usuario en paralelo antes de implementar la barra de navegación a la izquierda y luego a la derecha

A continuación, el equipo mejoró la compatibilidad con páginas opuestas cuando los usuarios veían contenido de libros electrónicos en pantallas grandes. Las aplicaciones generalmente muestran una sola página cuando los dispositivos están orientados verticalmente en pantallas grandes y pantallas plegables. Sin embargo, dado que la mayoría de las pantallas grandes y las pantallas plegables ofrecen mucho espacio para una doble página, los desarrolladores de U-NEXT querían asegurarse de que los usuarios siempre vean una doble página, ya sea en modo vertical u horizontal, incluso cuando el dispositivo está plegado. levemente.

El equipo de U-NEXT también agregó algunas actualizaciones menores de calidad de vida para que la experiencia del usuario sea aún mejor para pantallas grandes y pantallas plegables. Estos incluyeron mejorar la compatibilidad de la aplicación con Compose al garantizar que el componente de navegación fuera consistente en cualquier tamaño de pantalla, agregar un mejor soporte para la facturación en la aplicación de Google Play en pantallas grandes y agregar una visualización de imagen en imagen optimizada.

La compatibilidad con Android facilita la optimización

El equipo de U-NEXT se sorprendió de lo fácil que fue optimizar su aplicación para pantallas grandes y dispositivos plegables. Gracias a los recursos para desarrolladores de Android, U-NEXT pudo mejorar la visualización del contenido de su aplicación en todos los dispositivos y, al mismo tiempo, minimizar el tiempo y el esfuerzo.

"No es tan difícil", dijo Tomoya. "Introducir la navegación fue relativamente fácil, y el soporte plegable en general no es difícil siempre que su aplicación sea compatible con la rotación básica de pantalla".

Desde la actualización de la aplicación U-NEXT para admitir mejor las pantallas grandes, las instalaciones de tabletas se han multiplicado por 1,5. Además, el tiempo de visualización de los usuarios en dispositivos de pantalla grande aumentó más del 10 %.

Mirando hacia el futuro, el equipo de U-NEXT planea expandir aún más las capacidades de pantalla grande de su aplicación mejorando la compatibilidad del mouse y el teclado, introduciendo una vista detallada de la lista para mejorar la función de búsqueda, agregando mayor soporte para el modo de escritorio y agregando arrastrar y -Funciones de caída implementadas para compartir contenido más fácilmente.

U-NEXT se complace en anunciar que Android está agregando más recursos a su amplia y creciente lista de documentación, incluida la biblioteca Material 3 recientemente actualizada, que seguirá siendo compatible con el creciente número de usuarios con pantallas grandes y dispositivos plegables.

Comience a optimizar para pantallas grandes hoy

Cada vez más personas usan pantallas grandes, pantallas plegables y otros factores de forma emergentes. Aprenda cómo ayudar mejor a sus usuarios en estos dispositivos con ejemplos de la galería de pantalla grande de Android.

Si quieres conocer otros artículos parecidos a U-NEXT ve un aumento de 1,5 veces en las instalaciones de tabletas después de mejorar la compatibilidad con pantallas grandes puedes visitar la categoría Android.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir