Mejor experiencia de usuario de búsqueda a través de microcopias

Es difícil exagerar la importancia de la búsqueda web. La búsqueda es tan antigua como la propia Internet y, según algunas medidas, incluso más antigua. Una búsqueda bien diseñada te beneficia tanto a ti como a tus usuarios; aumenta las conversiones, reduce las tasas de rebote y mejora la experiencia del usuario.

La búsqueda es especialmente importante en sitios a gran escala y experiencias de comercio electrónico, donde la mayoría de los ingresos provienen de sesiones basadas en búsquedas. Los estudios muestran que hasta el 50 % de los usuarios van directamente a la barra de búsqueda interna de un sitio web, y que el 15 % prefiere usar la función de búsqueda a navegar por el menú jerárquico. Esto significa que a pesar de todo el amor y el cuidado que se dedica a determinar la arquitectura de la información de un sitio, también se necesita mucho para diseñar la experiencia de búsqueda.

Para complicar el problema está el hecho de que las habilidades de búsqueda de los usuarios son endebles en el mejor de los casos e incompetentes en el peor. Obtener buenos resultados de un motor de búsqueda a menudo requiere múltiples intentos y reformulaciones, lo que los usuarios rara vez hacen. Y a medida que la tecnología de búsqueda mejora con el tiempo, es cada vez más probable que los usuarios acepten los resultados de una búsqueda como la respuesta a su pregunta, incluso si su consulta fue incorrecta. Los usuarios que favorecen las búsquedas tienden a moverse rápidamente, escaneando la página en busca de ese rectángulo de aspecto familiar y rebotando rápidamente cuando no encuentran lo que están buscando.

Comunicarse con esos usuarios “a la velocidad” es un trabajo complicado que requiere una herramienta especializada: la microcopia. El nombre 'microcopia' desmiente su propia importancia. Puede ser pequeño, pero los grandes éxitos a menudo dependen de ello. Es un lugar donde la voz puede brillar, donde se producen buenas impresiones y donde se cruzan la utilidad y la marca. Con eso en mente, profundicemos en las muchas formas en que la microcopia y la contextualización pueden mejorar enormemente una experiencia de búsqueda.

Colocar y etiquetar su búsqueda

De acuerdo con la Ley de Jakob, su primer instinto al diseñar una barra de búsqueda debe ser colocar un cuadro rectangular en la esquina superior derecha o superior izquierda. Debe agregar una etiqueta o texto de marcador de posición compatible con A11y e incluir un botón de envío que diga "Buscar".

Ocultar la barra de búsqueda detrás de un enlace, renunciar al texto de marcador de posición u optar por el icono de lupa CTA en lugar de texto sin formato son decisiones de diseño válidas en el contexto adecuado. Solo asegúrese de no abstraer la función de la barra de búsqueda innecesariamente porque buscar ya tiene un costo de interacción más alto que navegar.

Todas las barreras, por insignificantes que le parezcan como diseñador, corren el riesgo de afectar negativamente la UX y su resultado final. Si existe el riesgo de que sus usuarios confundan el ícono de lupa con un botón de "zoom", debe mitigar eso.

Texto del marcador

El texto de marcador de posición es un excelente lugar para mejorar la experiencia. Puede ser informativo, puede ser un lugar para la expresión de la marca y puede empujar a los usuarios vacilantes en la dirección correcta. Cada vez que veo una barra de búsqueda que solo dice "Buscar", veo una oportunidad perdida.

Entonces, ¿cuál es un mejor enfoque? Varía de un sitio a otro. Primero, familiarícese con sus objetivos comerciales, su marca y los hábitos existentes de sus usuarios. Luego, considere cómo puede ser más útil.

Empujar al usuario

Un enfoque sugerente puede reducir la ansiedad del usuario. Indique a sus usuarios el hecho de que pueden buscar de varias maneras, especialmente si no están familiarizados con su gama completa de productos o servicios. ASOS sugiere buscar inspiración además de productos y marcas:

Sea informativo

Dígale al usuario exactamente lo que obtendrá cuando haga clic en enviar. En Shutterstock, un sitio totalmente dedicado a la búsqueda de un archivo fotográfico masivo, este texto de marcador de posición funciona hábilmente como eslogan cuando se combina con el logotipo:

Reforzar la marca

La barra de búsqueda de Home Depot no guía al usuario, sino que presenta un tono personal y útil que estoy seguro está en línea con las pautas de voz de su marca. Este es probablemente el mejor enfoque teniendo en cuenta el tamaño de su catálogo de productos:

Uso de los registros de búsqueda a su favor

Si no está seguro de cuál es la mejor manera de optimizar el texto de su marcador de posición, un buen lugar para comenzar es su base de datos de registro de búsqueda. Aprender a desglosar estos resultados puede ser increíblemente valioso al formular un diseño de contenido útil. Podrás ver de primera mano el vocabulario que la gente usa para buscar en tu sitio y, lo que es más importante, las diferencias entre lo que ofreces y lo que buscan los usuarios.

