Temas de notificação

O sistema de notificações do Android Automotive OS (AAOS) fornece aos motoristas informações essenciais, priorizando a segurança na estrada e minimizando distrações. Este guia explica como você pode personalizar as notificações do carro e como elas se comportam.

Princípios de design

As notificações em carros são otimizadas para serem visualizadas rapidamente e para garantir a segurança. Ao contrário das notificações em dispositivos móveis, as notificações automotivas priorizam a simplicidade:

• Complexidade reduzida: Controles complexos, como toques longos ou gestos de deslizar elaborados, são desativados para manter o foco do motorista na estrada.
• Consciência do estado de condução: O sistema pode restringir ou truncar automaticamente o conteúdo com base no fato de o veículo estar ou não em movimento.
• Baseado em sessão: a lista de notificações é limpa no início de cada viagem para garantir que apenas as informações atuais e relevantes sejam exibidas.

Como as notificações aparecem

As notificações são enviadas por meio de dois canais principais, dependendo de sua prioridade e categoria:

• Notificações de destaque (HUNs): alertas de alta prioridade que aparecem brevemente sobre a tela atual. São usadas para informações urgentes, como chamadas recebidas ou instruções de navegação.
• Central de Notificações: Um ponto central onde os motoristas podem visualizar o histórico de notificações que possam ter perdido.

Personalização

Você pode personalizar a experiência de notificação para que ela corresponda à identidade da sua marca, mantendo os principais padrões de segurança.

Interface do usuário e acesso

Você pode definir como um driver acessa a Central de Notificações:

• Painel do sistema: Um menu semelhante ao dos dispositivos móveis.
• Tela independente: Uma interface de usuário dedicada, acessada por meio de um botão na barra de sistema ou de navegação.

Estilização visual

Você pode personalizar a aparência dos cartões de notificação para que combinem com o design do seu veículo:

• Tipografia e cores: ajuste as fontes e as paletas de cores para os modos diurno e noturno.
• Formas: Personalize os raios dos cantos e as dimensões do recipiente.
• Movimento: Defina as animações de chegada e saída para os cartões de notificação.

Prioridade e categorias

O sistema categoriza as notificações para determinar como e quando elas serão exibidas.

• Categorias específicas para veículos: Inclui CAR_EMERGENCY, CAR_WARNING e CAR_INFORMATION para alertas sobre o status do veículo.
• Comunicação: Gerencia as categorias CALL e MESSAGE com ações otimizadas como "Reproduzir" e "Silenciar".
• Navegação: Utiliza a categoria NAVIGATION para fornecer instruções passo a passo apenas para HUNs (Unidades de Navegação Única).

Próximos passos

Para começar a personalizar as notificações do seu veículo:

• Cartões de notificação de estilo : Aprenda a personalizar fontes, cores e formas.
• Projete a Central de Notificações : configure como os usuários acessam e interagem com os alertas armazenados.
• Interações de movimento sequenciais : Defina as animações para as transições de notificação.

Cartões de notificação de estilo

Os cartões de notificação integrados ao Google fornecem informações oportunas aos motoristas, minimizando distrações. Você pode personalizar o estilo visual desses cartões — incluindo tipografia, cor e formato — para que estejam alinhados à identidade da sua marca, mantendo os padrões de segurança.

Tipos de cartão de notificação

Existem três versões principais de cartões de notificação:

• Notificação pop-up (HUN): aparece brevemente na parte superior (ou inferior, dependendo da orientação) da tela, sobre o aplicativo atual.
• Cartão da Central de Notificações: Usado para notificações persistentes listadas na Central de Notificações.
• Cartão de notificação agrupada: Combina várias notificações relacionadas em um único cartão expansível.

Anatomia do cartão

Cada cartão é um recipiente flexível composto por quatro áreas principais:

1. Cabeçalho: Contém o ícone do aplicativo, o nome do aplicativo e, opcionalmente, um registro de data e hora.
2. Conteúdo: Exibe o título da notificação e o texto complementar (com pré-visualizações opcionais da mensagem).
3. Ações: Até três botões para interação do usuário (ex.: "Responder", "Silenciar").
4. Ícone grande: um espaço opcional para avatares ou símbolos de navegação.

