O Google Fotos aumentou o número de usuários ativos por dia ao criar para telas grandes
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
O Google Fotos é o lugar certo para suas recordações, e a equipe de desenvolvimento da empresa acredita que elas podem ser apreciadas em todos os dispositivos. Para garantir que os recursos do app funcionassem bem em tablets Android, dispositivos dobráveis e ChromeOS, a empresa investiu no desenvolvimento de layouts responsivos em todas as telas.
O que a equipe fez
A equipe de desenvolvimento do Google Fotos pensou em como modificar o layout para telas grandes. Ela se baseou nas práticas recomendadas de usabilidade e na pesquisa para determinar como queria modificar os layouts para telas grandes. Primeiro, ela melhorou o layout da grade reduzindo a densidade quando as telas aumentam para mais de 600 dp em tablets e 1.008 dp para laptops. Isso facilitou a visualização e a rolagem das fotos para os usuários no formato maior.
Em seguida, substituíram a gaveta inferior do painel de informações por uma barra lateral. Como as telas de tablets e computadores costumam ser usadas no modo paisagem, essa mudança de abordagem reduz o alongamento em telas maiores e oferece melhor ergonomia para a forma como os usuários de tablets seguram os dispositivos. Também melhorou a caixa de diálogo na página inferior e adicionou snackbars para facilitar a exibição de mensagens do usuário em telas grandes.
Ele mudou o componente de navegação de uma barra inferior para uma coluna vertical, para facilitar a navegação e a conclusão de tarefas pelos usuários. Embora o Google Fotos tenha criado isso na própria base de código, os desenvolvedores podem fazer isso usando o novo componente Material da coluna de navegação para melhorar a ergonomia, reduzir o alongamento e aumentar o espaço na tela para apps de rolagem vertical.
A equipe de desenvolvimento também tornou dinâmico o redimensionamento de grade para simplificar a transição entre diferentes posições e tamanhos de tela, além de melhorar o suporte a acessórios como teclados e canetas stylus. Devido ao crescimento dos consumidores que usam dispositivos ChromeOS para aumentar a produtividade, é cada vez mais importante garantir que os apps sejam compatíveis com vários métodos de entrada, como teclado, mouse e toque.
Resultados
A equipe implementou essas mudanças em um teste A/B e notou um aumento geral no DAU para os principais recursos do produto em telas grandes, e o Archive alcançou um aumento de uso de até 53%. A equipe do Google Fotos vai continuar investindo para melhorar a experiência do usuário em todos os tamanhos de tela para garantir uma ótima experiência em todos os dispositivos.
Começar
Saiba como começar a otimizar seu app para telas maiores.
O conteúdo e os exemplos de código nesta página estão sujeitos às licenças descritas na Licença de conteúdo. Java e OpenJDK são marcas registradas da Oracle e/ou suas afiliadas.
Última atualização 2021-09-02 UTC.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 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)."]]
