Sobreposições

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

Uma sobreposição é uma das principais plataformas para mostrar conteúdo do app. As sobreposições são diferentes das complicações ou dos blocos, que são representações visíveis para mostrar o conteúdo do app. As sobreposições exibem mais informações e oferecem mais interatividade. Geralmente, o usuário entra em uma sobreposição quando vem da plataforma de outro app, como uma notificação, complicação, bloco ou ação por voz.

Princípios

É importante lembrar dos princípios a seguir ao criar sobreposições.

Focado

Dê prioridade para tarefas essenciais que ajudem os usuários a executar ações em segundos.

Superficial e linear

Evite criar hierarquias com mais de dois níveis. Procure mostrar o conteúdo e a navegação inline quando possível.

Rolagem

É possível rolar as sobreposições. Esse é um gesto natural que os usuários fazem para ver mais conteúdo no smartwatch.

Diretrizes

Siga as diretrizes a seguir ao criar sobreposições.

Otimize o app para layouts verticais

Simplifique o design do app usando layouts verticais, que permitem que os usuários rolem a tela em uma única direção para navegar pelo conteúdo.

O objetivo do app é levar o usuário do ponto A ao ponto B.
Não use dois tipos de rolagem, vertical e horizontal, em um mesmo app. Isso pode confundir a experiência do usuário.

Mostre a hora

Geralmente, os usuários passam bastante tempo em uma sobreposição. Por isso, é importante incluir um acesso rápido para visualizar a hora.

Mostrar a hora na parte de cima da sobreposição, assim, o usuário poderá olhar sempre para um mesmo lugar.
Mostrar a hora em caixas de diálogo, telas de confirmação ou seletores, porque é provável que o usuário passe apenas alguns segundos nessas telas.

Pontos de entrada inline acessíveis

Confira se todas as ações são exibidas inline, usando ícones e rótulos claros para fins de acessibilidade. Isso inclui pontos de entrada para configurações e preferências.

Usar ícones e rótulos sempre que possível.
Usar apenas ícones para solicitar ações do usuário.

Destaque as ações principais

Coloque as ações principais na parte de cima da sobreposição para facilitar a ação do usuário.

Colocar as ações principais que não são não ambíguas na parte de cima da sobreposição.

Use rótulos para orientar os usuários

Para sobreposições mais longas, use rótulos para ajudar a orientar o usuário ao rolar a tela para ver o conteúdo.

Usar quebras de seção, rótulos e outras indicações para organizar o conteúdo e ajudar a orientar o usuário ao rolar a tela em visualizações mais longas com conteúdo misto.
Adicionar rótulos para sobreposições com um único tipo de conteúdo.

Mostre a barra de rolagem

Mostrar a barra de rolagem se for possível rolar a visualização inteira.

Contêineres de conteúdo

Veja os exemplos de contêiner de conteúdo a seguir.

Figura 1. Contêiner com altura fixa.
Figura 2. Contêiner com altura variável.
Figura 3. Contêiner com altura e largura maiores que a janela de visualização.
Figura 4. Contêiner paginado.
Figura 5a. Páginas de conteúdo que ocupam a dimensão total da tela e são paginados verticalmente.
Figura 5b.