Princípios de design de apps

Os apps são uma das principais plataformas do Wear OS. Os apps são diferentes das complicações ou blocos, que são representações visíveis do conteúdo do app. Os apps exibem mais informações e oferecem mais interatividade. Geralmente, o usuário entra em um app quando vem de outra plataforma, como uma notificação, complicação, bloco ou ação por voz.

Princípios

Lembre-se dos princípios a seguir ao criar apps:

  • Foco:concentre-se em tarefas críticas para ajudar as pessoas a realizar tarefas em segundos.

  • Superficial e linear: evite criar hierarquias com mais de dois níveis. Tente mostrar o conteúdo e a navegação inline quando possível.

  • Rolagem:os apps podem rolar a tela. Esse é um gesto natural que os usuários fazem para ver mais conteúdo no smartwatch.

Diretrizes

Siga estas diretrizes ao criar apps.

Otimize o app para layouts verticais

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

O que fazer

O objetivo do app é levar o usuário do ponto A ao ponto B.

O que não fazer

Não use rolagem vertical e horizontal ao mesmo tempo, porque isso pode confundir a experiência no app. A exceção são alguns casos de uso específicos, incluindo a reprodução de mídia, que pode ser compatível com rolagem vertical e horizontal.

Mostre a hora

Os usuários tendem a passar mais tempo em apps, por isso é importante fornecer acesso rápido à hora.

O que fazer

Mostrar a hora na parte de cima do app, assim, o usuário poderá olhar sempre para um mesmo lugar.

Errado

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.

Para mais informações sobre design e uso, consulte Marcação de hora.

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.

O que fazer

Usar ícones e rótulos sempre que possível.

Errado

Usar apenas ícones para solicitar ações do usuário.

Destaque as ações principais

Para ajudar os usuários a realizar ações no app, coloque as ações principais na parte de cima dele. Coloque as ações principais não ambíguas na parte de cima do app.

Use rótulos para orientar os usuários

Para apps maiores, use rótulos para ajudar a orientar o usuário ao rolar a tela para ver o conteúdo.

Certo

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.

Errado

Adicionar rótulos para apps com um único tipo de conteúdo.

Mostre a barra de rolagem

Mostre a barra de rolagem se a visualização inteira rolar, como mostrado na imagem a seguir. Para mais informações, consulte o Indicador de posição.

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.