Os dispositivos Android têm vários formatos, como smartphones, tablets, dobráveis e dispositivos ChromeOS, com uma ampla variedade de tamanhos de tela. O Android oferece suporte a muitos modos de exibição, incluindo várias janelas, telas, formato livre e picture-in-picture. Os dispositivos dobráveis podem ficar em vários estados ou posições, como de mesa ou de livro.
Considere diferentes casos de uso para seu app ao começar a projetá-lo. Por exemplo:
Os dispositivos de tela grande oferecem aos usuários mais espaço para interagir com o conteúdo do seu app de mídia de diferentes maneiras.
Os usuários podem realizar várias tarefas ao mesmo tempo enquanto assistem 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 fazer videochamadas e ver amigos e familiares com mais detalhes. Seu app pode mostrar um contexto mais rico sobre um título ou uma 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 aumentar o 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 seu 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. Por isso, você precisa criar para telas grandes desde o início do desenvolvimento do app. Para mais informações e exemplos visuais, consulte a galeria de telas grandes.
Tornar seu app de mídia responsivo por padrão
Evite experiências do usuário interrompidas no seu app de mídia tornando o layout dele adaptável em smartphones, tablets, dispositivos dobráveis e 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 tela 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, posição do dispositivo ou outras considerações específicas do dispositivo. O app precisa atender a esses requisitos básicos antes de começar a criar para uma tela grande. Para mais informações, consulte Qualidade principal do app.
Seu app precisa oferecer uma excelente experiência do usuário, independente do formato do dispositivo, do tamanho da tela, do modo de exibição ou da posição. Por isso, crie o app de acordo com as seguintes diretrizes dos níveis 1, 2 e 3.
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, seu 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íticas, 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 de dispositivos, 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 seu app, já que especifica recursos e funcionalidades premium.
Quando aplicável, o app oferece suporte a multitarefas, posições dobráveis, arrastar e uso de stylus. Nesse nível, os apps são altamente diferenciados. Por isso, preste atenção às diretrizes sobre multitarefa e posições dobráveis. Para saber mais, consulte Diferenciação em telas grandes.
Layouts otimizados
Aproveite o espaço maior das telas grandes sem letterboxing (devido à restrição de orientação) ou esticamento. Ao otimizar o layout do app para mídia e redes sociais, você aumenta o alcance do app e cria uma experiência melhor para o usuário em todos os tipos de dispositivos 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 da lista, 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
Implemente layouts específicos de mídia para detalhes da lista, feed e painel de suporte para aumentar a usabilidade do app. Para informações sobre layouts MDX, Flutter e Compose, consulte Recursos de layout.
Lista-detalhe:ao criar um app com um navegador de mídia interativo, os usuários podem navegar por diferentes mídias enquanto assistem ou ouvem. Os títulos de mídia são exibidos 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 vai responder para preservar o estado do app. Para saber mais, consulte Layouts de lista-detalhe.
Feed:um layout de feed organiza elementos de conteúdo equivalentes em uma grade configurável para 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 seu app. Para mais informações, consulte Layouts de feed.
Painel de suporte:com áreas de exibição principal e secundária, seu 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 compatíveis.
Para uma seleção de layouts de mídia, consulte a Galeria de mídia.
Layouts de mídias 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 funcionalidades exclusivos que não são possíveis em dispositivos de tela pequena, seu app de mídia para tela grande pode aproveitar os layouts de lista-detalhe, feed e painel de suporte.
Detalhes e listas:ideal para apps de mensagens, gerenciadores de contatos ou navegadores de arquivos. Por exemplo, seu app pode mostrar uma lista de conversas lado a lado com detalhes para você ficar por dentro das mensagens mais recentes. Para mais informações, consulte Layouts de lista e detalhes.
Feed:os 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 ver rapidamente grandes grupos de conteúdo. Para mais informações, consulte Layouts de feed.
Painel de suporte:apps de pesquisa e de referência ou 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 vejam as mudanças ocorrerem de forma instantânea. Para mais informações, consulte Layouts de painéis compatíveis.
Para conferir uma seleção de layouts de redes sociais, acesse a página Galeria de redes sociais.
Práticas recomendadas para apps de mídia em telas grandes
Usar as práticas recomendadas para telas grandes ajuda a evitar retrabalho desnecessário do app. Elas também tornam o app mais fácil de usar em mais dispositivos desde o início, principalmente em relação à orientação, atalhos de teclado, suporte à prévia da câmera e posturas dobráveis.
Orientação e redimensionamento
Se o app de mídia declarar restrições de orientação e redimensionamento, o Android ativará um modo de compatibilidade. Embora o modo de compatibilidade garanta um comportamento aceitável do app, 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 horizontal. Se o app for restrito ao modo retrato, isso vai causar o efeito letterbox, que não é ideal para o usuário final. O app precisa permitir que as pessoas usem a orientação preferida. Por isso, aproveite o tamanho disponível de uma tela grande no design.
Qualquer restrição à orientação reduz a forma como os usuários podem interagir com o conteúdo ou consumir mídia, o que limita o uso do app. Mudar a orientação pode afetar o dimensionamento até certo ponto, mas redimensionar não muda necessariamente a orientação.
Atalhos do teclado
Em uma tela maior, os atalhos de teclado em teclados físicos, como iniciar, parar, pausar, retroceder e avançar, são mais 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 fricção para usuários, teste seu app com um teclado físico. Isso ajuda você a perceber 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 prévia da câmera é o que a interface do app de mídia renderiza.
Por exemplo, se um usuário tira uma foto com o tablet, mas ela aparece de cabeça para baixo na tela, a experiência não é ideal. Inclua suporte para prévia da câmera em telas grandes.
Para mais informações, consulte Visualização do CameraX ou Visualização do Camera2.
Posições dos dobráveis
Ao criar um app de mídia para telas grandes, inclua as posturas dobráveis. Por exemplo, seu 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 Dual Screen para prévias e capturas.
Com posturas dobráveis incluídas no seu 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 conseguem fazer sem posições dobráveis. Para mais informações, consulte Posturas dobráveis.