Autocomplete é uma ferramenta útil que você provavelmente tropeçou em seu uso diário da internet. Quando você começa a digitar no Google, você pode ver como ele oferece sugestões sobre o que você pode estar procurando. Este recurso é chamado de “autocomplete” ou “autosuggest” e é uma ótima maneira de orientar, educar e promover conteúdo e produtos em sua pesquisa interna do site em seu site.
o que é Autocompleta?
Autocomplete é um padrão usado para exibir sugestões de consulta.
à medida que você digita, o motor de busca irá sugerir várias previsões de como sua consulta poderia ser concluída. Por exemplo, se você digitar em “curso” em uma página da universidade, ele sugere “cursos em Inglês”, “cursos de geografia” ou “catálogo de cursos”. A beleza do autocomplete é que ele também preenche palavras inacabadas, então se você digitar “lect”, o motor sugeriria” lecture “ou”lecturer”.
por que necessita de uma grande funcionalidade Autocompleta
Autocompleta pode não parecer uma característica necessária à primeira vista. Mas a sua caixa de pesquisa é o gateway para o seu conteúdo ou os produtos em seu site. Com a completação automática você ajuda seus usuários a encontrar o conteúdo certo mais rápido.
quando bem feito, o auto-preenchimento também funciona como um guia para o seu conteúdo, fornecendo sugestões de pesquisa relevantes para o conteúdo do site. Pode ser uma mão orientadora para seus usuários para encontrar o que eles estão procurando e oferecer-lhes ajuda na construção de sua busca.
o Autocomplete é especialmente potente para dispositivos móveis e para mercados de comércio eletrônico. Não importa se os seus visitantes usam o móvel ou desktop, o autocomplete é sempre um grande recurso, porque ele economiza o seu tempo de usuários. Em média, o autocomplete reduz a datilografia em cerca de 25%.
a maioria dos usuários não quer digitar tanto em seus dispositivos móveis. A tela é limitada, e é mais difícil de digitar do que em um desktop. Uma opção de completar automaticamente minimiza o número de caracteres que os usuários têm que digitar, o que também significa que haverá menos erros de Digitação. Quando você usa autosuggest no seu dispositivo móvel é mais fácil de mostrar sugestões em vez de mostrar resultados completos já que iria ocupar mais espaço.
se você oferecer um site de comércio eletrônico, o autocomplete é praticamente uma necessidade. 82% dos sites de E-commerce de maior bilheteria oferecem sugestões autocompletadas para seus usuários enquanto eles começam a digitar sua consulta de pesquisa. Sugestões ajudam os usuários a encontrar as palavras exatas para descrever o que eles são depois. Muitas vezes eles não sabem o nome exato do produto ou não estão cientes das diferentes variações de um produto.
por exemplo, ao procurar um novo iPhone 11, o usuário descobriria autosuggestions como “Pro” ou “Pro Max” que os informavam sobre as opções de produto disponíveis.
pode também oferecer algumas informações sobre os seus produtos através do autocomplete. Você guia o Usuário através de sua loja e define uma expectativa do que existe. Se um produto for sugerido, o usuário saberá que está disponível.
como funciona a pesquisa Autocompleta?
para criar autosuggestions, o seu motor de busca irá olhar para as pesquisas reais que estão sendo realizadas em seu site e descobrir as comuns e tendências. A pesquisa do site irá oferecer palavras-chave relevantes para os caracteres que são inseridos. O número de previsões deve ser ajustado dependendo da tela. Em dispositivos móveis, as previsões devem ser menos para não confundir a vista para o usuário.
as sugestões Autocompletas têm um efeito psicológico: tranquilizam o utilizador quando vêem fósforos relacionados com a sua consulta e, muitas vezes, aconselham-no a adicionar mais detalhes à consulta, enquanto as sugestões relevantes continuarem a aparecer.
as melhores práticas para completar automaticamente
as sugestões para completar automaticamente são, por definição, interactivas e altamente transitórias. Devem oferecer assistência aos utilizadores em vez de serem o único foco. Um widget auto-completo deve sempre ser mantido simples e manter os padrões que o usuário sabe. A experiência deve ser o mais evidente e transparente possível para o visitante.
pretende ajudar o seu utilizador a articular melhor a sua pesquisa, guiando-os através do site e educando-os sobre o conteúdo. Infelizmente, se um widget auto-completo é projetado mal, ele pode distrair o usuário durante a sua busca ou até mesmo induzi-los em erro. Foi por isso que recolhemos seis melhores práticas para completar automaticamente:
- Ranking and Relevancy
you can only show a few suggestions on-site search, which makes the ranking vital. Todas as sugestões precisam ser relevantes para o usuário. Você pode analisar o que é popular ou trending como uma consulta para descobrir que conteúdo a maioria dos usuários busca. Claro, isso é um pouco complicado quando você só tem muito poucas consultas de pesquisa.
- velocidade
Autocomplete deve estar sempre na velocidade como você-tipo. Qualquer coisa que pareça lenta para o visitante será um disruptor para a experiência do Usuário. Afinal, é melhor se o Usuário nem sequer pensar em usar o autosuggest, mas apenas clica intuitivamente nele. Sugestões devem sempre começar com o primeiro personagem. O Usuário não espera encontrar nenhuma sugestão certa já, mas você mostra-lhes que existe um recurso autocompleto para suportá-los.
- realce e estilo conclusivamente
pode ajudar os seus utilizadores destacando quais os resultados que correspondem ao seu pedido. Muitas vezes, você vai encontrar pesquisas do site destacando a pesquisa que o usuário escreveu até agora nas sugestões de completar automaticamente. Por exemplo, quando você digita “iPhone”, as auto-sugestões mostrariam “novo iPhone”, “iPhone 7”, “iphone case”.
mas na verdade, a abordagem oposta funciona muito mais suavemente. Quando você destaca a parte que está sendo sugerida, você ajuda o seu usuário distinguindo entre Sugestões, uma vez que ele se concentra nas diferenças. Seu usuário estará bem ciente do que eles entraram, então eles estarão interessados nas adições. Por exemplo, se você digitar em “iPhone”, suas auto-sugestões seriam assim: “novo iPhone”, “iPhone 7”, “iphone case”.
os utilizadores que acedem aos seus produtos ou conteúdos via móvel apreciarão um realce e estilo conclusivos dos elementos. Qualquer informação adicional, como informações sobre o departamento que você está pesquisando ou os filtros que estão disponíveis, deve ter um estilo único (Veja abaixo “em telefones celulares e Acessórios”).
- Mantê-lo simples
Você quer evitar as barras de rolagem em seu autocompletar. Ninguém quer deslocar dentro de um widget interativo, em vez disso, o widget deve apenas expandir para o seu tamanho natural. É por isso que o tamanho das sugestões deve ser mantido em um máximo de 10 itens para evitar a paralisia escolha. Você quer que os usuários facilmente obter uma visão geral de suas escolhas.
quando as sugestões excederem o limite de 10 itens, os seus utilizadores irão ignorar as sugestões ou passar muito tempo a lê-las, o que irá atrasar o processo de pesquisa. No móvel, a lista deve ser ainda mais curta com um alvo de 4-8 sugestões.
- utilize rótulos e instruções
para utilizadores Web menos experientes é óptimo incluir instruções sobre como interagir com a funcionalidade de completar automaticamente. Títulos como” sugestões de pesquisa “ou” categorias ” oferecem uma maneira para o usuário distinguir os diferentes tipos de sugestões em vez de misturá-los todos em uma lista.
- suporta a navegação por teclado e a interacção com o rato
o seu utilizador deverá ser capaz de usar a sua navegação por teclado para carregar para cima e para baixo através das sugestões de completar automaticamente. Além disso, é recomendado mostrar que as sugestões de completar automaticamente são clicáveis com um mouse, por exemplo, invocando um cursor da mão ou realçando o que o usuário iria clicar. Pairando, por outro lado, deve ser uma ação não-committing e não enviar diretamente para os resultados.
- Design Visual Depth for Autocomplete
When the user opens a website, there are many elements of the page that fight for its attention. Escurecer o fundo da página enquanto o autocomplete é usado, oferece um foco claro e forte ênfase. Seu usuário não vai se distrair com outras informações no site e pode se concentrar nas sugestões de completar automaticamente.
- Personalize o seu Autocompleto
se oferecer uma pesquisa personalizada no site (saiba mais), pode oferecer resultados com base na localização actual do visitante ou na sua língua primária. Além disso, você pode mostrar seu histórico de pesquisa e termos de pesquisa similares ou relevantes para torná-los interessados em seu conteúdo.
existem várias formas de implementar a completação automática no seu site.
uma maneira mais fácil de implementar a completação automática é com o widget AddSearch. Ele oferece sugestões de pesquisa automática, geradas a partir de consultas de pesquisa feitas em seu site. Quanto mais dados forem coletados, mais o número e a qualidade das sugestões aumentarão.
com o apoio de um desenvolvedor, você pode integrá-lo com uma API. Você será capaz de personalizar o design e interface de usuário tanto quanto você quiser.
AddSearch oferece recursos como personalização para personalizar campos para nomes de produtos ou uma lista negra para remover sugestões colocando-los.