Google Fotos aumentó la cantidad de usuarios activos por día gracias a la creación de contenido para pantallas grandes
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Google Fotos es el hogar de tus recuerdos, y su equipo de desarrollo cree que las personas deberían poder disfrutar de esos recuerdos en todos los dispositivos. Para asegurarse de que las funciones de la app funcionaran bien en tablets Android, plegables y dispositivos ChromeOS, invirtieron en desarrollar diseños responsivos en todas las pantallas.
Qué hizo la empresa
El equipo de desarrollo de Google Fotos pensó en cómo modificar el diseño para pantallas grandes. Se basó en las prácticas recomendadas de usabilidad y en investigaciones para determinar cómo querían modificar sus diseños para pantallas grandes. Primero, mejoraron el diseño de cuadrícula reduciendo la densidad cuando las pantallas aumentan a más de 600 dp en tablets y de 1,008 dp en laptops. De este modo, los usuarios pudieron ver sus fotos y desplazarse por ellas con mayor facilidad en el factor de forma más grande.
Luego, reemplazaron el panel lateral inferior del panel de información por una barra lateral. Dado que las tablets y las pantallas de escritorio a menudo se usan en orientación horizontal, este cambio de enfoque reduce el estiramiento en pantallas más anchas y proporciona una mejor ergonomía para la forma en que los usuarios de tablets sostienen dispositivos. También mejoraron el diálogo de la hoja inferior y agregaron barras de notificaciones para mostrar los mensajes de los usuarios con mayor facilidad en pantallas grandes.
Cambiaron el componente de navegación de una barra inferior a un riel vertical para facilitar a los usuarios la navegación y la finalización de las tareas. Si bien Google Fotos compiló esto dentro de su propia base de código, los desarrolladores pueden hacerlo con el nuevo componente de material de riel de navegación para mejorar la ergonomía, reducir el estiramiento y aumentar el espacio en pantalla de las apps de desplazamiento vertical.
El equipo de desarrollo también hizo que el cambio de tamaño de la cuadrícula fuera dinámico para agilizar la transición entre diferentes posiciones y tamaños de pantalla, y mejoró la compatibilidad que ofrecen para accesorios como teclados y plumas stylus. Debido al crecimiento que observamos entre los consumidores que utilizan dispositivos ChromeOS para mejorar la productividad, es cada vez más importante garantizar que las apps admitan una variedad de métodos de entrada, como teclado, mouse y táctil.
Resultados
El equipo implementó estos cambios mediante una prueba A/B y notó un aumento general en los DAU de las funciones clave de los productos en pantallas grandes, y Archive hasta un 53% más de uso. El equipo de Google Fotos seguirá invirtiendo para mejorar la experiencia del usuario en todos los tamaños de pantalla a fin de garantizar una excelente experiencia en todos los dispositivos.
Primeros pasos
Obtén más información sobre cómo comenzar a optimizar tu app para pantallas más grandes.
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2021-09-02 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2021-09-02 (UTC)"],[],[],null,["# Google Photos increased daily active users by building for large screens\n\nGoogle Photos is the home for your memories, and their development team believes people should be able to enjoy those memories across all devices. To make sure the app's features worked well across Android tablet, foldable, and ChromeOS devices, they invested in developing responsive layouts across all screens.\n\nWhat they did\n-------------\n\nThe Google Photos development team thought through how to modify their layout for large screens. They leaned on [usability best practices](https://material.io/blog/material-design-for-large-screens) and research to determine how they wanted to modify their layouts for large screens. First they improved the grid layout by reducing the density when screens increase beyond 600dp for tablets, and 1008 dp for laptops. This made it easier for users to view and scroll through their photos on the larger form factor. \n\nThen they replaced the info panel bottom drawer with a sidebar. Since tablets and desktop screens are often used in landscape, this approach change reduces stretching across wider screens and provides better ergonomics for the way tablet users hold devices. They also improved the [bottom sheet dialog](https://developer.android.com/reference/com/google/android/material/bottomsheet/BottomSheetDialog), and added [snackbars](https://developer.android.com/reference/com/google/android/material/snackbar/Snackbar) to display user messages easier on large screens. \n\nThey changed the navigation component from a bottom bar to a vertical rail, to make it easier for users to navigate and complete tasks. While Google Photos built this within their own codebase, developers can build this using the new [Navigation rail material component](https://material.io/components/navigation-rail) to improve ergonomics, reduce stretching, and increase the screen real estate for vertical scrolling apps.\n\nThe development team also made grid resizing dynamic to streamline transitioning between different postures and screen sizes, and improved the support they provide for accessories such as keyboards and stylus pens. Given the growth we've seen amongst consumers using ChromeOS devices for productivity, it is increasingly important to ensure apps support a variety of input methods, including keyboard, mouse, and touch.\n\nResults\n-------\n\nThe team rolled out these changes through an A/B test, and noticed an overall **increase in DAU for key product features on large screens, with Archive seeing as much as a 53% usage increase**. The Google Photos team will continue investing in improving the user experience across all screen sizes to ensure a great experience on all devices.\n\nGet Started\n-----------\n\nLearn more about how you can get started with [optimizing your app for larger screens](https://developer.android.com/large-screens)."]]
