Os dispositivos Android têm vários formatos, como smartphones, tablets, dispositivos dobráveis e com 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 diferentes maneiras.
Os usuários podem realizar várias tarefas enquanto assistem um vídeo em uma configuração de várias janelas ou aproveitar a tela maior para aplicar edições mais complexas após capturar uma imagem.
Os usuários podem usar um tablet para manter contato com videochamadas e ver os 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 oferecer mais variedade para um maior apelo visual, ou o app de mídia pode manter os usuários engajados oferecendo um feed pesquisável lado a lado com a reprodução.
O app de mídia tem o mesmo código executado 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.
Tornar o app de mídia responsivo por padrão
Evite experiências ruins do usuário no seu app de mídia fazendo com que o layout seja adaptável a 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 tamanhos de tela diferentes.
Projetar de acordo com as diretrizes
A qualidade do app principal é 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 você começar a projetar para uma tela grande. Para mais informações, consulte Principais critérios de qualidade do app.
O 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. Portanto, projete o app de acordo com as diretrizes dos níveis 1, 2 e 3 abaixo.
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 é compatível com 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 ideal, mas ele é executado em tela cheia ou janela cheia no modo de várias janelas. Ele não tem efeito letterbox e 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 Preparação 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 aprimorado 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 recursos premium.
Quando aplicável, o app oferece suporte a multitarefas, posições dobráveis, arrasto e entrada de stylus. Nesse nível, os apps são muito diferenciados. Portanto, preste atenção às diretrizes para coisas como multitarefas e posturas dobráveis. Para saber mais, consulte Telas grandes diferenciadas.
Layouts otimizados
Aproveite o espaço maior de telas grandes sem letterboxing (devido à orientação restrita) ou alongamento. Ao otimizar o layout do app para mídia e mídias sociais, você amplia o alcance do app e cria uma experiência melhor para os usuários 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 de 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
Torne seu app mais utilizável implementando layouts específicos de mídia para detalhes de lista, feed e painel de suporte. Para informações sobre layouts de MDX, Flutter e Compose, consulte Recursos de layout.
Detalhes da lista:projetar seu 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 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 e detalhes.
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 seu app. Para mais informações, consulte Layouts de feed.
Painel de suporte:com as á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 Suporte a layouts de painéis.
Para conferir 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 mídias sociais mais espaço de trabalho para criar, realizar várias tarefas, arrastar conteúdo entre apps e compartilhar. Com recursos diferenciados 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 da lista, feed e painel de suporte.
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 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 tamanho e posição para chamar a atenção para postagens importantes. Os usuários podem conferir 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 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 Suporte a layouts de painéis.
Para conferir uma seleção de layouts de redes sociais, acesse a página Galeria de mídias sociais.
Práticas recomendadas para apps de mídia de tela grande
O uso de práticas recomendadas para telas grandes ajuda a evitar retrabalhos desnecessários do 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 à pré-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 ativará um modo de compatibilidade. Embora o modo de compatibilidade garanta que o app se comporte de maneira aceitável, a usabilidade é bastante reduzida e a experiência do usuário é afetada.
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 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 maneira 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 tamanho em certa medida, mas o redimensionamento não necessariamente muda a orientação.
Atalhos do teclado
Em uma tela maior, é mais provável que atalhos de teclado físico, como iniciar, parar, pausar, voltar 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 diminuir os pontos de atrito para os usuários, teste o app com um teclado físico. Isso ajuda você a perceber e incluir esses atalhos importantes no seu 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 é o que a interface do seu app de mídia renderiza.
Por exemplo, se um usuário tirar uma foto com o tablet, mas a tela for renderizada de cabeça para baixo, essa será uma experiência subótima. Inclua suporte à prévia 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
O design do app de mídia para telas grandes inclui posições dobráveis. Por exemplo, o app pode permitir que o 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 capturas.
Com as posturas dobráveis incluídas no seu plano de desenvolvimento, o app fica disponível para mais dispositivos e tem um impacto maior. Você amplia 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 dobráveis.