Google Photos a augmenté le nombre d'utilisateurs actifs par jour en développant son application pour les grands écrans
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Google Photos vous permet de stocker tous vos souvenirs. L'équipe de développement estime que les utilisateurs devraient pouvoir en profiter sur tous leurs appareils. Pour s'assurer que les fonctionnalités de l'application fonctionnent bien sur les tablettes Android, les appareils pliables et les appareils ChromeOS, ils ont investi dans le développement de mises en page responsives sur tous les écrans.
Ce qu'ils ont fait
L'équipe de développement de Google Photos a réfléchi à la manière de modifier sa mise en page pour les grands écrans. Ils se sont appuyés sur les bonnes pratiques en matière d'usabilité et sur des études pour déterminer comment modifier leurs mises en page pour les grands écrans. Tout d'abord, ils ont amélioré la mise en page en grille en réduisant la densité lorsque les écrans dépassent 600 dp pour les tablettes et 1 008 dp pour les ordinateurs portables. Les utilisateurs pouvaient ainsi plus facilement afficher et faire défiler leurs photos sur le grand écran.
Ils ont ensuite remplacé le tiroir inférieur du panneau d'informations par une barre latérale. Étant donné que les tablettes et les écrans d'ordinateur sont souvent utilisés en mode paysage, ce changement d'approche réduit l'étirement sur les écrans plus larges et offre une meilleure ergonomie pour la façon dont les utilisateurs de tablettes tiennent leurs appareils. Ils ont également amélioré la boîte de dialogue Bottom Sheet et ajouté des snackbars pour afficher plus facilement les messages utilisateur sur les grands écrans.
Ils ont remplacé la barre de navigation inférieure par un rail vertical pour faciliter la navigation et l'exécution des tâches pour les utilisateurs. Alors que Google Photos a intégré cette fonctionnalité dans son propre code, les développeurs peuvent la créer à l'aide du nouveau composant Navigation Rail Material pour améliorer l'ergonomie, réduire l'étirement et augmenter l'espace disponible à l'écran pour les applications à défilement vertical.
L'équipe de développement a également rendu le redimensionnement de la grille dynamique pour faciliter la transition entre différentes positions et tailles d'écran, et a amélioré la prise en charge des accessoires tels que les claviers et les stylets. Compte tenu de la croissance que nous avons constatée chez les consommateurs qui utilisent des appareils ChromeOS pour la productivité, il est de plus en plus important de s'assurer que les applications prennent en charge diverses méthodes de saisie, y compris le clavier, la souris et le tactile.
Résultats
L'équipe a déployé ces modifications par le biais d'un test A/B et a constaté une augmentation globale des utilisateurs actifs quotidiens pour les principales fonctionnalités du produit sur les grands écrans, avec une hausse de l'utilisation de l'archive pouvant atteindre 53 %. L'équipe Google Photos continuera d'investir dans l'amélioration de l'expérience utilisateur sur toutes les tailles d'écran afin de garantir une expérience de qualité sur tous les appareils.
Commencer
Découvrez comment optimiser votre application pour les grands écrans.
Le contenu et les exemples de code de cette page sont soumis aux licences décrites dans la Licence de contenu. Java et OpenJDK sont des marques ou des marques déposées d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2021/09/02 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 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)."]]
