Claves para diseñar un buscador

buscador, campo de busqueda, diseño, ux, ui, experiencia de usuario, usabilidad,

El sistema de búsqueda de un producto digital es un factor clave que ayuda a la consecución de objetivos importantes tanto para negocio como para los usuarios. 

Tener una buena implementación del sistema de búsqueda, conseguirá que los usuarios deban realizar un menor esfuerzo cognitivo para realizar consultas dentro del sitio.

 

Claves y buenas prácticas de UX y Usabilidad para un buscador

Para que los usuarios puedan realizar una buena consulta de búsqueda, necesitan saber bastante bien lo que quieren consultar o lo que están buscando. Necesitan localizar y conocer el componente del buscador e introducir las palabras clave correctas.

Si es un usuario recurrente, que ya ha utilizado con anterioridad el sistema de búsqueda o buscador, deberá de obtener o recordar información sobre el uso del mismo guardada en su memoria. Por ejemplo, para llegar a un resultado significativo, el usuario deberá de pensar en los atributos que son relevantes para conseguir su objetivo e incluirlos en la búsqueda.

Para los usuarios, utilizar un buscador, tiene un gran coste de interacción. Deben escribir la consulta. Es un tipo de interacción dentro del componente del producto que es propenso a errores y que en ciertas pantallas de dispositivos móviles, puede ser realmente complicado por el tamaño del teclado.

Cierto es que, el sistema de autocompletado y sugerencias, ayuda a mitigar los errores, pero no es comparable en cuanto a eficacia y eficiencia a un buen sistema de filtrado. Siempre es recomendable realizar test con usuarios o utilizar otras técnicas de investigación para obtener datos cuantitativos y cualitativos concluyentes sobre su uso.

 

Incluir el icono de la lupa en el diseño del buscador

Los usuarios suelen reconocer que un icono de lupa indica una herramienta con funcionalidad para la búsqueda, incluso cuando no existe etiquetado.

La lupa se ha asociado con la búsqueda porque muchos sitios web, aplicaciones y sistemas operativos la han usado de forma eficaz y fiable para encontrar información. Gracias a ello, los usuarios, han aprendido a reconocer este icono rápidamente.

Aunque el icono sea fácilmente reconocible es más que recomendable incluir el etiquetado de buscar, al igual que, tener bien definido el campo o input de búsqueda, su posición y el espacio que ocupará.

buscador de amazon, campo de busqueda amazon, ux, ui, usabilidad, diseño

 

Mostrar el campo o input de búsqueda dentro de las páginas

La mayoría de los sitios están haciendo un gran trabajo en este punto. Suelen ubicar uniformemente junto a la navegación global el campo del buscador.

Aunque, los últimos estudios con usuario indican que ya no es tan necesario incluir un placeholder con el etiquetado “búsqueda”, no viene nunca mal.

Los usuarios buscan un campo ancho y vacío o con un icono de lupa para realizar y escribir sus consultas. Si las ventas de Ecommerce, dependen mucho del buscador más que del sistema de filtrado o la navegación facetada por categorías, merece la pena dedicarle un valioso y amplio espacio dentro de las páginas que conforman el sitio.

El campo de búsqueda debe de ser fácilmente identificable y debe de ir acompañado de un botón en la mayoría de los casos.

buscador ikea, campo de busqueda ikea, ux, ui, usabilidad, diseño,

 

Incluir un botón al campo que ejecute la búsqueda

Muchos usuarios todavía tienen interiorizada la funcionalidad de clicar en un botón para ejecutar la tarea de búsqueda. 

Un botón con el texto buscar es bastante efectivo, pero los usuarios ya entienden que el icono de la lupa, cuando se le da el estilo adecuado hace la función de botón y ya no es tan necesario la etiqueta “Buscar”.

 

Colocar el buscador en el sitio adecuado y localizable

La posición en el que los usuarios esperan encontrar el buscador dentro de un sitio suele ser en la parte superior derecha o en la parte superior central.

Como es recomendable incluir en toda la profundidad del sitio, suele estar incluido como parte del header del producto, común a todas las páginas aunque con excepciones dependiendo del tipo de producto digital.

Por ejemplo, en un Ecommerce, en el proceso de compra o Checkout, no es especialmente recomendable ya que se realizan esfuerzos para reducir los puntos de fuga del usuario cuando se encuentran en la parte baja y estrecha del embudo de conversión.

 

Sugerencias de búsqueda y el autocompletado

Las sugerencias de búsqueda también conocidas como autosugerencias se han convertido en parte fundamental de un buscador. Son consultas recomendadas que aparecen en un menú desplegable mientras los usuarios escriben en el campo de búsqueda.

Este tipo de sugerencias ayudan a los usuarios a ahorrar tiempo, esfuerzo mental, a evitar errores tipográficos y otro tipo de errores.

Los usuarios disponen de dos caminos para realizar la consulta:

  • Seleccionar una de las recomendaciones sugeridas.
  • Seguir escribiendo en el campo y enviar su propia consulta para obtener resultados.

buscador pccomponentes, campo de busqueda pccomponentes, ux, ui, usabilidad, diseño, web,

Las sugerencias enriquecidas cada vez más están ganando peso dentro de los Ecommerce o tiendas online. Son un tipo de sugerencias que incluyen foto del producto, precio, descuento, etc.

En algunos casos, cuando existen muchas categorías o familias de producto, este tipo de sugerencias enriquecidas pueden mostrar dichas categorías a los usuarios para ayudarles a localizar su consulta y facilitarles la construcción de su mapa mental.

Beneficios de que el usuario seleccione sugerencias de búsqueda:

  • Selecciona un término apropiado que le mostrará resultados relacionados en vez de malos resultados o resultado 0.
  • Disminuye el coste de interacción ya que no necesita escribir la consulta completa.
  • Evita errores tipográficos.
  • Menos esfuerzo mental.

buscador decathlon, campo busqueda, ux, ui, usabilidad, diseño web,

 

Claves para mostrar correctamente las sugerencias en un buscador

Dentro del menú desplegable de búsqueda con las sugerencias es importante cumplir con las siguientes recomendaciones para facilitar a los usuarios su comprensión:

  • Usar un estilo de texto para diferenciar entre el texto que escribe el usuario y los términos sugeridos. Por ejemplo: iPhone 13 pro max.
  • Incluir el alcance en las sugerencias. Por ejemplo: iPhone 13 pro max en Smartphones.

buscador ebay, campo de busqueda ebay, ux, ui, usabilidad, diseño web,

La búsqueda en un producto digital es una parte fundamental y puede ayudar a los usuarios que tienen bien definidos sus objetivos y lo que están buscando. Esta funcionalidad debe de ser complementaria al sistema de navegación y a la categorización que se realiza a través del menú y la creación de Subhome o páginas de categorías.

 

Créditos

La imagen de cabecera es de Unsplash
Search Box vs. Navigation
Design a Perfect Search Box