Os dispositivos Android têm vários formatos, como smartphones, tablets, dobráveis, dispositivos ChromeOS, com uma ampla variedade de tamanhos de tela. O Android oferece suporte a muitos modos de exibição, incluindo várias janelas, várias telas, formato livre e picture-in-picture. Dispositivos dobráveis podem ficar em vários estados ou posições, como de mesa ou de livro.
Considere diferentes casos de uso para o app ao começar a projetá-lo. Por exemplo:
Dispositivos de tela grande oferecem aos usuários mais espaço para interagir com o conteúdo do app de mídia de maneiras diferentes.
Os usuários podem fazer várias tarefas ao mesmo tempo enquanto assistem a um vídeo em uma configuração de várias janelas ou aproveitar a tela maior para aplicar edições mais complexas depois de capturar uma imagem.
Os usuários podem usar um tablet para ficar conectados com videochamadas e ver seus amigos e familiares com mais detalhes. O app pode mostrar um contexto mais rico sobre um título ou cena em uma sobreposição de reprodução personalizada ou oferecer mais opções de controle na tela.
Os carrosséis em uma visualização de navegação podem apresentar mais variedade para maior apelo visual, ou o app de mídia pode manter os usuários engajados oferecendo um feed navegável lado a lado com a reprodução.
Lembre-se de que o app de mídia tem o mesmo código em execução em um smartphone padrão, um dobrável, um tablet e dispositivos ChromeOS. Portanto, você precisa projetar para telas grandes desde o início do desenvolvimento do app. Para mais informações e exemplos visuais, consulte a galeria de telas grandes.
Deixar o app de mídia responsivo por padrão
Evite experiências do usuário ruins no app de mídia tornando o layout adaptável em smartphones, tablets, dobráveis e dispositivos ChromeOS.
O app precisa ser responsivo para considerar diferentes tamanhos de tela, orientações e formatos. Um layout adaptável muda com base no espaço de exibição disponível. Para mais informações, consulte Suporte a diferentes tamanhos de tela.
Projetar de acordo com as diretrizes
A qualidade principal do app é a base de todos os apps Android, independente do tamanho da tela, da posição do dispositivo ou de outras considerações específicas do dispositivo. O app precisa atender a esses requisitos básicos antes de começar a projetar para uma tela grande. Para mais informações, consulte Qualidade principal do app.
O app precisa oferecer uma excelente experiência do usuário, independente do formato , tamanho da tela, modo de exibição ou posição do dispositivo. Portanto, projete o app de acordo com as diretrizes dos níveis 1, 2 e 3 a seguir.
As diretrizes definem um conjunto abrangente de requisitos de qualidade para a maioria dos tipos de apps Android.
Nível 3:
Nesse nível básico, o app ainda precisa obedecer aos requisitos de interface e gráficos. O app está pronto para telas grandes, e os usuários podem concluir fluxos de tarefas críticos mas com uma experiência do usuário inferior à ideal.
O layout do app pode não ser o ideal, mas ele é executado em tela cheia ou em janela cheia no modo de várias janelas. Não há efeito letterbox e ele não é executado no modo de compatibilidade O app oferece suporte básico a dispositivos de entrada externa, incluindo teclado, mouse e trackpad. Para mais informações, consulte Pronto para telas grandes.
Nível 2:
Aqui, o app implementa otimizações de layout para todos os tamanhos de tela e configurações do dispositivo, além de oferecer suporte avançado a dispositivos de entrada externa. Para detalhes, consulte Otimizado para telas grandes.
Nível 1:
Esse é o melhor nível de suporte e oferece ao usuário a melhor experiência com o app, já que especifica recursos e capacidades premium.
Quando aplicável, o app oferece suporte a multitarefas, posições dobráveis, função de arrastar e uso de stylus. Nesse nível, os apps são altamente diferenciados. Portanto, preste atenção às diretrizes para itens como multitarefas e posições dobráveis. Para saber mais, consulte Diferenciado para telas grandes.
Layouts otimizados
Aproveite o espaço maior das telas grandes sem letterboxing (devido à restrição de orientação) ou alongamento. Ao otimizar o layout do app para mídia e redes sociais, você expande o alcance do app e cria uma experiência do usuário melhor em todos os formatos de tela grande, como tablets, dobráveis e dispositivos ChromeOS, além de oferecer suporte a todos os tamanhos de smartphone.
Os componentes da coluna e gaveta de navegação oferecem uma forma de navegar mais simples para controle e conveniência na interface. Os componentes também complementam os layouts canônicos (detalhes e listas, feed e painel de suporte) ao posicionar os destinos de navegação principais de maneira que eles sejam de fácil acesso, ocupando um espaço mínimo na tela.
Layouts de mídia
Deixe o app mais utilizável implementando layouts específicos de mídia para detalhes e listas, feed e painel de suporte. Para informações sobre layouts de MDX, Flutter e Compose, consulte Recursos de layout.
Detalhes e listas:projetar o app com um navegador de mídia interativo permite que os usuários naveguem por diferentes mídias enquanto assistem ou ouvem. Os títulos de mídia são mostrados lado a lado com um arquivo de vídeo ou áudio em reprodução. Se a orientação do dispositivo mudar, um layout de detalhes e listas responderá para preservar o estado do app. Para saber mais, consulte Layouts de detalhes e listas.
Feed: Um layout de feed organiza elementos de conteúdo equivalentes em uma grade configurável para uma visualização rápida e conveniente de um grande volume de conteúdo, como um feed de música ou um quiosque de filmes e TV no app. Para mais informações, consulte Layouts de feed.
Painel de suporte: Com áreas de exibição primárias e secundárias, o app pode incorporar um painel de suporte para contexto, relevância ou referência, como uma lista de rolagem de títulos semelhantes, avaliações publicadas ou outras obras dos mesmos artistas ou atores. Para mais detalhes, consulte Layouts de painel de suporte.
Para uma coleção selecionada de layouts de mídia, consulte Galeria de mídia.
Layouts de redes sociais
As telas grandes oferecem aos usuários de redes sociais mais espaço de trabalho para criar, realizar várias tarefas ao mesmo tempo, arrastar conteúdo entre apps e compartilhar. Com recursos e capacidades distintos que não são possíveis em dispositivos de tela pequena, o app de mídia de tela grande pode aproveitar os layouts de detalhes e listas, feed e painel de suporte layouts.
Detalhes e listas:ideal para apps de mensagens, gerenciadores de contatos ou navegadores de arquivos. Por exemplo, o app pode mostrar uma lista de conversas lado a lado com detalhes para ficar atualizado sobre as mensagens mais recentes. Para mais informações, consulte Layouts de detalhes e listas.
Feed: Componentes comuns nesse estilo de layout são cards e listas. Por exemplo, crie uma colagem de postagens em um formato de grade flexível ou use o tamanho e a posição para destacar postagens importantes. Os usuários podem visualizar rapidamente grandes grupos de conteúdo. Para mais informações, consulte Layouts de feed.
Painel de suporte: apps de pesquisa e referência ou um app de produtividade podem se beneficiar desse estilo de layout. Ele mantém as ferramentas de criação de conteúdo à mão para o usuário. Por exemplo, o app pode permitir que os usuários ajustem configurações, acessem paletas de cores, apliquem efeitos, e confiram as mudanças instantaneamente. Para mais informações, consulte Layouts de painel de suporte.
Para uma coleção selecionada de layouts de redes sociais, consulte a página da galeria de redes sociais.
Práticas recomendadas para apps de mídia de tela grande
O uso de práticas recomendadas para telas grandes ajuda a evitar a reformulação desnecessária de seu app. Elas também tornam o app mais fácil de usar em mais dispositivos desde o início, especialmente em relação à orientação, atalhos de teclado, suporte à visualização da câmera e posições dobráveis.
Orientação e redimensionamento
Se o app de mídia declarar restrições de orientação e redimensionamento, o Android vai ativar um modo de compatibilidade. Embora o modo de compatibilidade garanta que o app se comporte de maneira aceitável, a usabilidade é muito reduzida e a experiência do usuário é prejudicada.
Por exemplo, se o app estiver em um tablet, ele será encaixado na orientação paisagem. Se o app estiver restrito ao modo retrato, isso vai causar letterboxing, o que não é ideal para o usuário final. O app precisa permitir que as pessoas usem a orientação preferida. Portanto, aproveite o tamanho disponível de uma tela grande no design.
Qualquer restrição à orientação reduz a maneira como os usuários podem interagir com o conteúdo ou consumir mídia, o que limita o uso do app. A mudança de orientação pode afetar o tamanho até certo ponto, mas o redimensionamento não muda necessariamente a orientação.
Atalhos do teclado
Em uma tela maior, é mais provável que os atalhos de teclado em teclados físicos, como iniciar, parar, pausar, retroceder e avançar, sejam usados, tornando a experiência do usuário consistente com um teclado.
Os usuários esperam essas funções nos apps de mídia. Para reduzir os pontos de atrito para os usuários, considere testar o app com um teclado físico. Isso ajuda você a notar e incluir esses atalhos importantes no app no início do design.
Suporte à visualização da câmera
Com telas grandes, você pode ter mais problemas com alongamento, corte e rotação. Portanto, não é possível presumir que o tamanho da visualização da câmera seja o que a interface do app de mídia realmente renderiza em.
Por exemplo, se um usuário tirar uma foto com o tablet, mas ela for renderizada de cabeça para baixo na tela do tablet , essa será uma experiência ruim. Inclua suporte à visualização da câmera para telas grandes.
Para mais informações, consulte Visualização da CameraX ou Visualização da Camera2.
Posições dos dobráveis
Projetar o app de mídia para telas grandes inclui posições dobráveis. Por exemplo, o app pode permitir que um usuário tenha uma configuração de mesa para reprodução de mídia ou use uma tela traseira e o modo de tela dupla para visualizações e captura.
Com posições dobráveis incluídas no plano de desenvolvimento, o app fica disponível para mais dispositivos e tem um impacto maior. Você aumenta a experiência de mídia para o usuário de maneiras que outros dispositivos não podem fazer sem posições dobráveis. Para mais informações, consulte Posições dos dobráveis.