Personalizar a interface do discador

Você pode personalizar a interface do discador para refletir sua marca e garantir uma aparência consistente em todos os seus aplicativos.

A personalização do discador envolve as seguintes três tarefas:

Tarefa Descrição

1) Aplicar estilo global

Aplicar estilo global a todas as visualizações na interface do usuário do Discador.

2) Visualizações do discador de estilo

Aplique estilos personalizados opcionais a elementos da interface do usuário que aparecem apenas em visualizações específicas do Discador.

3) Modificar layouts

Ajuste, reorganize ou altere os layouts do discador, se necessário, para melhor se adequarem ao interior do carro ou aos recursos compatíveis.

Para orientações sobre UX, consulte a lista de verificação do discador .

Aplicar estilo global

O primeiro passo de personalização é aplicar um estilo global e adequado à marca em todas as visualizações do Discador.

Ao estilizar cores, aparência do texto e outros aspectos globais da interface do Discador para refletir sua marca, as montadoras criam uma experiência de usuário consistente em seus aplicativos. (Para exemplos da interface do Discador, visite o aplicativo Discador.) Esta seção explica o que pode ser personalizado globalmente no Discador e fornece diretrizes para fazer escolhas de estilo otimizadas para cada veículo.

O que pode ser estilizado globalmente

As montadoras podem personalizar os seguintes aspectos da interface do usuário em várias visualizações do discador:

  • Paleta de cores
  • Tipografia
  • Dimensionamento de itens da lista
  • Formato e tamanho do avatar
  • Aparência do ícone
  • Aparência da barra de aplicativos
  • Aparência do botão
  • Aparência do diálogo

Ao fazer alterações no estilo, tenha em mente as seguintes diretrizes.

Diretrizes gerais de estilo

Observe as mesmas convenções de estilo para o Discador que para outros aplicativos em sua interface de usuário, com escolhas de design otimizadas para experiências dentro do veículo.

O que é necessário

Siga nossos requisitos gerais de UX, que abrangem:

  • Relação de contraste
  • Tamanhos mínimos de texto e de alvos de toque
  • Tema escuro
  • Distância entre alvos de toque

Esses requisitos ajudam a criar uma interface de usuário otimizada para o veículo, fácil de visualizar e consistente.

Visualizações do Discador de Estilo

O próximo passo após aplicar o estilo global é aplicar estilos personalizados opcionais a visualizações específicas do Discador.

Alguns elementos que ocorrem apenas em visualizações específicas, como os botões do teclado, podem se beneficiar de um estilo que combine com a sua marca e com o interior dos carros. Para ver exemplos da interface do Discador, visite o aplicativo Discador.

O que é personalizável em visualizações específicas

Quatro das visualizações do Discador possuem elementos específicos para os quais as montadoras podem querer fornecer estilos personalizados.

Visualizar Elementos personalizáveis

Recentes

Ícones do histórico de chamadas

Teclado de discagem

Botões do teclado

Tela de status de chamada

Ícones da barra de controle

Sobreposição de espera

Ícone de alternância

As montadoras podem substituir o estilo de um recurso global da interface do usuário, como a aparência do texto, em qualquer visualização do discador por um motivo específico.

Ao personalizar as visualizações específicas do Discador, tenha em mente as diretrizes gerais de estilo fornecidas para personalizar os estilos globais.

Modificar layouts

Opcionalmente, os fabricantes de automóveis podem modificar os layouts do discador em determinadas circunstâncias.

As montadoras podem:

  • Ajuste os layouts para melhor se adequarem às dimensões da tela.
  • Reorganizar os elementos de um layout para um carro ou local específico.
  • Alterar um layout para desativar um recurso que ele não suporta.

Modificações de layout que vão além de simples ajustes — especialmente quando envolvem a desativação de uma funcionalidade — devem ser feitas com cautela para garantir que o Discador permaneça funcional.

Ao fazer modificações que desativem recursos ou reorganizem elementos de um layout, siga as diretrizes gerais de estilo e certifique-se de que os recursos restantes do Discador funcionem conforme o esperado.

Ajuste os layouts para se adequarem às dimensões da tela.

Se as versões padrão dos layouts do discador não forem ideais para as dimensões específicas da tela de um carro, as montadoras podem ajustá-las.

Ajustar os layouts para que se adaptem às dimensões da tela envolve duas etapas:

  • Definir a altura e a largura totais da tela em sobreposições de recursos
  • Garantir que os elementos e os alvos de toque em cada visualização do Discador estejam devidamente separados e sejam facilmente acessíveis.

Consulte as diretrizes gerais de estilo para obter informações adicionais sobre considerações de estilo que podem afetar os layouts.

Reorganizar elementos de layout

Em alguns casos, as montadoras podem querer reorganizar os layouts para se adequarem ao interior de um determinado carro. Por exemplo, em carros com a coluna de direção à direita, uma montadora pode querer reorganizar o layout da visualização do teclado numérico para mover o teclado para o lado direito da tela, em vez do lado esquerdo.

Consulte as diretrizes gerais de estilo para obter informações adicionais sobre considerações de estilo que podem afetar os layouts.

Alterar layouts para desativar recursos

Se as montadoras optarem por desativar um recurso do discador, removendo o acesso a ele em seus layouts, devem garantir que os demais recursos não sejam afetados involuntariamente. O aplicativo deve continuar a seguir as diretrizes de modificação de layout desta seção, bem como as restrições de usuário impostas com base no estado de condução do veículo, como o bloqueio de acesso às Configurações enquanto o usuário estiver dirigindo.

Além disso, é importante remover referências a qualquer recurso desativado de todos os layouts que fazem referência a esse recurso. Por exemplo, as montadoras que não desejam oferecer suporte à visualização de contatos favoritos não devem apenas desativar a guia Favoritos na barra de aplicativos; elas também devem ocultar ou remover a opção Favoritos na visualização de detalhes do contato.

Requisitos de UX

Use esta lista para verificar se as personalizações de estilo e layout do Discador atendem a todos os requisitos de design.

Para obter detalhes completos sobre as diretrizes OBRIGATÓRIAS, RECOMENDADAS e PERMITIDAS em cada área de personalização, visite os links na coluna da esquerda.

Ao personalizar Verifique isso

Estilos globais ou específicos da vista

Estilização personalizada:

  • Reflete a marca do fabricante de automóveis.
  • É consistente com o estilo de outros aplicativos no mesmo carro.
  • Utiliza um tema escuro, se possível.
  • Atende ou excede os requisitos de contraste.
  • Atende ou excede os requisitos mínimos de tamanho para texto e alvos sensíveis ao toque.

Layouts

(Dimensões, arranjos ou características)

Layouts modificados:

  • Siga as diretrizes de estilo mencionadas anteriormente.
  • Respeite as restrições de usuário com base no estado de condução.
  • Mantenha as funcionalidades essenciais para a usabilidade do aplicativo, como o teclado de discagem, o botão de encerrar chamada, o botão de alternar entre chamadas, as opções de voltar, a busca e as configurações dentro do aplicativo, e pelo menos uma visualização de contatos com acesso aos detalhes do contato.