Diretrizes e lista de verificação de controles SemanticZoom

Diretrizes e lista de verificação de controles SemanticZoom (aplicativos do Tempo de Execução do Windows)

[ Este artigo destina-se aos desenvolvedores do Windows 8.x e do Windows Phone 8.x que escrevem aplicativos do Windows Runtime. Se você estiver desenvolvendo para o Windows 10, consulte documentação mais recente ]

Siga estas diretrizes para usar o controle SemanticZoom. Para obter informações e o código que mostra como criar um SemanticZoom, veja Guia de início rápido: adicionando controles SemanticZoom.

Mapa: como este tópico está relacionado aos outros? Veja:

Este é o controle correto?

Use o controle SemanticZoom para navegação "em exibição" onde um usuário visualiza conteúdo idêntico de formas diferentes. Quando um usuário alterna entre modos de exibição semânticos, o escopo do conteúdo não deve ser alterado. Nunca exponha o usuário a um modo de exibição que não tenha escopo relacionado ao que ele está atualmente visualizando. Por exemplo, um modo de exibição apresentado como um álbum de fotografias nunca deve mudar para o modo de exibição da pasta Gerenciador de Arquivos.

Use o controle SemanticZoom da mesma forma como você usa a barra de rolagem: para navegar em um único modo de exibição.

O zoom semântico é realizado pela manipulação direta com a interação de pinçagem (juntar os dedos aumenta o zoom e afastar os dedos o diminui), ou pressionando a tecla CTRL para baixo ao rolar a roda de rolagem do mouse, ou pressionando a tecla CTRL para baixo e pressionando a tecla + ou -.

Observação  Não confunda zoom semântico com zoom óptico. Embora compartilhem a mesma interação e comportamento básico (exibir mais ou menos detalhe com base em um fator de zoom), o zoom óptico refere-se a ajuste de ampliação para uma área de conteúdo ou um objeto, como uma fotografia.
 

Zoom semântico e panorama

Também é possível navegar pelo conteúdo no Windows 8 por meio da interação panorâmica. Mas, embora o panorama seja útil para pequenos conjuntos de conteúdo e curtas distâncias, ele rapidamente fica complicado para grandes conjuntos de conteúdo. O controle SemanticZoom pode aprimorar significantemente a experiência de "longa distância" de navegar em grandes quantidades de conteúdo. Ele permite que os usuários saltem fácil e rapidamente para locais em seus dados ou conteúdo e pode oferecer tudo, desde uma visão geral de todo um conjunto até um único elemento.

Juntamente com o panorama, o SemanticZoom permite que você desenvolva aplicativos otimizados por toque com avançados recursos navegacionais e organizacionais.

O SemanticZoom não suporta interações sincronizadas para chamar uma ação.

Projetando modos de exibição semânticos

Para usar o controle SemanticZoom, você deve fornecer dois modos de exibição. Um desses é o modo de exibição principal do conteúdo. O segundo modo de exibição tem o mesmo conteúdo representado de forma que permite que os usuários naveguem rapidamente por ele. Por exemplo, uma lista de contatos ou o sistema de arquivos pode usar uma grade do alfabeto como o modo de exibição secundário. Um ListView agrupado pode usar seus cabeçalhos para o modo de exibição com menos zoom.

Modos de exibição com mais ou menos zoom do controle SemanticZoom

Os desenvolvedores são responsáveis por definir os diversos modos de exibição semânticos e limites para seus aplicativos.

Ao projetar o modo de exibição semântico (com menos zoom), considere estes pontos:

  • A estrutura e a apresentação das informações mudam com base no nível de zoom?
  • Dicas navegacionais, ou "postes de aviso", seriam úteis para navegar pelos dados?
  • Como você pode fornecer informações suficientes para que o usuário possa navegar pelo conteúdo?
  • Como você coloca conteúdo suficiente em poucas páginas para que os usuários não precisem se deslocar muito no modo de exibição semântico?

Estas considerações geralmente podem estar em conflito entre elas. Ao projetar o modo de exibição semântico, você geralmente deseja criar modos de exibição avançados com muitas informações para que os usuários saibam para onde estão saltando. Mas você precisa equilibrar a apresentação dessas informações com o comprimento total do seu modo de exibição semântico. Se os usuários precisarem deslocar um modo de exibição com menos zoom, você perderá o benefício principal fornecido pela SemanticZoom—navegação rápida.

Manipulando a entrada

O SemanticZoom manipula sua própria entrada.

O controle de zoom semântico não adiciona uma UI de mouse ao aplicativo. Por isso, se um aplicativo usa zoom para um objetivo principal em um aplicativo (como aumentar o zoom em um visualizador de fotos ou navegar pelos livros em um aplicativo de leitura), inclua um controle adicional para o zoom no AppBar.

O que fazer e o que não fazer

FazerNão use o tamanho de destino de toque correto para elementos utilizáveis ou interativos.
Não use estrutura e semântica que sejam intrínsecas ao modo de exibição.
  • Use os nomes de grupo para itens em um conjunto agrupado.
  • Use ordem de classificação (como ordem cronológica para datas ou ordem alfabética para uma lista de nomes) para um conjunto não agrupado, mas classificado.
  • Use páginas para representar um conjunto de documentos.
Limite o número de páginas (ou telas) no modo de exibição com menos zoom a três. O zoom semântico permite que o usuário salte rapidamente para o conteúdo. A introdução de panorama excessivo acaba com esse benefício.
Não fazerNão use um SemanticZoom para navegar em uma hierarquia. Use o SemanticZoom para navegar no conteúdo atual de forma eficiente. O SemanticZoom nunca deve alterar o escopo do conteúdo. (Por exemplo, não use o SemanticZoom para aumentar ou reduzir o zoom de pastas).
Não defina uma borda nos controles filhos do controle SemanticZoom. Se você definir bordas no SemanticZoom e em seus controles filhos, a borda do SemanticZoom e a borda do controle filho que está no modo de exibição serão ambas visíveis. Ao ampliar/reduzir o zoom, as bordas dos controles filhos serão escaladas com o conteúdo e não terão uma boa aparência. Defina uma borda apenas no controle SemanticZoom.

 

Tópicos relacionados

SemanticZoom
ListView
GridView

 

 

Mostrar:
© 2017 Microsoft