Modelo de painel

O modelo Painel apresenta informações detalhadas e ações em destaque.

Para facilitar a verificação, as linhas de ações e informações são limitadas a quatro cada. Esse modelo é útil para apresentar metadados não editáveis, como detalhes de local e reserva, e para realizar ações com base nos dados. Para uma versão desse modelo com um mapa e sem imagem, os apps de navegação podem usar o modelo de mapa.

Esse modelo pode ser incorporado ao modelo de guia para oferecer navegação com guias.

Inclui:

  • Cabeçalho com faixa de ações opcional
  • Até dois botões, em que um pode ser designado como principal (opcional; os apps podem usar botões da faixa de ações)
  • Até quatro linhas não acionáveis (uma linha é obrigatória)
  • Imagem grande opcional (ver exemplo)
Wireframes do modelo do painel

Exemplos de modelos de painel

Modelo de painel, detalhes do local, botões de ação
Detalhes do local de um app de estacionamento com duas ações relacionadas (exemplo do Android Auto)
Modelo de painel, detalhes, imagem
Detalhes do local de um app de carregamento, com uma imagem grande que ajuda os motoristas a identificar o local, sem ações exceto na faixa de ações (exemplo do Android Auto)

Requisitos de UX do modelo de painel

Desenvolvedores de apps:

DEVE Inclua pelo menos uma linha de informações.
DEVE Designe uma ação principal ao fornecer duas ações.
DEVE Torne a navegação a ação principal, quando ela for incluída como uma das ações.
MAIO Inclua até quatro linhas de informações e duas ações.