Diretrizes de controles de virar exibição

Applies to Windows and Windows Phone

Uma amostra da aparência do controle de virar exibição padrão

Descrição

O controle de virar exibição permite que as pessoas invertam modos de exibição em um aplicativo ou por meio de uma coleção de itens, como fotografias em um álbum de fotografias, um de cada vez. Ele oferece às pessoas uma forma de ver cada item individual ao navegar pela coleção.

Exemplo

Uma captura de tela ilustrando o controle de virar exibição padrão

Este é o controle correto?

O controle de virar exibição permite que as pessoas invertam modos de exibição ou itens, um por vez. Botões de inversão aparecem no foco do mouse e permitem que as pessoas invertam para o item seguinte ou anterior.

Imagem de um controle FlipView

Você também pode adicionar um controle de indicador de contexto para que os usuários possam saltar diretamente até um item específico.

Imagem de um indicador de contexto com um controle FlipView

O que fazer e o que não fazer

  • Use um controle de virar exibição para:
    • Inverter entre itens em uma pequena coleção ( < 10) de itens relacionados. Por exemplo, em um aplicativo de compra, você pode querer mostrar várias imagens de um produto em uma página de detalhes do produto. Você pode usar o controle de indicador de contexto para uma pequena coleção, mas geralmente isso não é necessário.

    • Inverter entre itens em uma lista de tamanho médio (10 a 25) de itens relacionados. Por exemplo, em um aplicativo de imóveis, você pode querer mostrar diversas imagens de cada casa, mostrando os quartos e as vistas. Para essas listas de tamanho médio, inclua um controle de indicador de contexto, como uma película de miniaturas, que permita que os usuários saltem para fotos específicas.

    • Inverter entre os modos de exibição de um aplicativo. Por exemplo, um iniciador de aplicativo pode ter um modo de exibição que mostra os favoritos de um usuário em uma grade e outro que mostra os favoritos em uma lista. Você pode adicionar um controle de virar exibição para permitir que os usuários naveguem de um modo de exibição para outro.

  • Use um indicador de contexto quando os itens na coleção não fornecem informações contextuais suficientes para ajudar os usuários a saberem onde estão na coleção. Um controle de virar exibição para dias da semana não precisaria de um indicador de contexto, enquanto um para imagens de produtos precisaria.

  • Forneça aos usuários uma indicação de onde o item atual está na coleção. Use 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.

  • Adapte o indicador para o número de itens e o cenário específico. Para coleções pequenas, você pode mostrar toda a coleção no indicador de contexto. Para coleções de tamanho médio, você pode querer mostrar apenas 5 por vez, por exemplo. Em coleções meramente visuais, você pode exibir miniaturas. Em coleções baseadas em texto, talvez você prefira exibir o alfabeto para que os usuários possam saltar para a letra certa.

  • Permita que os usuários saltem para itens específicos. Certifique-se de que você sempre ajude os usuários a se sentirem no controle de onde estão e para onde desejam ir.

  • Não use um controle de virar exibição para coleções grandes. O movimento repetitivo de inverter cada item torna-se entediante para os usuários. Em vez disso, use um dos seguintes procedimentos:

Tópicos relacionados

Para designers
Diretrizes de controles ListView
Para desenvolvedores (HTML)
Adicionando controles FlipView
Início rápido: adicionando um FlipView
WinJS.UI.FlipView object
Para desenvolvedores (XAML)
Adicionando controles FlipView
Início rápido: adicionando um FlipView
FlipView class

 

 

Mostrar:
© 2014 Microsoft