Os dispositivos Android têm vários formatos, como smartphones, tablets, dispositivos 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, 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 seu app ao começar a projetá-lo. 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 maneiras diferentes.
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 manter contato por videochamadas e ver amigos e familiares com mais detalhes. Seu app pode exibir 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 o engajamento do usuário oferecendo um feed navegável lado a lado com a reprodução.
O mesmo código do seu app de música é executado em um smartphone padrão, um dobrável, um tablet e dispositivos ChromeOS. Por isso, é importante 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úsica responsivo por padrão
Evite experiências do usuário ruins no seu app de música 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 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, da posição do dispositivo ou de outras considerações específicas do dispositivo. Seu 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.
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. Portanto, projete seu 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 no modo de várias janelas. Não há efeito letterbox no app, 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 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 o app, já que especifica recursos e funcionalidades 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 muita atenção às diretrizes para itens como multitarefa e posturas 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 esticamento. Ao otimizar o layout do app para mídia e redes sociais, você amplia o alcance dele 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
Torne seu app mais útil implementando layouts específicos de mídia para detalhes e listas, feed e painel de suporte. Para informações sobre layouts MDX, Flutter e Compose, consulte Recursos de layout.
Detalhes e listas:ao projetar seu 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 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 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 á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 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 compartilhá-lo. Com recursos específicos que não são possíveis em dispositivos de tela pequena, seu app de música para telas grandes pode aproveitar os layouts de detalhes e listas, 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 ao lado de detalhes para você acompanhar as mensagens mais recentes. Para mais informações, consulte Layouts de detalhes e listas.
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 visualizar 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 ocorrerem de forma instantânea. Para mais informações, consulte Layouts de painel de suporte.
Para uma coleção selecionada de layouts de redes sociais, consulte 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 no 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, aos atalhos de teclado, ao suporte à visualização da câmera e às posições de dobráveis.
Orientação e redimensionamento
Se o app de música 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 o efeito letterbox, que não é ideal para o usuário final. Seu app precisa permitir que as pessoas usem a orientação que preferirem. Portanto, aproveite o tamanho disponível de uma tela grande no seu 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 o redimensionamento não muda necessariamente a orientação.
Atalhos do teclado
Em uma tela maior, é mais provável que os atalhos de teclado físico, 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úsica. Para reduzir os pontos de atrito para os 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 visualização da câmera é o que a interface do app de mídia realmente renderiza.
Por exemplo, se um usuário tirar uma foto com o tablet, mas ela aparecer de cabeça para baixo na tela, a experiência não será ideal. Inclua suporte à prévia da câmera para telas grandes.
Para mais informações, consulte Prévia da CameraX ou Prévia da Camera2.
Posições dos dobráveis
O design do seu app de música para telas grandes inclui 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 de tela dupla para prévias e captura.
Com as posições de 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 conseguem fazer sem as posições dobráveis. Para mais informações, consulte Posturas de dobráveis.