web-development-kb-pt.site

Alternativas a uma lista dupla para selecionar vários itens de uma lista longa?

Que alternativas e exemplos existem para selecionar um monte de itens de uma longa lista de itens em vez de uma lista dupla?

Esta pergunta tem alguns aprimoramentos legais da lista dupla tradicional, mas estou procurando outras coisas a considerar.

Melhor maneira de selecionar um subconjunto de itens em uma lista longa

16
Sam

Considere usar um design de seleção múltipla com tokens . O recurso de filtro ao digitar é um detalhe, mas não essencial. Eles funcionam bem quando o caso de uso comum é selecionar um ou apenas alguns, mas a usabilidade diminui rapidamente se você precisar selecionar muitos, pois o usuário precisa re-invocar o menu para cada item.

Multi-select with tokens, via harvesthq.github.com/chosen

Você já viu o método de entrada múltipla tokenizada em seus clientes de email. multi-select-tokens in email

Se o caso comum for selecionar vários, considere um menu da caixa de seleção . A diferença aqui é que o menu suspenso é persistente entre os cliques (além de comunicar visualmente a natureza da seleção múltipla) e, assim, o usuário pode clicar e clicar para selecionar rapidamente vários itens. Para nosso aplicativo da web, estamos buscando aprimorar esse design adicionando a funcionalidade de tokens.

checkbox menu, via realestate.com.au

11
Erics

Qualquer alternativa dependeria dos dados e dos casos de uso esperados. A representação visual não é tão importante quanto ajudar o usuário a encontrar os valores corretos. Você deve aproveitar todas as oportunidades para reduzir o número de opções e orientar o usuário para seus valores preferidos. Considere filtrar, agrupar e lembrar as seleções anteriores.

3
Nescio

Percebi essa alternativa usada pelo Windows 7 para selecionar colunas para o Windows Explorer.

enter image description here

2
jpierson

Confira estes exemplos também:

http://ivaynberg.github.com/select2/

... a partir de um plugin jquery chamado "Select 2", que lhe dará acesso programático, suporte a marcação e tokenização para caixas de seleção, campos de entrada, menus suspensos e muito mais. Você deve conseguir criar uma boa solução para o seu desafio com isso.

Cool plugin.

2
Rowe Morehouse

Você pode usar uma lista de opções com uma opção "Selecionar tudo" na parte superior. Com esta caixa de seleção, você pode selecionar e desmarcar todas as opções muito rapidamente (a caixa de seleção reflete ao mesmo tempo o status de seleção da lista ... todas, nenhuma ou nenhuma). Se o número de itens da caixa de seleção for muito alto, você poderá mostrar os itens selecionados (em uma lista normal) no lado direito da lista. Além disso, você deve adicionar um filtro sobre a lista da caixa de seleção.

0
sysscore

Se você não tiver espaço e a probabilidade de adicionar itens for baixa (2-3), poderá executar uma ação de adição repetitiva. Com a taxonomia adequada, os usuários obtêm isso muito rápido.

0
Bobby Tables