Una persona escribe el nombre de un servicio, pulsa «Buscar» y recibe una pantalla vacía. Formalmente, la búsqueda ha terminado. En la práctica, la conversación con el sitio se ha interrumpido justo cuando la persona ha expresado su interés con mayor claridad. Proponemos diseñar este momento no como un error del usuario, sino como un escenario propio: ¿qué entenderá la persona y qué podrá hacer después?
Primero, defina dónde busca exactamente el sitio
Un campo con una lupa suele prometer más de lo que ofrece. Si solo busca en los títulos de los artículos, y no en los servicios, los documentos y el texto completo de las páginas, debe quedar claro junto al campo. «Buscar en el diario» es más preciso que un «Buscar» genérico cuando los demás contenidos quedan fuera de su alcance. Para un sitio pequeño, un archivo de artículos bien organizado a veces resulta más útil que un formulario complejo que oculta sus limitaciones.
Antes del desarrollo, reúna unas cuantas consultas habituales: un título exacto, un tema general, una forma alternativa de escribirlo y una palabra que no aparezca en el sitio. Defina qué contenidos deberían mostrarse en cada caso. Es un acuerdo editorial, no la promesa de que el algoritmo adivinará cualquier intención.
Conserve la consulta y distinga los diferentes estados
Después de la búsqueda, conviene mantener el texto en el campo. Así la persona puede cambiar una palabra en lugar de escribirlo todo de nuevo. Una consulta vacía, una carga en curso, la ausencia de coincidencias y un error técnico necesitan mensajes diferentes. «No se ha encontrado nada» no debe ocultar un servidor no disponible: en esa situación, todavía no sabemos si existen resultados.
En una búsqueda con filtros, muestre las restricciones activas. Que no haya contenidos en la categoría seleccionada no significa que no los haya en todo el sitio. Ofrezca una acción independiente, «Restablecer filtros», que no borre el texto introducido. Así la persona entiende exactamente qué cambiará al pulsarla.
Ofrezca unas pocas vías honestas, no un muro de consejos
Un estado vacío conciso puede incluir la propia consulta, una explicación del alcance de la búsqueda y dos pasos siguientes: reformular la consulta o abrir una sección temática. No hace falta mostrar de inmediato decenas de tarjetas aleatorias. Si propone temas relacionados, identifíquelos como recomendaciones y no como coincidencias exactas.
Un ejemplo hipotético para un estudio: la palabra «relanzamiento» no devuelve nada, pero existen secciones sobre mantenimiento y actualización de sitios web. Se pueden ofrecer como una ruta alternativa, sin sustituir la respuesta ni dar por encontrado algo que no corresponde a la consulta. Los textos de los enlaces deben explicar el contenido de su destino, como señalamos en nuestro artículo sobre enlaces descriptivos.
Un campo de entrada no es un motor de búsqueda completo
MDN describe input type="search" como un campo para introducir una consulta de búsqueda. El tipo de campo, por sí solo, no crea un índice ni determina cómo relacionar las palabras con los contenidos. Esa lógica debe implementarse por separado. El campo también necesita una etiqueta clara: un ejemplo dentro del campo vacío no debería ser la única explicación de su finalidad.
Si los resultados se actualizan sin recargar la página, un mensaje breve sobre su cantidad o su ausencia debe estar disponible para las tecnologías de asistencia sin forzar un cambio de foco. Son precisamente estos mensajes los que aborda el W3C en su explicación del criterio de conformidad 4.1.3. Esto no significa que haya que anunciar toda la lista de resultados como un único mensaje.
Compruebe el recorrido, no solo la presencia de una lupa
Recorra el escenario en una pantalla estrecha y con el teclado: introduzca una consulta, inicie la búsqueda, corríjala, restablezca un filtro, abra un resultado y vuelva atrás. Compruebe que los botones no desaparezcan detrás del teclado en pantalla, que los títulos largos no se superpongan a los elementos vecinos y que los mensajes no cambien de posición ante los ojos después de cada carácter.
Compruebe por separado las consultas en los idiomas del sitio y no oculte los límites entre las secciones de cada idioma. Una buena búsqueda no tiene que adivinarlo todo. Su valor práctico reside en que la persona vea los límites de la respuesta, no pierda lo que ya ha hecho y tenga un siguiente paso claro incluso cuando no haya ningún resultado.