Diretrizes do controle de seleção (aplicativos da Windows Store)

Com o controle select, os usuários podem selecionar um valor, ou vários valores, em um conjunto de itens com rótulos de texto. O controle select tem dois modos de operação: modo de lista suspensa e modo de caixa de listagem.

Este é o controle correto?

Use o controle select para permitir que os usuários selecionem um ou mais valores em um conjunto de itens que podem ser representados adequadamente usando linhas simples de texto.

Não use o controle select para exibir itens que contenham várias linhas de texto ou imagens. Em vez disso, use um ListView.

Quando houver menos de oito itens, considere usar botões de opção (se somente um item puder ser selecionado) ou caixas de seleção (se vários itens puderem ser selecionados).

Escolha o modo correto

O controle select tem dois modos: Modo de lista suspensa e Modo de caixa de listagem.

Quando usar o modo de lista suspensa

Nesse modo, o controle de seleção conserva o espaço da tela mostrando apenas o item atualmente selecionado.

Um controle de seleção no modo de lista suspensa

Os usuários devem tocar em um painel frontal, que abre uma lista suspensa, para ver outros itens selecionáveis​​. Os usuários podem selecionar apenas um item nesse modo.

  • Use esse modo quando os itens de seleção forem de importância secundária no fluxo do seu aplicativo.

    Se a opção padrão for recomendada para a maioria dos usuários na maioria das situações, mostrar todos os itens usando o modo de caixa de listagem pode chamar mais atenção para as opções do que o necessário. Você pode economizar espaço e minimizar a distração usando o modo de lista suspensa.

  • Use esse modo quando precisar economizar espaço.

    Use o modo de lista suspensa do controle select para conservar o estado real na tela. O modo de lista suspensa permite que você forneça aos usuários uma variedade de opções, mas usa uma área pequena.

Quando usar o modo de caixa de listagem

Neste modo, o controle select está sempre aberto e mostra todos os seus itens sem interação adicional. Este modo dá suporte para seleção simples e seleção múltipla.

Ao usar este modo, defina o tamanho do controle select de forma que ele seja suficientemente grande para exibir todos os seus itens sem que o usuário precise fazer movimentos panorâmicos ou rolar.

  • Use este modo quando houver menos de 10 itens, e os itens forem suficientemente importantes para exibição de forma destacada.
  • Use este modo para seleção múltipla.

    Se houver menos de 10 itens, e eles precisarem ser exibidos de forma destacada, use o modo de caixa de listagem. Se você tiver mais de dez itens e quiser habilitar a seleção múltipla, use um ListView.

Veja um exemplo de uso apropriado do controle select no modo de caixa de listagem:

Neste exemplo, há apenas algumas frutas diferentes para você escolher. Eles são itens simples, mas são também um aspecto importante do aplicativo em si. Usando o modo embutido, as opções selecionáveis ficam visíveis sempre.

Uma caixa de listagem no modo embutido

Tópicos relacionados

select
Diretrizes de botões
Diretrizes de botões de opção
Diretrizes de botões de alternância
Diretrizes de caixas de seleção

 

 

Mostrar:
© 2014 Microsoft