Typeahead
Mecanismo que muestra sugerencias de búsqueda en tiempo real mientras el usuario escribe, antes de que termine de formular su consulta.
Definición
Definición
Cuando alguien escribe en el buscador de una tienda, cada carácter que pulsa dispara una petición al servidor, que devuelve un listado de sugerencias actualizado al instante. El cliente envía la cadena parcial (prefix query) y el motor devuelve los términos o productos más relevantes. La latencia de respuesta es crítica: por encima de 200 ms la experiencia pierde fluidez. Dos variantes principales: query suggestions (propone términos de búsqueda completos) y product suggestions (muestra directamente fichas de producto con imagen, nombre y precio).
Para qué sirve
Para qué sirve
Reduce la fricción y el tiempo hasta el clic. Un usuario que ve resultados relevantes mientras escribe necesita menos esfuerzo cognitivo. También corrige de forma implícita errores tipográficos: si el sistema propone «auriculares inalámbricos» cuando el usuario ha escrito «auricul», el error nunca llega al motor de búsqueda.
Doofinder
La capa de búsqueda de Doofinder implementa typeahead mediante las Search Suggestions, configurables desde el panel. Las sugerencias se generan a partir de búsquedas reales de la tienda. La capa flotante actúa como typeahead enriquecido: muestra productos con imagen y precio en tiempo real. Guided Search añade una capa adicional sugiriendo filtros visuales.
Referencias
Fuentes
- Autocomplete UX — Baymard Institute
- Search Suggestions — Doofinder Support
- Site Search Design Pattern — Nielsen Norman Group