VW Play Design Guidelines

1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.
1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.

Usuárias e usuários

Todo mundo à bordo

1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.
1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.

O VW Play busca oferecer a melhor experiência à bordo do carro, se atentando às diferentes necessidades dos usuários e usuárias.

Sugerimos que a sua aplicação considere os diferentes papéis e formas de interagir com o carro e com o sistema. E se você desenvolve, ou faz parte de algum grupo que não aparece aqui, gostaríamos de ouvir sua experiência e necessidades.

Contextos de uso

Diferentes momentos dentro do carro

A interação com a interface do carro passa por diversos momentos que se relacionam com a tarefa de dirigir.

Em cada um dos contextos de uso, é necessária a devida atenção ao tipo de interação do usuário com o sistema, assim como as notificações e alertas adequados.

Com o carro em movimento, todo o foco deve estar na direção em segurança. São permitidas apenas interações que não distraiam o motorista:

- Feedback por áudio

- Tarefa curta e objetiva

- Alertas e notificações

- Confirmações

Com o carro em velocidade zero, estacionado ou parado momentaneamente, o motorista pode voltar sua atenção para a tela em interações como:

- Sequência de toques

- Tarefas em fluxo interativo

- Acompanhar um vídeo

- Acompanhar status de tarefas

- Alterar uma configuração

A manobra de um veículo requer atenção absoluta do motorista para garantir a segurança.

Neste momento nenhuma interação se sobrepõe ao sistema do carro, que auxilia o motorista apenas através de:

- Sensores de distância

- Câmera de estacionamento

- Som de alerta de proximidade

Uma situação comum ao dirigir é se encontrar em velocidade muito baixa, porém constante. Este contexto permite interações específicas como por exemplo:

- Alertas

- Notificações

- Confirmações

- Ação única

- Mudança ou indicação de destino

1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.

Atenção das usuárias e usuários

Uma interface em movimento

1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.

As aplicações no VW Play servem para melhor atender às necessidades de nossas usuárias e usuários, e proporcionar serviços que facilitem suas vidas.

No entando, não devem disputar sua atenção com a direção. A tarefa principal é se concentrar no volante e no trânsito, preservando sua segurança, dos pedestres, e de outros motoristas.

Ergonomia

A melhor interação com o VW Play

1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.
1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.

Controles importantes do sistema estão posicionados para fácil acesso. Recomendamos que observe essas regiões no posicionamento dos comandos da sua aplicação.

A interface do carro tem suas particularidades, entre elas a atenção dividida, o movimento e a distância entre a tela e o motorista, de cerca de 1 metro. Outro ponto a se considerar, é que a visibilidade da tela pode estar comprometida pelo volante, de acordo com o momento e a posição do motorista.

A interface do VW Play é feita considerando medidas padrão da VW. São elas:

Feminino

Altura 165cm
Peso 60kg

Masculino

Altura 175cm
Peso 80kg

Interações

Interface e gestos

1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.
1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.
1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.
1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.
1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.
1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.
1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.

Todas as interações de sua aplicação devem considerar a área útil da tela, as áreas reservadas para informações e o tamanho mínimo de título, texto e botões. Considere também as interações e gestos suportados pelo sistema.

1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.

Fontes

VW Head & Text UI

1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.

As fontes são exclusivas para o VW Play, e não devem ser utilizadas por parceiros.

Certifique-se também de que a tipografia utilizada não ofereça conflito ou possibilidade de ser confundida com a tipografia do sistema.

Cores

Cores e funcionalidade

1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.

O VW Play utiliza cores com função de destaque para funcionalidades. Essas cores aparecem em alertas, avisos e chamadas para ações no sistema.

Evite

O uso de cores similares, para diferentes propósitos dentro de sua aplicação.

Símbolos e ícones

Comunicação rápida

1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.

Os ícones e símbolos do VW Play são específicos para as funções do sistema, e não devem ser reproduzidos nas aplicações.

Evite

O uso de ícones e símbolos similares, principalmente para avisos e notificações, que pode fazer com que o usuário se confunda sobre a origem da mensagem de alerta.

Acesse o PDF

Ilustrações

Ilustrações no VW Play

1
1.
As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.

As ilustrações do VW Play são específicas para as funções do sistema e têm como objetivo auxiliar na comunicação de avisos e status, e não devem ser reproduzidos nas aplicações.

Evite

O uso de ilustrações com a mesma linguagem e cores em sua aplicação, o que pode fazer com que o usuário se confunda sobre a origem da mensagem.

1

1.: As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.

Downloads

Templates e guias para auxiliar o desenvolvimento.

Acesse o PDF

Documentação

Encontre dicas e recomendações de como iniciar o desenvolvimento da sua primeira aplicação para o VW Play.

Acesse o PDF

1

1.: As funções “Apple CarPlay” e “Android Auto” não são desenvolvidas pela Volkswagen do Brasil e, portanto, a depender das atualizações e atividades de desenvolvimento promovidas por seus fabricantes, a função de espelhamento pode se comportar de maneira inesperada.

Desenvolva para o VW Play

Todas as aplicações do VW Play passam por rigorosos testes e validações de múltiplas equipes da Volkswagen, tudo é feito para garantir a melhor experiência de forma segura para todos a bordo do carro ou próximo a ele. Confira os principais critérios de validação para as aplicações do VW Play:

Performance: Foco em aplicações simples, leves e com interações fáceis de entender;
Excelência: Atenção nos detalhes com design acessível e útil para usuários e usuárias;
Contexto: Conteúdo adequado para o ambiente do carro;
Experiência: A aplicação deve ter sinergia com a marca Volkswagen.
Conformidade: A aplicação e o seu conteúdo devem respeitar os termos e condições do portal de distribuição do VW Play.

Criar conta

Acesse os Termos e Condições

Conheça o VW Play

Saiba mais