Projeto de confirmação protegido

A interface do usuário (UI) da Confirmação Protegida consiste em seis elementos obrigatórios. Alguns elementos podem ser personalizados, mas há requisitos que precisam ser seguidos. Use as diretrizes a seguir ao personalizar a interface do usuário e garantir que os requisitos sejam atendidos. Se um elemento estiver marcado com Requisito: esse elemento deve usar a propriedade listada.

As diretrizes a seguir usam a família de fontes Roboto, que você pode baixar em fonts.google.com .

IU com botões de hardware

Android Protected Confirmation pode usar botões de hardware no dispositivo para confirmar e cancelar a entrada.

Layout do projeto

Ícones

ícone de escudo

Ícone Ícone de escudo de confirmação protegido
Download escudo de segurança
Tamanho do ícone 32dp

ícone de seta

Ícone Ícone de seta do teclado
Download Seta do teclado para a direita
Tamanho do ícone 24dp
Raio do canto do contêiner 4dp

Mensagens de entrada

Existem dois tipos de entrada usados ​​na Confirmação Protegida: confirmar e cancelar.

Cadeia de confirmação

Esta mensagem deve indicar qual botão é usado como confirmação.

Mensagem Pressione duas vezes (botão) para confirmar
Comprimento máximo Requisito: A mensagem de confirmação não pode ter mais de duas linhas.
Cor #000000 87%
Tipo de letra Roboto-Medium
Tamanho da fonte Requisito: 14sp
Altura da linha Requisito: 20dp

Cancelar string

A mensagem de cancelamento deve estar claramente visível e facilmente diferenciada do botão de confirmação. Use as seguintes propriedades junto com a única palavra Cancel .

Mensagem Cancelar
Cor #000000 87%
Tipo de letra Roboto-Medium
Tamanho da fonte Requisito: 14sp
Altura da linha Requisito: 20dp

Texto do cabeçalho

Inclua o texto do cabeçalho Android Protected Confirmation na Trusted UI para identificar o recurso. Use as seguintes propriedades para o texto do cabeçalho.

Mensagem Requisito: confirmação protegida do Android
Cor #000000 87%
Tipo de letra Roboto-Regular
Tamanho da fonte Requisito: 22sp
Altura da linha Requisito: 28dp

Texto de corpo

Use as seguintes propriedades ao implementar o elemento de corpo de texto. A mensagem real é escrita pelo desenvolvedor da API (desenvolvedor do aplicativo).

Mensagem O corpo do texto é fornecido pelo desenvolvedor do aplicativo chamando a confirmação protegida.
Cor #000000 87%
Tipo de letra Roboto-Regular
Tamanho da fonte Requisito: 16sp
Altura da linha Requisito: 24dp

Texto do subcabeçalho

Use o texto do subtítulo para explicar por que o usuário está vendo a tela de confirmação protegida. Coloque este texto na parte inferior da tela e use as seguintes propriedades.

Mensagem Requisito: esta confirmação fornece uma camada extra de segurança para a ação que você está prestes a realizar.
Comprimento máximo Requisito: A mensagem de confirmação não pode ter mais de quatro linhas.
Cor #000000 87%
Tipo de letra Roboto-Regular
Tamanho da fonte Requisito: 14sp
Altura da linha Requisito: 20dp

IU com botões de software

Android Protected Confirmation pode usar botões de software para confirmar e cancelar a entrada. As diretrizes a seguir descrevem a IU usando botões de software.

Layout de design de software de interface do usuário de confirmação

Ícone de escudo

Baixe o recurso de ícone em Android Protected Confirmation Shield Icon . Coloque o ícone na parte superior da tela.

Ícone de escudo

O ícone do escudo de Confirmação Protegida é um elemento obrigatório. A cor do escudo pode ser personalizada, mas deve ser claramente visível.

Entrada

Dimensões do botão de software

Use a forma de um botão principal e secundário para as entradas de confirmação e cancelamento.

Rótulo do botão Use maiúsculas e minúsculas para rótulos de botão.
Raio do botão 4dp
cor de destaque #1a73e8
Tipo de letra Roboto-Medium
Tamanho da fonte Requisito: 14sp

Texto do cabeçalho

Inclua o texto do cabeçalho Android Protected Confirmation na Trusted UI para identificar o recurso. Use as seguintes propriedades para o texto do cabeçalho.

Mensagem Requisito: confirmação protegida do Android
Cor #000000 87%
Tipo de letra Roboto-Medium
Tamanho da fonte Requisito: 24sp
Altura da linha Requisito: 20dp

Texto de corpo

Use as seguintes propriedades ao implementar o elemento de corpo de texto. A mensagem real é escrita pelo desenvolvedor do aplicativo.

Mensagem O corpo do texto é fornecido pelo desenvolvedor do aplicativo chamando a confirmação protegida
Cor #000000 87%
Tipo de letra Roboto-Medium
Tamanho da fonte Requisito: 16sp
Altura da linha Requisito: 24dp

Texto do subcabeçalho

Use o texto do subtítulo para explicar por que o usuário está vendo a tela de confirmação protegida. Coloque este texto na parte inferior da tela e use as seguintes propriedades.

Mensagem Requisito: esta confirmação fornece uma camada extra de segurança para a ação que você está prestes a realizar.
Comprimento máximo Requisito: A mensagem de confirmação não pode ter mais de quatro linhas.
Cor #000000 54%
Tipo de letra Roboto-Medium
Tamanho da fonte Requisito: 14sp
Altura da linha Requisito: 20dp

Localização

Você pode encontrar localizações para os componentes descritos em uma implementação C independente de uma tabela de consulta como parte do AOSP .

