web-development-kb-pt.site

Melhores maneiras de substituir a seleção da caixa de combinação (também conhecida como seleção única) por interfaces de toque.

A caixa de combinação tem dois benefícios: a) cabe em imóveis limitados eb) sinaliza a seleção única para o usuário.

Quais são as melhores alternativas para telas sensíveis ao toque que minimizam a interação? A Combobox exige vários cliques e isso é mais tedioso para o toque (imo).

8
Ryan Cromwell

Em dispositivos iOS, o controle "suspenso" é renderizado como um controle de alvo grande que ocupa metade da tela e permite que o usuário passe a lista facilmente. Qualquer item que estiver no meio do retículo está selecionado. Dessa forma, você só precisa tocar para ativar o controle, deslizar para selecionar e tocar novamente para confirmar. Esses toques não são supérfluos, pois todos servem a um propósito claro.

Combo box on iPhone

As caixas de combinação, nas quais você também pode digitar para selecionar um item, parecem desnecessárias em plataformas sensíveis ao toque com controles como os acima, pois é muito mais fácil percorrer uma longa lista (especialmente com a seleção de índice de estilo de lista telefônica como o iOS) do que é para percorrer um menu suspenso nas plataformas kb/mouse.

7
Rahul

Rahal apresentou e explicou a solução mais comum e útil para esse problema.

Em casos especiais, quando a lista de valores na caixa de listagem é muito longa, consideraria uma abordagem diferente:

Mostre o valor selecionado (ou "escolha ...") em um campo regular com uma cenoura (">") na extremidade direita.
Pressionar o campo navegará para uma nova tela, contendo a longa lista de valores. Neste ponto, você pode empregar duas técnicas:

  • A seleção de um valor retorna automaticamente à tela anterior.
  • A seleção de qualquer valor o marca com um "v", mas deixa o usuário na mesma tela. Se o usuário tentar pressionar outro valor, o "v" passará para o novo valor, implicando que não há seleção múltipla.

Benefícios (supondo que seja uma lista longa):

  • O usuário vê imediatamente mais valores
  • É mais fácil rolar do que o rolo, que possui apenas metade da tela (e você pode tocar na parte superior da tela para subir totalmente)
  • Você pode adicionar um controle de navegação, como a navegação em ordem alfabética da lista de contatos nativos do iPhone, para ajudar a "pular" para pontos de interesse.
  • Em casos extremos, você também pode adicionar uma caixa de "pesquisa".
2
Dan Barak