Pickers (seletores)

Um componente que deixa a pessoa escolher um valor de um conjunto pronto, em vez de digitar livre.

Hard

O que é

Picker é o componente que oferece opções prontas pra escolher, como o seletor de data, o de hora e o de cor. Em vez de digitar livremente, a pessoa apenas seleciona, e isso reduz o erro e ajuda a padronizar o dado que entra no sistema.

O ganho principal do picker é evitar inconsistência, porque um campo de texto livre gera data em mil formatos diferentes, enquanto um date picker força um padrão único e ainda valida sozinho. O resultado é menos atrito pra quem usa e um dado mais confiável pro sistema, dos dois lados.

A usabilidade, porém, depende muito do contexto. A roda de rolagem vai bem no mobile, pra um ajuste rápido, enquanto o dropdown se sai melhor em listas longas no desktop. Um picker mal feito, com passo demais ou lista enorme, acaba irritando mais do que ajudando, e por isso um bom picker ainda deixa a pessoa digitar quando isso faz sentido.

Em uma frase

Troca o campo de data digitada por um date picker que os erros de formato somem.

A pergunta que ele responde

Quando deixo a pessoa escolher de uma lista pronta em vez de digitar livremente?

Quando usar

Faz sentido pra entradas estruturadas, como data, hora e cor, nos casos em que padronizar o valor reduz o erro.

Como não usar

O que atrapalha é usar picker numa tarefa aberta, que na verdade pede texto livre, ou montar um picker com passos demais e lista longa que acaba cansando a pessoa.

Na prática

Pense num time que troca o campo de data digitada por um date picker. Depois dessa mudança, os erros de formato simplesmente somem do formulário, porque a pessoa deixa de digitar e passa a selecionar.

Não confunda com

Vale separar picker de um dropdown qualquer, porque o picker é especializado em valores estruturados, como data, hora e cor, e costuma vir com validação, enquanto o dropdown é só uma lista genérica de opções. E também ajuda diferenciá-lo do campo livre, porque o picker restringe justamente pra padronizar a entrada.

D

Em inglês

Pickers

Pronúncia

pí-quers

Também chamado de

picker, seletor, seletor de data, seletor de cor

Origem

n/a

Fonte

Saiba mais

Apple Human Interface Guidelines, seção sobre pickers