Como a maioria dos aspectos da interface de mídia é controlada pelos fabricantes de carros e pelo Google (consulte Funções de parceiros para mídia), as tarefas relacionadas ao design para desenvolvedores de apps são relativamente simples.
Estas são as tarefas básicas para desenvolvedores de apps:
- Planejar as guias de navegação: escolha até quatro visualizações de conteúdo de nível superior e defina ícones ou rótulos para as guias de navegação.
- Planejar visualizações de navegação: planeje como as visualizações de nível superior e inferior do conteúdo serão organizadas e formatadas (grade ou lista?).
- Personalizar controles de reprodução: Decida se você quer oferecer ações e ícones personalizados e se quer implementar uma fila.
- Planejar ações por voz: determina quais comandos você quer que os usuários solicitem por voz.
- Usar elementos da marca: forneça o ícone do app e a cor de destaque para representar sua marca.
Etapas extras opcionais somente para o AAOS:
- Criar um fluxo de login: use os modelos disponíveis para criar um fluxo de login para que os usuários façam login no app na tela do carro (se o app exigir login).
- Criar configurações: crie telas de configurações no veículo para seu app, se as configurações forem necessárias.
Etapa extra opcional apenas para o Android Auto:
- Dar recomendações: identifique 10 itens de conteúdo de mídia que serão destacados como recomendados
Use os links acima para acessar orientações mais detalhadas sobre cada tarefa. Para um resumo dos elementos de design que você vai precisar fornecer, consulte a lista de verificação.
Funções de parceiros para mídia
A tabela abaixo resume as funções de design dos desenvolvedores de apps e fabricantes de carros (no AAOS) para garantir uma experiência de app de mídia unificada. Em apps executados em veículos com AAOS, os fabricantes de carros podem personalizar a interface para refletir a marca e o estilo do veículo. Para apps executados no Android Auto, o Google cria uma aparência consistente para o app em toda a linha de veículos compatíveis.
| Aspecto da experiência de mídia | Função do fabricante de automóveis (ou do Google para o Android Auto) | Função de design do desenvolvedor de apps |
|---|---|---|
| Navegar por apps de mídia | Decidir onde a barra de apps vai ficar e oferecer suporte à navegação e aos controles que podem aparecer na barra de apps | Decida quais visualizações de conteúdo de nível superior representar nas guias da barra de apps e forneça ícones e rótulos conforme necessário. Consulte Planejar as guias de navegação. |
| Navegar pelos detalhes do conteúdo | Determinar o tamanho e o conteúdo de itens de grade ou lista e implementar o cabeçalho do app em níveis mais baixos de conteúdo | Determine o formato (grade ou lista) e a organização do conteúdo de mídia navegável em cada nível (consulte Planejar visualizações de navegação) |
| Tocar mídia | Implemente a visualização de reprodução e a barra de controle minimizada com metadados de mídia e controles de reprodução apropriados, incluindo controles para qualquer ação personalizada no app. Forneça uma affordance de fila na visualização e no estilo da fila. | Decida se você quer implementar ações personalizadas na barra de controle e forneça ícones para elas. Decida também se você quer implementar uma fila e se quer incluir um indicador para a faixa em reprodução. Consulte Personalizar controles de mídia. |
| Ações por voz | Forneça a interface do Google Assistente e controle como os usuários invocam o Assistente em carros específicos | Especificar quais categorias de mídia serão compatíveis com solicitações de voz e qual conteúdo será fornecido para solicitações genéricas (Planejar ações por voz). |
| Atribuição de marca | Mostre o ícone do app em todas as telas de conteúdo e escolha onde aplicar a cor do app de terceiros como destaque | Fornecer o ícone do app e especificar a cor de destaque. Consulte Fornecer elementos da marca. |
| Login e configurações | Fornecer uma affordance de configurações para pesquisa e configurações na barra de apps e conectar os usuários às telas de login conforme necessário | Use modelos para criar um fluxo de login e telas de configurações. Se necessário, consulte Adaptar fluxo de login e Configurações de design |
| Recomendações | Fornecer uma interface para que as recomendações de conteúdo apareçam | Fornecer uma fonte para as recomendações de conteúdo adequado |