5 formas de mejorar la UX de la búsqueda de sitios

La búsqueda es como una conversación entre el usuario y el sistema: el usuario expresa su necesidad de información como una consulta y el sistema expresa su respuesta como un conjunto de resultados. La búsqueda es una actividad fundamental y un elemento crítico en la construcción de un sitio con mucho contenido.

En este artículo, me gustaría compartir 5 consejos que te ayudarán a mejorar la UX de búsqueda.

1. Coloque el cuadro de búsqueda donde los usuarios esperan encontrarlo.

No es bueno cuando los usuarios tienen que buscar el cuadro de búsqueda porque no se destaca y no es fácil de detectar.

El cuadro que ve a continuación fue tomado de un estudio de A. Dawn Shaikh y Keisi Lenz: muestra la posición esperada del formulario de búsqueda del sitio en una encuesta con 142 participantes. El estudio encontró que el lugar más conveniente para la mayoría de los usuarios es el área superior izquierda o superior derecha de una página de su sitio.

1

Las áreas donde los participantes esperaban que se encontrara la búsqueda. La esquina superior derecha sigue siendo el primer lugar donde los usuarios esperan encontrar una búsqueda.

Por lo tanto, coloque un cuadro de búsqueda en el área superior derecha o superior central de su diseño y estará seguro de que sus usuarios lo encontrarán donde esperan que esté.

Idealmente, el cuadro de búsqueda debe ajustarse al diseño general del sitio web y, al mismo tiempo, destacarse ligeramente cuando los usuarios lo necesiten.

Cuanto más contenido tenga, más prominente querrá mostrar su función de búsqueda. Si la búsqueda es esencial para su sitio (por ejemplo, su sitio web es una tienda de comercio electrónico), use mucho contraste para que el campo y el icono se destaquen del fondo y de los elementos circundantes.

0

La búsqueda es una de las funciones más importantes de eBay. Observe el color de contraste del botón «Buscar» en la página de inicio de eBay.

2. Utilice un tamaño de campo adecuado para el campo de entrada de búsqueda

Hacer que el campo de entrada sea demasiado corto es un error común entre los diseñadores web. Cuando los usuarios escriben consultas largas, solo una parte del texto es visible a la vez y esto significa una mala usabilidad ya que los usuarios no pueden revisar y editar fácilmente su consulta. De hecho, cuando el cuadro de búsqueda tiene un número limitado de caracteres visibles, los usuarios se ven obligados a utilizar consultas breves e incompletas, porque las consultas más largas serían difíciles de leer.

Si los campos de entrada tienen un tamaño de acuerdo con la entrada esperada, son más fáciles de leer e interpretar para los usuarios. Una regla general es tener una entrada de texto de 27 caracteres (este tamaño se adapta al 90% de las consultas).

3.Deje en claro qué pueden buscar los usuarios

Es una buena idea incluir una consulta de búsqueda de muestra en el campo de entrada para sugerir a los usuarios qué es posible buscar. HTML5 facilita la inclusión de texto como marcador de posición dentro del campo de entrada. Si el usuario puede buscar varios criterios, utilice el patrón de sugerencia de entrada para explicarlo (consulte el ejemplo de IMDb a continuación). Pero asegúrese de limitar su sugerencia a unas pocas palabras, de lo contrario, aumentará la carga cognitiva.

3

4. No borre la consulta de los usuarios después de presionar el botón «Buscar»

Conserve la consulta de búsqueda original. La reformulación de consultas es un paso crítico en muchos viajes de información. Si los usuarios no encuentran lo que buscan desde el primer intento, es posible que deseen volver a buscar utilizando una consulta ligeramente diferente. Para que sea más fácil para ellos, deje el término de búsqueda inicial en el cuadro de búsqueda para que no tengan que volver a escribir toda la consulta nuevamente.

5. Utilice un mecanismo de sugerencia automática

La investigación realizada por Nielsen Norman Group ha encontrado que los usuarios típicos son muy deficientes en la formulación de consultas: si no obtienen buenos resultados en el primer intento, los intentos de búsqueda posteriores rara vez tienen éxito. De hecho, los usuarios suelen darse por vencidos justo después del primer intento negativo. Sin embargo, es posible mejorar esta situación mediante el uso de un mecanismo de autosugestión. Los mecanismos de autosugestión ayudan a los usuarios a encontrar una consulta adecuada al intentar predecirla en función de los caracteres ingresados. Cuando este mecanismo funciona bien, ayuda a los usuarios a articular mejores consultas de búsqueda. Aquí hay algunas cosas que debe recordar cuando incorpore un mecanismo de autosugestión en su sitio:

  • Asegúrese de que las sugerencias automáticas sean útiles. Las sugerencias automáticas mal diseñadas pueden confundir y distraer a los usuarios. Por lo tanto, utilice autocorrecciones ortográficas, reconocimiento de palabras raíz y texto predictivo para mejorar la herramienta.
  • Proporcione sugerencias automáticas lo más rápido posible, por ejemplo, después de ingresar el tercer carácter. Esto proporcionará un valor inmediato y reducirá el esfuerzo de entrada de datos del usuario.
  • Muestre menos de 10 elementos sugeridos (y sin una barra de desplazamiento) para que la información no se vuelva abrumadora. Permitir que los usuarios naveguen entre elementos usando un teclado.
  • Resalte las diferencias entre la información ingresada y la información sugerida (por ejemplo, el texto ingresado tiene un peso estándar, mientras que los términos sugeridos tienen un peso en negrita).
4

Las búsquedas de Google dominaron este patrón, habiéndolo implementado desde 2008.

Conclusión

La búsqueda es un elemento fundamental para crear un sitio rentable. Los usuarios esperan experiencias fluidas al encontrar y aprender cosas y, por lo general, hacen juicios muy rápidos sobre el valor del sitio en función de la calidad de uno o dos conjuntos de resultados de búsqueda. Una función de búsqueda excelente debería ayudar a los usuarios a encontrar lo que buscan rápida y fácilmente.