Windows Dev Center

Diretrizes de controles de virar exibição

[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 .]

O controle de exibição invertida serve para exibir as imagens em uma coleção, como fotos em um álbum ou itens em uma página de detalhes do produto, uma imagem de uma vez. Em dispositivos sensíveis ao toque, passar o dedo em um item move a coleção. Com um mouse, os botões de navegação aparecem no foco do mouse. No teclado, as teclas de seta movem a coleção.

Este é o controle correto?

Inverter o modo de exibição é melhor para examinar imagens em coleções pequenas e médias (até 25 itens ou algo assim). Exemplos de tais coleções incluem itens em uma página de detalhes do produto ou fotos em um álbum de fotos. Embora não recomendemos a exibição invertida na maioria das coleções grandes, esse controle funciona para a visualização de imagens individuais em um álbum de fotos.

Exemplos

O layout típico da exibição invertida é horizontal, pois esse controle funciona bem em todos os dispositivos e na orientação retrato ou paisagem.

Exemplo de layout horizontal de inversão de modo de exibição

A inversão do modo de exibição também pode ser disposta no estilo vertical.

Exemplo de inversão vertical do modo de exibição

Para qualquer coleção de modo de exibição invertido, adicionar um indicador de página oferece um ponto de referência útil. O exemplo abaixo mostra um indicador de página típico, uma série de pontos em que cada ponto é selecionável e corresponde a uma imagem da coleção.

Exemplo de um indicador de página

Para coleções maiores (10 a 25 itens), um indicador que fornece mais contexto, como uma tira de filme de miniaturas, pode ser benéfico. Como acontece com um indicador de página, um indicador de contexto permite que os usuários saltem para itens específicos da coleção.

Exemplo de indicador de contexto

Recomendações

  • Indicadores de página podem ser adicionados a qualquer coleção. Esses controles simples, selecionáveis, permitem que o usuário saiba em qual item ele está e que ele alterne para outros itens.
  • Considere a adição de um indicador de contexto (em vez de um indicador de página) quando os itens da coleção não fornecem informações contextuais suficientes para que os usuários saibam onde eles estão na coleção, como com os detalhes do produto. Além disso, considere adicionar um indicador de contexto para ajudar os usuários a saber qual é o tamanho da coleção e onde o item atual está em relação aos outros na coleção.
  • Permita que os usuários saltem para itens específicos. Ajude os usuários a se sentirem no controle de onde estão e para onde desejam ir.
  • Evite usar um controle de inversão de modo exibição em coleções grandes, já que o movimento repetitivo de inversão em cada item pode ser entediante. Uma exceção seria para álbuns de fotos, que costumam ter centenas ou milhares de imagens. Álbuns de fotos quase sempre alternam para um modo de exibição invertido depois que uma foto é selecionada no layout do modo de exibição de grade. Para outras coleções grandes, considere o Modo de exibição de lista ou de grade.

Tópicos relacionados

Diretrizes de listas

 

 

Mostrar:
© 2015 Microsoft