Criar um app de música para o Android Automotive OS envolve seis tarefas básicas de design.
Esta seção fornece uma visão geral dessas tarefas. Ele também descreve como fabricantes de carros e desenvolvedores de apps contribuem para a experiência do app de mídia.
Visão geral
Como a maior parte do design de apps de mídia depende dos fabricantes de carros, as tarefas relacionadas ao design para os desenvolvedores de apps são relativamente simples.
Aqui estão as seis tarefas básicas para desenvolvedores de apps:
1) 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.
2) Planejar as visualizações de navegação:planeje como as visualizações de nível superior e inferior do conteúdo serão organizadas e formatadas (em grade ou lista?).
3) Personalizar controles de reprodução: decida se você quer oferecer ações e ícones personalizados e implementar uma fila.
4) Adapte o fluxo de login:adapte o código fornecido para criar um fluxo de login para seu app, se necessário.
5) Configurações de design:são telas de configurações de design do app, caso sejam necessárias.
6) Fornecer elementos da marca:forneça o ícone do app e a cor de destaque para que os fabricantes de carros possam representar sua marca na tela.
Use os links acima para acessar orientações mais detalhadas sobre cada tarefa. Para um resumo dos elementos de design que você precisa oferecer, consulte a lista de verificação.
Divisão de papéis
A tabela abaixo resume as funções de design de fabricantes de carros e desenvolvedores de apps para garantir uma experiência de app de mídia unificada.
| Aspecto da experiência de mídia | Papel de design do fabricante de automóveis | 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 de apps que podem aparecer nela |
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 Acesse 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 |
Determinar o formato (grade ou lista) e a organização do conteúdo de mídia navegável em cada nível |
| Tocar mídia |
Implemente a visualização de reprodução e a barra de controle minimizada com metadados de mídia apropriados e controles de reprodução, incluindo controles para qualquer ação personalizada no app. Forneça uma affordance de fila na visualização de reprodução e no estilo da fila. |
Decida se quer implementar ações personalizadas na barra de controle e forneça ícones para elas. Decida se você quer implementar uma fila e se quer fornecer um indicador para a faixa em reprodução. Acesse Personalizar controles de mídia. |
| Login, configurações e pesquisa |
Ofereça affordances para pesquisa e configurações na barra de apps, crie teclados de pesquisa e conecte usuários a telas de login conforme necessário. |
Informe o fluxo de login (adaptado do exemplo de código) e telas de configurações, se necessário Acesse Adapt flow de login e Design de login e configurações |
| 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 Acesse Fornecer elementos da marca. |