Esta introdução ao modelo de app de mídia descreve os principais elementos, as funções básicas que eles oferecem e a arquitetura que os mantém juntos.
Descrições mais detalhadas de como cada elemento funciona são fornecidas nas seções seguintes. Para ver um guia, consulte a visão geral desta seção.
Anatomia
O modelo de mídia inclui o seguinte:
- Barra de apps: inclui a navegação principal do app e os controles do app (para configurações e pesquisa no app) e inclui um ícone do app.
- Espaço de conteúdo navegável: exibe o conteúdo em visualização em grade (mostrada aqui) ou em lista.
- Controles de reprodução: a barra de controle minimizada mostrada aqui inclui metadados de mídia e controles de mídia básicos, além de fornecer acesso a uma sobreposição de reprodução com mais controles.
2. Espaço do conteúdo navegável.
3. Controles de reprodução (mostrados aqui na barra de controle minimizada)
Esse layout de exemplo mostra apenas uma possível organização desses elementos. Por exemplo, os fabricantes de carros podem decidir empilhar a navegação principal e os controles do app em vez de mantê-los em uma única barra horizontal, dependendo das dimensões da tela. A hierarquia de navegação é descrita em mais detalhes nas seções a seguir.
Navegação principal
A navegação principal na barra de apps consiste em guias expostas (exceto em casos raros em que a tela é muito pequena).
Este exemplo mostra uma organização de guias típica:
Controles do app
Os controles de apps (mostrados no canto superior direito no exemplo abaixo) ocupam a parte da barra de apps que não é usada para branding ou navegação principal. Eles oferecem acesso a funções de pesquisa e configurações no app de mídia atual.
Selecionar um controle de app abre uma sobreposição. Por exemplo, a funcionalidade "Configurações" mostrada aqui abre uma sobreposição que exibe a interface de Configurações. Ao fechar a sobreposição, os usuários retornam ao local anterior no app.
Espaço de conteúdo navegável
No espaço de conteúdo navegável, os usuários podem rolar pelo conteúdo e navegar pelo espaço z em itens individuais, níveis inferiores de hierarquia.
Como a navegação por vários níveis aumenta a carga cognitiva do motorista, o Google recomenda manter a arquitetura da informação relativamente plana, com o mínimo de níveis possível.
Controles de reprodução
Os controles de mídia em apps de música podem aparecer de duas formas, dependendo das circunstâncias:
- Barra de controle minimizada (disponível nas visualizações)
- Visualização de reprodução (sobreposição com barra de controle total)
Esses dois formulários se alternam na parte inferior da tela no exemplo animado a seguir.
Barra de controle minimizada
A barra de controle minimizada flutua no nível mais alto do espaço de conteúdo navegável, acima do conteúdo. Ela fornece informações sobre o que está sendo reproduzido no momento, além de recursos básicos para o controle do usuário sobre a reprodução.
Quando o conteúdo começa a ser reproduzido, a barra de controle minimizada permanece disponível enquanto o usuário navega pelo conteúdo de mídia. Ela persiste até que um novo app de música seja selecionado ou até que o usuário toque na barra de controle minimizado para exibir a visualização de reprodução.
Visualização de reprodução
A barra de controle completa está disponível apenas na visualização de reprodução e também flutua acima do conteúdo. Além dos recursos disponíveis na barra de controle minimizada, a barra de controle completa pode fornecer controles mais abrangentes definidos por cada app de mídia.
