Una search bar es un elemento esencial en todo tipo de diseño web. Debido a que los usuarios navegan en tu página en busca de alguna tipo de información particular, incluir una search bar es un elemento que mejora la experiencia de usuario.
En este artículo te damos algunas indicaciones para crear una search bar que sea sencilla de usar:
¿Tu sitio realmente necesita una barra de búsqueda?
La respuesta es sí, siempre. Especialmente si tu sitio web tiene un gran volumen de contenido pues de esa manera facilitas la búsqueda al usuario. Además, te pueda ayudar a saber qué tipo de contenido buscan tus usuarios, así como las palabras claves que emplean.
Funcionalidad de búsqueda
El funcionamiento de las barras de búsqueda varía de sitio a sitio. Además, los usuarios pueden tener diferentes expectativas en cuanto a las características de tu barra de búsqueda. Algunas de las más comunes son las siguientes:
- Búsqueda simple: Se incluye una caja donde el usuario puede ingresar la palabra clave y el botón para iniciar la búsqueda. Es como la que usamos en este blog.
- Búsqueda inteligente: Este tipo de búsqueda te ofrece una serie de opciones conforme vas ingresando las palabras. Google emplea este tipo de búsqueda.
- Búsqueda por filtros: Al implementar este tipo de búsqueda le das la posibilidad al usuario de escoger la sección donde se debe realizar la búsqueda. Es popular en tiendas online como Amazon.
Ubicación de la barra de búsqueda
La ubicación más popular de las barras de búsqueda es en la esquina superior derecha, es donde los usuarios esperan encontrarla. Por supuesto, puedes colocarla en otro lugar dentro de tu layout, pero evita ponerla al final de tu página o esconderla de la vista dentro del menú de navegación.
Identificadores de búsqueda
El identificador más común de una barra de búsqueda son una caja donde se pueden ingresar las palabras claves con el icono de una lupa al lado. Este icono puede ser fácilmente reconocido por el usuario.
Diseñar una barra de búsqueda
Una barra de búsqueda necesita un campo donde ingresar las palabras y un botón de acción. El campo o caja para ingresar palabras debe ser lo suficientemente largo para que el usuario pueda ver lo que está escribiendo. Utiliza una tipografía simple y en el tamaño apropiado.
