Cajones de búsqueda, su diseño también cuenta

De acuerdo con la infografía “El poder de la primera impresión” (puedes verla aquí) el cajón de búsqueda de una página web es uno de los 7 elementos que más captan el interés de los usuarios. Concretamente, el usuario enfoca al buscador durante poco más de 6 segundos, no está mal, ¿verdad?

Esto nos ayuda a estar más seguros de que los buscadores son parte imprescindible de cualquier web. Es además una herramienta clave que genera tráfico en la web, pero hoy no voy a detenerme en cómo funciona, se desarrolla y se optimiza un buscador (que es algo obligado), hoy voy a fijarme en su diseño.

Algunos elementos a tener en cuenta son:

  • Posición y Tamaño:

Los buscadores suelen situarse en la parte superior de la web: en los laterales (lo más habitual ya que son las zonas donde los usuarios están más acostumbrados a encontrarse uno) y en el centro. Los que se sitúan en la parte central suelen ser cajones bastante grandes que buscan llamar la atención del usuario de forma muy clara. Suelen ser  utilizados en tiendas online.

casa del libro

  • Botón Buscar y Texto:

Para favorecer al usuario el proceso de búsqueda (que sepa donde darle a Buscar) lo mejor es disponer de un botón, dentro o fuera del cajón, que ejecute la consulta. Encontramos distintas variables, las palabras “Buscar”, “Ir”, “Search”, “Find”, “Go”, “Voy a tener suerte”, etc, Pero sin duda, el botón clásico por excelencia es el que contiene el icono de los buscadores, la lupa.

pagina web el corte ingles

Como vemos en el ejemplo de arriba de Casa del Libro, muchos buscadores contienen texto que ayuda aún más al usuario a saber dónde y qué buscar (por si hay dudas).

cajones de busqueda

  • Filtros:

Además de los filtros de búsqueda que encontramos en la página de resultados, muchos sistemas ofrecen filtros en el mismo cajón, pudiendo buscar en campos o sectores determinados. Su diseño suele ser muy clásico.

cajon de busqueda

A partir de estos aspectos, ya puedes ponerte a diseñar tu cajón. Los colores, tipografía, sombreado, bordes, etc corren por tu cuenta. Eso sí, no te pases con el diseño, no hay que asustar.

Ten en cuenta que lo único importante del buscador es que funcione y los usuarios encuentren lo que buscan.

Aquí te dejo algunos diseños atractivos de cajones de búsqueda:

diseño1

pajaros

diseño2

diseño3

¿El tuyo cómo es?

2 comentarios

  1. Gracias por el comentario jvrdice! Tienes toda la razón aunque cuantas mas más y mejores funcionalidades tenga el buscador, mejor para el usuario y para la web! Un saludo

  2. Me gusta, buen post! :) Es impresionante ver cómo cambia el comportamiento del usuario con sólo cambiar posición, tamaño y diseño del cajón de búsqueda… cuestión de probar!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

El Blog de José Facchin

Hablamos sobre técnicas de Blogging, SEO, Marketing Online, Social Media, Marketing de contenidos y eCommerce.

muymolon

las cosas que le gustan a mr wonderful

TICs y Formación

Blog personal de Alfredo Vela , en él encontrarás información sobre Social Media, Marketing, Formación y TICs, sobre todo en formato de infografía.

Lorena Fdez Blog

Un blog personal sobre creatividad y comunicación 2.0

InfanTerrible

Lifestyle, marketing y rock!. El blog de María Infante

jvrdice

minimize to maximize

Probando MUNDO

Consejos y trucos de Social Media para principiantes

Noveweb Blog personal de Alfredo Suárez

Algunas herramientas y aplicaciones que pueden ser de interés.

Mariangeles Berna. Redes Sociales

Asesoramiento en Comunicación digital para empresas, autónomos y marcas.

Natalia Gómez del Pozuelo

Descubre tu potencial de comunicación

A %d blogueros les gusta esto: