Windows Dev Center

Diretrizes de zoom semântico

[Este artigo contém informações que são específicas a aplicativos da Plataforma Universal do Windows (UWP) e ao Windows 10. Para obter as diretrizes do Windows 8.1, baixe o PDF de diretrizes do Windows 8.1 .]

Um controle de zoom semântico permite que o usuário alterne entre duas exibições diferentes do mesmo conjunto de dados. Em vez de um zoom gráfico padrão, que aumenta ou reduz o tamanho e os detalhes de objetos, o zoom semântico muda os parâmetros e o layout de uma representação gráfica e modifica a exibição da estrutura e da seleção de dados.

Recursos

  • Um aplicativo pode conter somente um controle de zoom semântico.
  • O tamanho da exibição reduzida é restrito pelos limites do controle de zoom semântico.
  • Ao tocar em um cabeçalho de grupo, os modos de exibição são alternados. É possível habilitar a pinçagem para alternar entre os modos de exibição.
  • Os cabeçalhos ativos alternam entre os modos de exibição.

Exemplos

Um catálogo de endereços é um exemplo de conjunto de dados que pode ser muito mais fácil de navegar com um controle de zoom semântico. Neste exemplo, o zoom semântico utiliza uma lista de atalhos. Em um modo de exibição, fica a visão geral completa, alfanumérica, de pessoas no catálogo de endereços (imagem esquerda) e a exibição ampliada mostra os dados em ordem e com mais detalhes (imagem direita).

Exemplo de zoom semântico em um catálogo de endereços

Recomendações

  • Ao usar o zoom semântico em seu aplicativo, o layout do item e a direção do movimento panorâmico não devem mudar de acordo com o nível de zoom. Os layouts e as interações de movimento panorâmico devem ser consistentes e previsíveis em todos os níveis de zoom.
  • Como o zoom semântico, o usuário pode saltar rapidamente para o conteúdo. Então, limite o número de páginas/telas a três no modo com zoom reduzido. Muito movimento panorâmico diminui a viabilidade do zoom semântico.
  • Evite usar o zoom semântico para alterar o escopo do conteúdo. Por exemplo, um álbum de fotos não deve alternar para um modo de exibição de pasta no Gerenciador de Arquivos.
  • Use uma estrutura e a semântica essenciais ao modo de exibição.
  • Use os nomes dos grupos para os itens em uma coleção agrupada.
  • Use ordens de classificação para uma coleção desagrupada, porém classificada; por exemplo, a ordem cronológica para datas e ordem alfabética para uma lista de nomes.

Tópicos relacionados

Para designers
Diretrizes para interações comuns do usuário
Para desenvolvedores (XAML)
Guia de início rápido: entrada por toque
Guia de início rápido: manipulando a entrada do ponteiro
Windows.UI.Xaml.Input
Para desenvolvedores (HTML)
Guia de início rápido: adicionando um SemanticZoom
Windows.UI.Input
Para desenvolvedores (aplicativo do Tempo de Execução do Windows usando DirectX com C++)
Respondendo à entrada por toque (DirectX e C++)
Amostras (XAML)
Entrada: amostra de eventos de entrada do usuário XAML
Amostra de rolagem, movimento panorâmico e aplicação de zoom em XAML
Amostras (WinJS)
Exemplo de SemanticZoom HTML para controles personalizados
Exemplo de agrupamento ListView HTML e SemanticZoom
Amostras (DOM)
Amostra de rolagem, movimento panorâmico e aplicação de zoom em HTML
Entrada: amostra de gestos instanciáveis
Amostras (DirectX)
Amostra de entrada por toque do DirectX
Entrada: amostra de manipulações e gestos (C++)

 

 

Mostrar:
© 2015 Microsoft