,

A interface do usuário (UI) da Confirmação Protegida consiste em seis elementos obrigatórios. Alguns elementos podem ser personalizados, mas há requisitos que precisam ser seguidos. Use as diretrizes a seguir ao personalizar a interface do usuário e garantir que os requisitos sejam atendidos. Se um elemento estiver marcado com Requisito: esse elemento deve usar a propriedade listada.

As diretrizes a seguir usam a família de fontes Roboto, que você pode baixar em fonts.google.com .

IU com botões de hardware

Android Protected Confirmation pode usar botões de hardware no dispositivo para confirmar e cancelar a entrada.

Layout do projeto

Ícones

ícone de escudo

Ícone Ícone de escudo de confirmação protegido
Download escudo de segurança
Tamanho do ícone 32dp

ícone de seta

Ícone Ícone de seta do teclado
Download Seta do teclado para a direita
Tamanho do ícone 24dp
Raio do canto do contêiner 4dp

Mensagens de entrada

Existem dois tipos de entrada usados ​​na Confirmação Protegida: confirmar e cancelar.

Cadeia de confirmação

Esta mensagem deve indicar qual botão é usado como confirmação.

Mensagem Pressione duas vezes (botão) para confirmar
Comprimento máximo Requisito: A mensagem de confirmação não pode ter mais de duas linhas.
Cor #000000 87%
Tipo de letra Roboto-Medium
Tamanho da fonte Requisito: 14sp
Altura da linha Requisito: 20dp

Cancelar string

A mensagem de cancelamento deve estar claramente visível e facilmente diferenciada do botão de confirmação. Use as seguintes propriedades junto com a única palavra Cancel .

Mensagem Cancelar
Cor #000000 87%
Tipo de letra Roboto-Medium
Tamanho da fonte Requisito: 14sp
Altura da linha Requisito: 20dp

Texto do cabeçalho

Inclua o texto do cabeçalho Android Protected Confirmation na Trusted UI para identificar o recurso. Use as seguintes propriedades para o texto do cabeçalho.

Mensagem Requisito: confirmação protegida do Android
Cor #000000 87%
Tipo de letra Roboto-Regular
Tamanho da fonte Requisito: 22sp
Altura da linha Requisito: 28dp

Texto de corpo

Use as seguintes propriedades ao implementar o elemento de corpo de texto. A mensagem real é escrita pelo desenvolvedor da API (desenvolvedor do aplicativo).

Mensagem O corpo do texto é fornecido pelo desenvolvedor do aplicativo chamando a confirmação protegida.
Cor #000000 87%
Tipo de letra Roboto-Regular
Tamanho da fonte Requisito: 16sp
Altura da linha Requisito: 24dp

Texto do subcabeçalho

Use o texto do subtítulo para explicar por que o usuário está vendo a tela de confirmação protegida. Coloque este texto na parte inferior da tela e use as seguintes propriedades.

Mensagem Requisito: esta confirmação fornece uma camada extra de segurança para a ação que você está prestes a realizar.
Comprimento máximo Requisito: A mensagem de confirmação não pode ter mais de quatro linhas.
Cor #000000 87%
Tipo de letra Roboto-Regular
Tamanho da fonte Requisito: 14sp
Altura da linha Requisito: 20dp

IU com botões de software

Android Protected Confirmation pode usar botões de software para confirmar e cancelar a entrada. As diretrizes a seguir descrevem a IU usando botões de software.

Layout de design de software de interface do usuário de confirmação

Ícone de escudo

Baixe o recurso de ícone em Android Protected Confirmation Shield Icon . Coloque o ícone na parte superior da tela.

Ícone de escudo

O ícone do escudo de Confirmação Protegida é um elemento obrigatório. A cor do escudo pode ser personalizada, mas deve ser claramente visível.

Entrada

Dimensões do botão de software

Use a forma de um botão principal e secundário para as entradas de confirmação e cancelamento.

Rótulo do botão Use maiúsculas e minúsculas para rótulos de botão.
Raio do botão 4dp
cor de destaque #1a73e8
Tipo de letra Roboto-Medium
Tamanho da fonte Requisito: 14sp

Texto do cabeçalho

Inclua o texto do cabeçalho Android Protected Confirmation na Trusted UI para identificar o recurso. Use as seguintes propriedades para o texto do cabeçalho.

Mensagem Requisito: confirmação protegida do Android
Cor #000000 87%
Tipo de letra Roboto-Medium
Tamanho da fonte Requisito: 24sp
Altura da linha Requisito: 20dp

Texto de corpo

Use as seguintes propriedades ao implementar o elemento de corpo de texto. A mensagem real é escrita pelo desenvolvedor do aplicativo.

Mensagem O corpo do texto é fornecido pelo desenvolvedor do aplicativo chamando a confirmação protegida
Cor #000000 87%
Tipo de letra Roboto-Medium
Tamanho da fonte Requisito: 16sp
Altura da linha Requisito: 24dp

Texto do subcabeçalho

Use o texto do subtítulo para explicar por que o usuário está vendo a tela de confirmação protegida. Coloque este texto na parte inferior da tela e use as seguintes propriedades.

Mensagem Requisito: esta confirmação fornece uma camada extra de segurança para a ação que você está prestes a realizar.
Comprimento máximo Requisito: A mensagem de confirmação não pode ter mais de quatro linhas.
Cor #000000 54%
Tipo de letra Roboto-Medium
Tamanho da fonte Requisito: 14sp
Altura da linha Requisito: 20dp

Localização

Você pode encontrar localizações para os componentes descritos em uma implementação C independente de uma tabela de consulta como parte do AOSP .