Autocompletar es una herramienta práctica con la que probablemente se haya topado en su uso diario de Internet. Cuando empiezas a escribir en Google, puedes ver cómo te ofrece sugerencias sobre lo que podrías estar buscando. Esta función se llama «autocompletar» o «autosugestar» y es una excelente manera de guiar, educar y promover contenido y productos en la búsqueda interna de su sitio en su sitio web.
¿Qué es Autocompletar?
Autocompletar es un patrón utilizado para mostrar sugerencias de consulta.
A medida que escribe, el motor de búsqueda le sugerirá varias predicciones de cómo podría completarse su consulta. Por ejemplo, si escribe » curso «en la página web de una universidad, sugiere» cursos en inglés»,» cursos de geografía «o»catálogo de cursos». La belleza de la autocompletar es que también llena palabras sin terminar, por lo que si escribe «lect», el motor sugeriría «lecture» o «lecturer».
Por qué necesita una Gran función de Autocompletar
El autocompletar puede no parecer una función necesaria a primera vista. Pero tu cuadro de búsqueda es la puerta de entrada a tu contenido o a los productos de tu sitio web. Con autocompletar, ayuda a sus usuarios a encontrar el contenido adecuado más rápido.
Cuando se hace bien, autocompletar también funciona como una guía hacia su contenido al proporcionar sugerencias de búsqueda relevantes para el contenido del sitio. Puede ser una guía para que sus usuarios encuentren lo que están buscando y les ofrezcan ayuda en la construcción de su búsqueda.
Autocompletar es especialmente potente para dispositivos móviles y mercados de comercio electrónico. No importa si sus visitantes usan dispositivos móviles o de escritorio, la función de autocompletar siempre es una excelente función porque ahorra tiempo a sus usuarios. En promedio, el autocompletado reduce la escritura en aproximadamente un 25 por ciento.
La mayoría de los usuarios no quieren escribir tanto en sus dispositivos móviles. La pantalla es limitada y es más difícil de escribir que en un escritorio. Una opción de autocompletar minimiza el número de caracteres que los usuarios tienen que escribir, lo que también significa que habrá menos errores tipográficos. Cuando usas la autosugestión en tu dispositivo móvil, es más fácil mostrar sugerencias en lugar de mostrar resultados completos que tomarían más espacio.
Si ofrece un sitio de comercio electrónico, la autocompletación es prácticamente una necesidad. el 82% de los sitios de comercio electrónico de mayor recaudación ofrecen sugerencias de autocompletar a sus usuarios a medida que comienzan a escribir su consulta de búsqueda. Las sugerencias ayudan a los usuarios a encontrar las palabras exactas para describir lo que buscan. Muchas veces no saben el nombre exacto del producto o no son conscientes de las diferentes variaciones de un producto.
Por ejemplo, al buscar un nuevo iPhone 11, el usuario descubriría sugerencias automáticas como » Pro » o «Pro Max» que le informarían sobre las opciones de productos disponibles.
También puede ofrecer información sobre sus productos a través de autocompletar. Usted guía al usuario a través de su tienda y establece una expectativa de lo que existe. Si se sugiere un producto, el usuario sabrá que está disponible.
Por último, puedes promocionar ciertos productos personalizando su clasificación de autocompletar. Puedes enviar ciertos resultados a la parte superior de tus sugerencias de autocompletar para llamar la atención de tus visitantes.
¿Cómo funciona la Búsqueda de Autocompletar?
Para crear autosugestiones, su motor de búsqueda mirará las búsquedas reales que se están realizando en su sitio web y descubrirá las más comunes y de tendencia. La búsqueda en el sitio ofrecerá palabras clave relevantes para los caracteres introducidos. El número de predicciones se debe ajustar en función de la pantalla. En los dispositivos móviles, las predicciones deben ser menos para no saturar la vista para el usuario.
Las sugerencias de autocompletar tienen un efecto psicológico: tranquilizan al usuario cuando ve coincidencias relacionadas con su consulta y, a menudo, le piden que agregue más detalles a la consulta mientras sigan apareciendo sugerencias relevantes.
Las mejores prácticas para Autocompletar
Las sugerencias de autocompletar son, por definición, interactivas y altamente transitorias. Deben ofrecer asistencia al usuario en lugar de ser el único objetivo. Un widget de autocompletar siempre debe mantenerse simple y atenerse a los estándares que el usuario conoce. La experiencia debe ser lo más evidente y fluida posible para el visitante.
Desea ayudar a su usuario a articular mejor su consulta de búsqueda, guiarlo a través del sitio y educarlo sobre el contenido. Desafortunadamente, si un widget de autocompletar está mal diseñado, podría distraer al usuario durante su búsqueda o incluso engañarlo. Es por eso que recopilamos seis prácticas recomendadas para autocompletar:
- Ranking y relevancia
Solo puede mostrar algunas sugerencias de búsqueda en el sitio, lo que hace que el ranking sea vital. Todas las sugerencias deben ser relevantes para el usuario. Puede analizar lo que es popular o tendencia como una consulta para averiguar qué contenido busca la mayoría de los usuarios. Por supuesto, esto es un poco complicado cuando solo tiene muy pocas consultas de búsqueda.
- Velocidad
El autocompletado siempre debe estar activado a medida que escribe. Cualquier cosa que se sienta lenta para el visitante será un disruptor para la experiencia del usuario. Después de todo, es mejor si el usuario ni siquiera piensa en usar el autosugest, sino que simplemente hace clic intuitivamente en él. Las sugerencias siempre deben comenzar con el primer carácter. El usuario no esperará encontrar ninguna sugerencia correcta ya, pero le mostrarás que hay una función de autocompletar para soportarlas.
- Resaltar y estilo de forma concluyente
Puede ayudar a sus usuarios resaltando qué resultados coinciden con su solicitud. A menudo, encontrará búsquedas en el sitio resaltando la consulta de búsqueda que el usuario ha escrito hasta ahora en las sugerencias de autocompletar. Por ejemplo, cuando escribe «iPhone», las sugerencias automáticas mostrarían» nuevo iPhone»,» iPhone 7″,»funda para iPhone».
Pero, de hecho, el enfoque opuesto funciona mucho más suavemente. Al resaltar la parte que se está sugiriendo, ayuda a su usuario a distinguir entre sugerencias, ya que se centra en las diferencias. Su usuario estará al tanto de lo que ingresó, por lo que estará interesado en las adiciones. Por ejemplo, si escribe «iPhone», sus sugerencias automáticas se verían así:» nuevo iPhone»,» iPhone 7″,»funda para iPhone».
Los usuarios que accedan a sus productos o contenidos a través de dispositivos móviles apreciarán un resaltado y estilo concluyentes de los elementos. Cualquier información adicional, como información sobre el departamento en el que está buscando o los filtros disponibles, debe tener un estilo único (consulte a continuación «en Teléfonos celulares y Accesorios»).
- Manténgalo simple
Desea evitar las barras de desplazamiento en su autocompletar. Nadie quiere desplazarse dentro de un widget interactivo, en su lugar, el widget solo debe expandirse a su tamaño natural. Es por eso que el tamaño de las sugerencias debe mantenerse en un máximo de 10 elementos para evitar la parálisis de la elección. Desea que los usuarios obtengan fácilmente una visión general de sus opciones.
Cuando las sugerencias excedan el límite de 10 elementos, sus usuarios ignorarán las sugerencias por completo o pasarán mucho tiempo leyéndolas, lo que ralentizará el proceso de búsqueda. En dispositivos móviles, la lista debería ser incluso más corta con un objetivo de 4 a 8 sugerencias.
- Utilice etiquetas e instrucciones
Para los usuarios web menos experimentados, es genial incluir instrucciones sobre cómo interactuar con la función de autocompletar. Encabezados como» sugerencias de búsqueda «o» categorías » ofrecen una forma para que el usuario distinga los diferentes tipos de sugerencias en lugar de mezclarlas todas en una lista.
- Admite la navegación por teclado y la interacción con el ratón
Su usuario debe poder usar su navegación por teclado para hacer clic arriba y abajo a través de las sugerencias de autocompletar. Además, se recomienda mostrar que se puede hacer clic en las sugerencias de autocompletar con un mouse, por ejemplo, invocando un cursor manual o resaltando lo que el usuario haría clic. Flotar, por otro lado, debe ser una acción sin compromiso y no enviar directamente a los resultados.
- Diseño de Profundidad Visual para Autocompletar
Cuando el usuario abre un sitio web, hay muchos elementos de la página que luchan por su atención. Oscurecer el fondo de la página mientras se usa autocompletar, ofrece un enfoque claro y un fuerte énfasis. Su usuario no se distraerá con otra información en el sitio web y puede concentrarse en las sugerencias de autocompletar.
- Personalice su Autocompletar
Si ofrece una búsqueda personalizada en el sitio (obtenga más información), puede ofrecer resultados basados en la ubicación actual del visitante o en su idioma principal. Además, puedes mostrar su historial de búsqueda y términos de búsqueda similares o relevantes para que se interesen en tu contenido.
¿Cómo se puede implementar Autocompletar?
Hay varias formas de implementar autocompletar en su sitio web.
Una forma más fácil de implementar el autocompletado es con el widget AddSearch. Ofrece sugerencias de búsqueda automáticas, generadas a partir de consultas de búsqueda realizadas en su sitio web. Cuantos más datos se recopilen, más aumentará el número y la calidad de las sugerencias.
Con el soporte de un desarrollador, puede integrarlo con una API. Podrá personalizar el diseño y la interfaz de usuario tanto como desee.
AddSearch ofrece funciones como personalización para personalizar campos para nombres de productos o una lista negra para eliminar sugerencias al incluirlas en la lista negra.