Diretrizes de estilo

As seções a seguir descrevem as diretrizes de estilo.

Tipografia

Você pode personalizar a fonte e o tamanho para corresponder à escala tipográfica do seu sistema. Use fontes claras e legíveis que tenham bom desempenho em diferentes condições de iluminação.

• Texto principal: Normalmente 32dp (Corpo 1) para títulos principais.
• Texto secundário: Normalmente 24dp (Corpo 3) para informações de apoio.
• Fontes: Embora a Roboto seja o padrão, os fabricantes de equipamentos originais (OEMs) podem implementar fontes personalizadas para suas marcas.

Cor e elevação

Defina valores de cor diferentes para os modos Diurno e Noturno para garantir legibilidade e contraste.

• Fundo do cartão: Use tons de cinza distintos (por exemplo, cinza 868 para o dia, cinza 900 para a noite).
• Texto e ícones: Use branco com alta opacidade (88% ou mais) para informações principais e opacidade reduzida (60–72%) para detalhes secundários.
• Cor de destaque: Aplique a cor da marca do aplicativo a ícones secundários ou ações específicas para ajudar os usuários a identificar a origem.

Forma e espaçamento

Personalize os limites físicos do cartão para que se adequem à linguagem de design da sua interface de usuário.

• Raio do canto: O valor padrão é 8dp (R2), mas pode ser ajustado para um visual mais arredondado ou quadrado.
• Margens: Mantenha um espaçamento consistente (padrão de 16dp ou 24dp) entre as bordas do cartão e os elementos internos.

Adaptação da tela e estado do veículo

Os layouts de notificação devem se adaptar a diferentes dimensões de tela (padrão, ampla e super ampla).

• Estado de condução: Quando o veículo estiver em movimento, considere ocultar as pré-visualizações das mensagens ou truncar sequências de texto longas para reduzir a carga cognitiva.
• Movimento: Utilize animações padrão de chegada e saída (por exemplo, deslizar para baixo para HUNs, deslizar para fechar) para fornecer feedback visual.

Projete a Central de Notificações

Os motoristas podem visualizar e gerenciar notificações por meio deste hub central, projetado para alta visibilidade e interações simplificadas, atendendo às diretrizes de segurança.

Funcionalidade principal

Notificações não imediatas, como mensagens e lembretes, estão disponíveis na Central de Notificações. Ela não armazena notificações que exigem atenção ao tempo, como instruções de navegação passo a passo ou chamadas telefônicas ativas, que aparecem apenas como Notificações Heads-up (HUNs).

• Baseado em sessão: a lista é apagada automaticamente no início de cada unidade para garantir que o conteúdo permaneça relevante.
• Por prioridade: as notificações são ordenadas por importância (por exemplo, alertas de emergência primeiro) e depois por data de publicação.

Opções de personalização

Você pode personalizar a Central de Notificações para que ela esteja alinhada à identidade da sua marca, respeitando os padrões de segurança.

1. Métodos de acesso

Você pode definir como os usuários acessam a Central de Notificações com base na interface do usuário do seu sistema:

• Painel de notificações deslizante: Os usuários deslizam o dedo de cima para baixo na tela para exibir as notificações.
• Tela dedicada: Os usuários tocam em um ícone de notificação (geralmente um sino) na barra de status do sistema ou na barra de navegação.

2. Estilo visual

Você pode personalizar os seguintes elementos visuais para que correspondam à linguagem de design da sua marca:

• Paleta de cores: Defina cores de fundo e de destaque distintas para os modos Diurno e Noturno.
• Tipografia: Defina a família, a espessura e o tamanho da fonte para cabeçalhos, títulos e corpo do texto.
• Formato: Ajuste os raios dos cantos dos cartões de notificação e do contêiner como um todo.
• Layout: Personalize as margens, o preenchimento e o espaçamento vertical entre os cartões de notificação.

Modelo de interação

Para minimizar a distração do motorista, o modelo de interação se limita a ações essenciais:

