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. Os dispositivos dobráveis podem estar em vários estados ou posições, como de mesa ou 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 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 recorrer a um tablet para fazer videochamadas e ver 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 ao lado da reprodução.
Lembre-se de que seu app de música tem o mesmo código executado em um smartphone padrão, um dobrável, um tablet e dispositivos ChromeOS. Portanto, é necessário 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 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 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 é 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 o 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 mais 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, entrada de arrastar e de stylus. Nesse nível, os apps são altamente diferenciados. Portanto, preste muita atenção às diretrizes para ações multitarefa e postagens 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 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 seu app. Para mais informações, consulte Layouts de feed.
Painel de suporte:com as áreas de exibição primária 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 ao mesmo tempo, arrastar conteúdo entre apps e compartilhá-lo. Com recursos e funcionalidades que não são possíveis em dispositivos de tela pequena, seu app de mídia de tela grande pode aproveitar layouts de detalhes de lista, feeds e painéis 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. Assim, as ferramentas de criação de conteúdo ficam sempre à mão do 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 mídias 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 forma aceitável, a usabilidade é muito reduzida e a experiência do usuário afeta.
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 reduzir os pontos de atrito para os usuários, teste o app com um teclado físico. Isso ajuda você a notar 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 no seu app de música realmente renderiza.
Por exemplo, se um usuário tira uma foto com o tablet, mas a tela é renderizada de cabeça para baixo, essa não é a experiência ideal. Incluir compatibilidade com a visualização da câmera em 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 posições dobráveis incluídas no 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.