Os smartwatches têm telas menores do que os dispositivos portáteis. Por isso, é fundamental organizar e exibir elementos de forma a facilitar o acesso e usar o espaço de tela disponível de maneira eficiente. Para que os itens caibam na tela, use a quantidade certa de padding e margens, conforme especificado pelas diretrizes do Material Design.
Mesmo quando seu design se encaixa na tela, os elementos da interface podem ficar truncados ou cortados quando o usuário realizar uma das seguintes ações:
- Muda o idioma de exibição.
- Muda o tamanho do texto.
- Ativa a configuração do sistema Negrito.
É fundamental testar seus designs com essas considerações em mente para garantir que eles se adaptem perfeitamente a diferentes ambientes de usuário.
Mantenha os elementos interativos totalmente visíveis
Se a interface incluir elementos interativos, verifique se os usuários podem rolar esses elementos totalmente para visualização, principalmente se eles forem colocados nas margens de uma página. Caso seu app use a biblioteca Horologist, use a
fábrica de layouts responsive()
(link em inglês). Caso contrário, use espaçadores e adicione margens à
parte de cima e de baixo de um objeto ScalingLazyColumn
para evitar que o primeiro e
o último itens da lista sejam sempre cortados.
Usar ícones em vez de cartões para layouts densos
Se você precisar de um layout mais denso, use CompactChip
em vez de cards. A área
de superfície maior dos cards dificulta muito a prevenção do truncamento do texto
e do recorte de conteúdo.