• Navegação: Uma lista com rolagem vertical permite que os motoristas visualizem as notificações.
• Responder: Alvos de clique grandes para até três botões de ação (por exemplo, "Reproduzir", "Silenciar", "Responder").
• Dispensar: Os usuários podem deslizar o cartão para a esquerda ou para a direita para removê-lo da lista.

Restrições de condução

A Central de Notificações deve se adaptar ao estado de condução do veículo para evitar sobrecarga cognitiva.

• Truncamento de conteúdo: O sistema pode truncar automaticamente sequências de texto longas com base nos limites de caracteres que você definir.
• Ocultar resumos: Você pode optar por ocultar as pré-visualizações ou resumos das mensagens enquanto o carro estiver em movimento.
• Extensão da lista: O número de notificações visíveis pode ser limitado para evitar rolagem excessiva durante a condução.

Lista de verificação de design

• Alto contraste: Garanta que o texto e os ícones atendam aos padrões de acessibilidade em todas as condições de iluminação.
• Alvos de impacto grandes: Projete botões e cartões que sejam facilmente tocáveis ​​sem a necessidade de controle preciso do motor.
• Identidade visual consistente: Aplique as mesmas regras de personalização tanto na Central de Notificações quanto nas Notificações Heads-up (HUNs).

Sequência de movimentos

No carro, o movimento é mais do que uma simples escolha estética; é uma indicação funcional que informa os motoristas sem desviar o olhar da estrada por muito tempo. As montadoras podem personalizar as animações de notificação para garantir que elas se integrem perfeitamente ao restante da experiência de software do veículo.

Princípios do movimento automotivo

• Informativo, não perturbador: Use movimentos para sinalizar mudanças de estado (como uma nova mensagem), mas mantenha-os sutis o suficiente para não assustar o motorista.
• Segurança em primeiro lugar: as animações devem ser curtas e objetivas. Evite transições bruscas ou excessivamente complexas que exijam atenção visual prolongada.
• Consistência: Os movimentos de notificação devem corresponder à física do restante do sistema de infoentretenimento.

Padrões de movimento chave

Os principais padrões de movimento são descritos nesta seção.

1. Notificação de aviso prévio (HUN) de chegada

Quando uma notificação de alta prioridade chega, ela usa um gesto de deslizar direcional para entrar na tela.

• Entrada de cima para baixo: O padrão para a maioria dos sistemas. O cartão desliza para dentro a partir da borda superior.
• Dica: Este movimento indica sutilmente que a Central de Notificações pode ser acessada deslizando o dedo para baixo a partir da mesma borda.
• Personalização: Você pode ajustar a duração da entrada e a curva de suavização específica para combinar com o estilo da sua marca.

2. Deslize para descartar

Os motoristas podem descartar um HUN ou um cartão na Central de Notificações com um gesto de deslizar horizontalmente.

• Feedback visual: Conforme o usuário arrasta o cartão, ele deve se mover na mesma proporção que o dedo.
• Movimento de saída: Assim que o gesto de deslizar ultrapassa o limite de descarte, o cartão acelera para fora da tela e os itens restantes da lista se deslocam verticalmente para preencher o espaço vazio.

3. Expansão de notificações agrupadas

Notificações relacionadas (como várias mensagens de um bate-papo em grupo) geralmente são agrupadas em um único cartão para economizar espaço.

• Expansão: Ao ser tocado, o cartão deve crescer verticalmente para revelar mensagens individuais.
• Retração: O movimento inverso deve ser ligeiramente mais rápido que a expansão para ajudar o motorista a retornar rapidamente à sua tarefa anterior.

Cronometragem e alívio

O Google recomenda seguir os padrões de suavização do Material Design, que enfatizam um início rápido e uma finalização suave e gradual.

Melhores práticas

• Priorize a legibilidade: Garanta um alto contraste entre o texto e o fundo do cartão.
• Consistência: Utilize os mesmos raios de canto e regras de espaçamento tanto para os HUNs quanto para os cartões da Central de Notificações.
• Minimalismo: Mantenha as ações simples e o texto conciso; evite layouts complexos que exijam mais do que uma olhada para serem compreendidos.