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
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.
Você já viu o método de entrada múltipla tokenizada em seus clientes de 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.
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.
Percebi essa alternativa usada pelo Windows 7 para selecionar colunas para o Windows Explorer.
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.
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.
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.