Búsquedas sugeridas, relacionadas y recientes

Durante el proceso de búsqueda, su copia debe ofrecer la mayor ayuda posible en el camino sin ser autoritario. Eso incluye todo, desde un botón obvio "Cancelar" o "Borrar" hasta el registro de las búsquedas recientes de cada usuario para que aparezcan más tarde. Al elegir la microcopia adecuada para acompañar estas características, agregue una pizca de salsa marrón.

Autosugerencias

Los usuarios que usan la barra de búsqueda lo hacen porque buscan algo específico, lo que hace que las autosugerencias sean una herramienta valiosa (y cada vez más esperada). La especificidad, en este caso, puede ser tan enfocada como "zapato gris de mujer talla 9M" o tan abierta como "tiendas de sándwiches cerca de mí".

Las autosugerencias también reducen el riesgo de obtener malos resultados, alivian el esfuerzo mental del usuario y presentan una oportunidad para mostrar sus productos más populares.

A menudo, estos no requieren contexto adicional o copia en absoluto, pero simplemente se pueden enumerar debajo de la barra de búsqueda a medida que el usuario escribe, como se muestra en el ejemplo anterior.

búsquedas relacionadas

Mostrar búsquedas relacionadas en la página de resultados es otra forma de ayudar a guiar a los usuarios sin estorbar. Un patrón común es proporcionar algunas palabras clave en las que se puede hacer clic relacionadas con la consulta original encima de los resultados. Una pequeña copia que dice "Otros usuarios buscaron" es una buena manera de incorporar pruebas sociales en la experiencia de búsqueda.

Búsquedas recientes

Si su tecnología lo permite, guardar y volver a mostrar las búsquedas recientes es otra forma de reducir de manera útil la carga de memoria del usuario. Asegúrese de agregar contexto con copia, pero puede ser tan sencillo como esto:

Manejo de resultados

Hay dos copias que consideraría necesarias al mostrar los resultados de la búsqueda:

1. La consulta en sí.
   Si la barra de búsqueda es muy visible, se puede mostrar aquí. También puede crear un H1 que indique "Resultados para {{términos}}".
2. El número de resultados.
   Si los resultados están paginados, también puede incluir el número de páginas.

No hay resultados

Ya sea por su propio error o no, los usuarios inevitablemente encontrarán una página de "sin resultados" en algún momento. Afortunadamente, hay formas de manejar esto con gracia; de hecho, con el enfoque correcto, este callejón sin salida puede ser una gran oportunidad para descubrir contenido.

En primer lugar, no espere que sus usuarios refinen su búsqueda si no obtienen resultados, al menos no sin una interfaz de usuario que los aliente. Los usuarios son reacios a reformular su consulta y tienen problemas al intentarlo. Es más probable que se involucren con cualquier información que se les presente y la tomen desde allí, o abandonen la tarea por completo. (¿Cuándo fue la última vez que hizo clic en la segunda página de los resultados de búsqueda de Google?)

Dicho esto, es fácil ver cómo un poco de redacción y contextualización pueden mejorar la experiencia. Nielsen Norman Group tiene una guía completa sobre cómo manejar las SERP sin resultados, siendo la esencia:

• Que sea obvio que no hay resultados.
  Es fácil ponerse lindo y enterrar accidentalmente el lede. También es tentador ocultar intencionalmente el mensaje "sin resultados" para ocultar el error por completo. De cualquier manera, no engañes al usuario.
• Ofrecer caminos a seguir.
  Sugiera formas de refinar la consulta de búsqueda (como revisar la ortografía) y también proporcione enlaces a contenido o productos populares que tengan la mayor probabilidad de conectarse con el usuario.
• Golpea el tono correcto.
  Usa la voz de tu marca, pero no corras el riesgo de exacerbar la situación con humor que podría ser mal recibido por un usuario frustrado.

Además, tenga en cuenta que pueden surgir SERP vacíos porque un usuario envió por error sin ingresar ninguna consulta. También debe tener un plan de contenido para este escenario en lugar de devolver todos los elementos de la base de datos, por ejemplo.

Terminando

Escribir una buena experiencia de búsqueda se reduce a la consideración. Como diseñadores, probablemente hemos usado y creado cientos de experiencias de búsqueda web diferentes, por lo que pasamos por el proceso rápidamente. Pero cuando consideramos cada pequeño paso del proceso (cada microinteracción y cada caso extremo), los pequeños cambios que hacemos pueden tener un gran impacto en la experiencia. La próxima vez que busque una solución visual a un problema de búsqueda, considere usar sus palabras en su lugar.

Lectura adicional en SmashingMag:

• Cómo ejecutar un taller de planificación de contenido
• Cómo la redacción puede beneficiarse de la investigación de usuarios
• Diseñar las palabras: por qué la copia es un problema de diseño
• Cómo lidiar con contenido redundante, desactualizado y trivial ROT