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 |
|---|---|
Aplicar estilo global a todas as visualizações na interface do usuário do Discador. | |
Aplique estilos personalizados opcionais a elementos da interface do usuário que aparecem apenas em visualizações específicas do Discador. | |
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:
|
(Dimensões, arranjos ou características) | Layouts modificados:
|