Diretrizes de design de blocos

Os blocos são uma das camadas mais acessíveis no Wear OS.

Eles oferecem acesso rápido a informações e ações que os usuários precisam realizar. Com um gesto de deslizar no mostrador do relógio, o usuário pode acompanhar o progresso das metas de condicionamento físico, conferir a previsão do tempo e muito mais. Inicie um app ou execute tarefas essenciais rapidamente nos blocos.

Os usuários podem escolher quais blocos vão aparecer no relógio. O Wear OS permite gerenciar os blocos no relógio e no app complementar.

Princípios da UX

A tabela a seguir descreve os princípios da UX dos blocos.

Imediata

Previsível

Relevante

Os blocos foram criados para ajudar os usuários a realizar tarefas frequentes de um jeito rápido. Mostre conteúdos essenciais com uma hierarquia de informações clara que facilita o entendimento. Cada bloco precisa ter uma tarefa do usuário como foco. Assim, o usuário pode prever as informações que vai encontrar no bloco, o que melhora o recall. Os usuários estão sempre com o smartwatch. Portanto, pense em como o conteúdo do bloco está relacionado ao contexto do usuário.

Diretrizes

Lembre-se das seguintes diretrizes ao criar blocos.

Foco em uma única tarefa

Cada bloco precisa ter uma única tarefa como foco, por exemplo, começar corrida.
Mostrar várias tarefas diferentes em um único bloco.

Crie blocos separados para cada tarefa

Se o app oferece suporte a várias tarefas, crie vários blocos para cada uma delas. Por exemplo, um app fitness pode ter um bloco de metas e um bloco de atividades de treino.

Blocos

Mostre representações de gráficos de visualização fácil

Mostre representações de informações numéricas ou estatísticas com visualização rápida para que o usuário toque e confira mais detalhes em um app, se for preciso.
Mostrar informações numéricas ou estatísticas detalhadas no bloco.

Indique atualizações de dados mais recentes

O usuário precisa estar ciente de quão recentes são os dados exibidos no relógio. Mostre os dados em cache com uma indicação de quando eles foram atualizados pela última vez quando for relevante para o usuário.

Blocos

Estados vazios

Os blocos têm dois tipos de estados vazios. Para ambos, recomendamos o uso de PrimaryLayout.

Erros ou permissão

Diga ao usuário que ele precisa atualizar as configurações ou preferências do bloco.

Fazer login

Forneça uma call-to-action nítida em um bloco de login.

Exemplos de caixas de diálogo

Use caixas de diálogo para erros, permissões e configurações.

Blocos

Bloco de atividades em andamento

Os estados do bloco de atividades em andamento representam as partes ativas de um app. Esses blocos substituem o bloco de apps padrão para evitar lançamentos repetidos.

Blocos

Requisitos

Ícone de animação
Corresponde ao ícone exibido no mostrador do relógio para a atividade correspondente.

Dados principais
O conteúdo principal que descreve a atividade.

Etiqueta
Mostra o status da atividade.

Visualizações

Adicione uma visualização de bloco para ajudar o usuário a conferir o conteúdo mostrado no gerenciador de blocos no relógio e no smartphone. Cada bloco pode ter uma imagem de visualização representativa. Ela precisa atender aos requisitos descritos a seguir.

Requisitos

  • Exporte recursos em 400 x 400 pixels.
  • Forneça imagens de visualização quadradas e circulares.
  • Use um fundo preto sólido.
  • Salve como PNG ou JPEG.
  • Adicione recursos localizados para os idiomas mais usados no app.
Visualização mostrada no gerenciador de blocos de um relógio. Visualização mostrada no gerenciador de blocos de um smartphone.
Mostre uma visualização em que o bloco esteja preenchido com conteúdo.
Mostrar um estado vazio ou o ícone do bloco na interface de paginação, ou então colocar um traço ao redor do bloco.

Exemplos de layout

Confira a seguir alguns casos de uso comuns de blocos utilizando nossas práticas recomendadas de design. Para saber mais, consulte Blocos.

Acompanhamento de metas

Iniciar treino

Iniciar treino

Iniciar treino

Resumo do treino

Iniciar timer

Frequência cardíaca atual

Frequência cardíaca

Próximo alarme

Meditar

Meditar

Notícias

Clima

Próximo evento

Redes sociais

Abrir mídia