web-development-kb-pt.site

Diretrizes para widgets de preenchimento automático

Quais diretrizes existem ao trabalhar com widgets de preenchimento automático? Espero diretrizes gerais que se apliquem a diferentes tipos de aplicativos: Web, computador e dispositivos móveis.

Um segmento resposta a um pesquisar ao digitar incluía os seguintes itens relevantes:

  • Nunca atualize a entrada de pesquisa com um dos resultados, a menos que o usuário solicite.
  • Forneça acesso ao teclado e ao mouse para selecionar resultados.
  • Look-behind é um bom complemento para o futuro.

Eu observei algumas outras práticas:

  • Destacando o termo pesquisado
  • Retornando a contagem de itens correspondentes
  • Fornecer um indicador de ação na seleção (mas não ativação) de uma entrada de preenchimento automático
  • Oferecendo o texto digitado originalmente na lista de preenchimento automático

Além disso, as seguintes perguntas podem ser feitas ao fornecer sugestões:

  • Quantas dicas/sugestões devem ser fornecidas?
  • Como você resolve aqueles que devem ser exibidos quando muitos estão disponíveis?
  • As sugestões devem levar em consideração prováveis ​​erros de ortografia ou digitação?

Quaisquer respostas que discutam sintaxes mais complicadas, como expressões booleanas, também serão úteis.

20
Kaleb Pederson

Não há diretrizes gerais que funcionem em todas as plataformas e aplicativos, como por exemplo a pesquisa na web do Google e a seleção de uma pessoa de uma lista de colegas de trabalho - em ambos os casos, um widget de preenchimento automático pode ser apropriado, mas todos os detalhes da implementação serão diferentes .

A única coisa que você pode fazer é avaliar as necessidades específicas de cada aplicativo (não a plataforma, quem se importa se o formulário que você está preenchendo estiver em um navegador da web ou em uma caixa de diálogo) e fazer um teste de usabilidade para ver quais recursos você precisa (opções incorretas dos usuários frequentemente -> você precisa levar em consideração o erro ortográfico).

Deixe-me citar uma entrevista antiga com Tim Lister (um dos autores do Peopleware):

Cramblitt: O que você acha da confiança nas melhores práticas?

Lister: Sinto calafrios quando ouço essa frase. Do meu ponto de vista, existem algumas boas práticas, mas nenhuma prática recomendada, porque isso implica no desenvolvimento genérico de software. Todos os projetos estão relacionados ao domínio em que se inserem. Uma prática recomendada para o software desfibrilador não é a prática recomendada em outro domínio. Gostaria que as pessoas pensassem em padrões - abstraindo seu trabalho e reconhecendo os padrões em que estão, bons e ruins, e tomando decisões informadas para promover esses padrões ou substituí-los.

5
Nir

Se é um site que tem muitos produtos em várias categorias, mostrar a categoria é uma boa maneira de ajudar o usuário a encontrar o que está procurando.

Exemplo: quando um usuário está pesquisando: game of thr

Jogo de thr uns em livros

Jogo de thr ones em DVDs

Jogo de thr ones em eBooks

Jogo de thr uns

Jogo de thr oubles

Jogo de thr ee

e assim por diante..

2
Mrs Web

Implementando um complemento automático genérico no momento, para que haja alguns pensamentos/descobertas até o momento.

A meu ver, existem dois tipos de preenchimento automático. Nisso existe um menu suspenso oculto e outro que é um campo de texto. O preenchimento automático suspenso é usado quando você deseja restringir as entradas, mas não deseja um menu suspenso com centenas de itens. Utilizado, por exemplo, ao selecionar aeroportos para voar de/para. O campo de texto é usado mais para sugestões ao pesquisar.

No primeiro caso, acho que você deseja atualizar a entrada. Desde que tem que ser uma entrada válida de qualquer maneira. Nesse caso, é importante que fique claro qual é a sua sugestão e qual é a entrada do usuário.

Restrinja o número de resultados mostrados. O foco do usuário é imputar texto no campo. Se eles tiverem que percorrer uma longa lista de opções, você também pode usar uma lista suspensa. Não ter que mudar o foco dos olhos e colocar menos carga na memória dos usuários também é provavelmente uma coisa boa.

Embora eu veja uma propriedade útil de longas listas. Se não me lembro o que estou procurando. Uma longa lista permitirá que eu leia e reconheça (espero) o que estou procurando.

Escolher o que é mostrado na lista é provavelmente uma das coisas que mais exigem conhecimento de domínio. O Google parece fazê-lo por popularidade de busca, por companhias aéreas, pelo tamanho do aeroporto. T

Quanto a olhar para trás, estou um pouco dividido. É mais fácil lembrar a primeira letra de uma palavra do que a terceira. Portanto, na maioria das vezes, isso é provavelmente o que seus usuários estão fazendo. Portanto, a correspondência em qualquer lugar da string pode gerar muitos resultados indesejados. Usuários avançados, que aprenderam que 'ac' é mais rápido que 'st' para 'pilha', podem ter utilidade para isso. Combinar todas as palavras nas frases também é provavelmente uma boa ideia. Como então, você oferece mais opções de reconhecimento.

0
Alvin

O Google faz alguns testes A/B extremos e o preenchimento automático é um produto essencial.

Eu acho que é tão bom quanto você obterá quando se trata de diretrizes comprovadas.

0
Indolering

Este é um bom artigo sobre padrões a serem usados ​​com base na pesquisa do usuário: https://baymard.com/blog/autocomplete-design

Quando as sugestões de preenchimento automático funcionam bem, ajudam o usuário a articular melhores consultas de pesquisa. Não se trata de acelerar o processo de pesquisa, mas de orientar o usuário e de ajudá-lo a construir sua consulta de pesquisa ...

Durante o teste, foram encontradas sugestões de preenchimento automático para alterar diretamente como e o que os participantes do teste procuraram.

0
Jennifer