Guía de experiencia del usuario del agente conversacional

En esta página, se describe cómo optimizar la experiencia del usuario para la implementación de tu agente conversacional en AI Commerce Search.

Lista de tareas de optimización de la búsqueda

Sigue estos pasos para evitar errores comunes:

Principios básicos

En esta sección, se describen los principios básicos y las prácticas recomendadas para usar el agente conversacional como parte de tu paquete de búsqueda guiada.

Claridad y transparencia

Configura tu sitio de manera que los usuarios obtengan los resultados que desean y puedan definir mejor o ajustar los parámetros de búsqueda, lo que se habilita de la siguiente manera:

Consultas ambiguas

El agente conversacional busca aclaraciones para las búsquedas ambiguas

Cuando se encuentra con una búsqueda vaga, el agente conversacional busca aclaraciones de forma proactiva.

Consultas matizadas

El agente conversacional busca aclaraciones para las preguntas matizadas

Las consultas extremadamente detalladas requieren estructuras de contenido sólidas y metadatos detallados para que AI Commerce Search muestre resultados precisos.

Expectativas de los usuarios

El modelo debe mostrar los resultados priorizados según el historial de búsqueda del usuario.

El agente de conversación muestra las expectativas del usuario con transparencia para los resultados basados en el historial de búsqueda del visitante del sitio.

Limitaciones explícitas

Si no se puede comprender una consulta o si solo muestra resultados limitados, AI Commerce Search se lo informa al visitante del sitio y le ofrece alternativas.

Conversacional

Eficiencia y velocidad

Proporciona sugerencias de autocompletar, predice la intención y muestra resultados relevantes de forma instantánea con datos históricos, consultas populares y comportamiento del usuario.

Mejora los mecanismos de filtrado

Define mejor los resultados a través de entradas conversacionales para acelerar el proceso de obtener lo que buscas.

Clasificación y optimización

Prioriza los productos más relevantes según el contexto, el historial del usuario y las tendencias de búsqueda.

Reduce la carga cognitiva

Configura AI Commerce Search para aprovechar el conocimiento contextual y recordar las selecciones anteriores de un usuario para minimizar las acciones redundantes y acelerar la toma de decisiones del usuario.

La reducción de la carga cognitiva elimina la redundancia.

Crea personalización sin sobrecarga

Para evitar abrumar a los usuarios, el filtrado dinámico puede lograr un equilibrio entre la personalización y la autonomía del usuario. En lugar de abrumar a un usuario con demasiados filtros, el agente conversacional tiene la capacidad de sugerir mejoras basadas en las preferencias de los datos de búsqueda o compra anteriores de un usuario. Además, AI Commerce Search se adapta al comportamiento en tiempo real. Por ejemplo, es posible que el historial de compras no sea relevante cuando se busca un regalo para otra persona, por lo que el agente conversacional puede ajustarse a este contexto y no mostrarle al usuario esta información innecesaria.

Controles para garantizar el contexto y la continuidad en todas las sesiones

En lugar de tratar cada consulta de forma aislada, el conocimiento contextual permite realizar búsquedas más eficientes sin repetir las entradas anteriores. El conocimiento contextual no solo debe ser generalizado dentro de las sesiones y entre ellas, sino también en todos los dispositivos para garantizar la continuidad.

Continuidad dentro de las sesiones

AI Commerce Search está diseñado para recordar las interacciones anteriores de un usuario dentro de una sesión para permitir mejoras incrementales.

El agente de conversación está diseñado para recordar las interacciones pasadas de un usuario dentro de una sesión.

Continuidad entre sesiones

Los visitantes del sitio deben poder continuar donde lo dejaron en una sesión anterior sin que el agente conversacional se sienta intrusivo.

Integra consideraciones de accesibilidad e inclusión

Ya sea que los visitantes del sitio interactúen a través de la voz, el texto o las imágenes, AI Commerce Search debe proporcionar soluciones inclusivas que admitan a personas con diferentes capacidades, preferencias o limitaciones tecnológicas.

Herramientas de accesibilidad
Compatibilidad con entrada multimodal Corrección de voz a texto
Compatibilidad con lectores de pantalla Transcripciones en tiempo real
Estructuración semántica clara Asistencia de texto predictivo
Locuciones para contenido basado en imágenes Autocorrección
El agente conversacional brinda asistencia de accesibilidad multimodal.

Usa preguntas específicas para garantizar un manejo adecuado de los errores

Es inevitable que haya casos en los que una consulta no produzca resultados en un sitio en particular. En lugar de un mensaje poco útil de sin resultados, el agente conversacional ofrece sugerencias y alternativas inteligentes. Además, el agente conversacional solicita aclaraciones y hace preguntas específicas para definir mejor las preferencias y las necesidades, lo que crea un diálogo centrado en el usuario.

Diseña llamados a la acción para finalizar las conversaciones de forma adecuada

Para evitar que los usuarios abandonen la conversación, el agente conversacional finaliza las conversaciones con rutas claras y prácticas, lo que maximiza la satisfacción del usuario y aumenta la probabilidad de conversión al mantener el impulso. Además, el agente conversacional puede crear oportunidades para la reactivación de la participación después de la interacción inicial mostrando preguntas de seguimiento relevantes basadas en la actividad de navegación o el historial de compras.

Imagen que muestra cómo la aplicación finaliza las conversaciones de manera eficaz

Optimiza los componentes y patrones de la interfaz web

En esta sección, se detalla cómo el diseño de la interfaz de usuario puede optimizar las experiencias del agente conversacional, en particular en dispositivos móviles. Se centra en mejorar la entrada y la presentación de la búsqueda, administrar los elementos conversacionales sin interrumpir la navegación y aprovechar la autocompletar, la búsqueda predictiva y los carruseles para el descubrimiento eficiente de productos. En la sección, también se abordan estrategias para presentar resultados de la búsqueda, manejar consultas ambiguas y usar animaciones comunicativas para crear un recorrido del usuario más fluido e intuitivo.

Entrada y mejora de la búsqueda

Como punto de entrada para el agente conversacional, el cuadro de búsqueda debe equilibrar la claridad y la funcionalidad y, en particular en dispositivos móviles, donde el espacio de la pantalla es limitado, debe hacerlo con una interrupción mínima.

Optimiza la ubicación para dispositivos móviles

La mayoría de las personas usan los pulgares para navegar por sus teléfonos, por lo que colocar el cuadro de búsqueda en la parte inferior de la pantalla se alinea mejor con el comportamiento del usuario. Este detalle menor se alinea con los objetivos del agente conversacional de hacer que la búsqueda sea más intuitiva y reducir el esfuerzo y la fricción de la navegación.

Indica la compatibilidad con la entrada de lenguaje natural

  • Instrucciones sugeridas: Muéstrame zapatillas rojas por menos de USD 100
  • Texto del marcador de posición dinámico: Haz una pregunta
  • Microtexto: Intenta buscar en oraciones completas
  • Icons: Íconos de burbuja de chat, micrófono o cámara

Administra el agente conversacional sin interrumpir la navegación

Cuando la búsqueda se vuelve conversacional, corre el riesgo de ocupar un espacio valioso en la pantalla.

Para mitigar este riesgo, puedes implementar lo siguiente:

  • Conversación contraíble: Permite que los usuarios expandan y contraigan el área de conversación con un ícono persistente.
  • Superposición de conversación: Una superposición de conversación flota sobre la página, lo que permite que los usuarios sigan viendo los resultados.
  • Conversación incorporada: El recorrido de búsqueda comienza como un campo de entrada estándar, pero se expande a una interfaz web conversacional de pantalla completa.

Para reducir la necesidad de que los usuarios escriban términos de búsqueda completos, la autocompletar y la búsqueda predictiva reducen la necesidad de términos de búsqueda completos. Para ello, implementa lo siguiente:

  • Asistencia predictiva inteligente: Los términos predictivos aparecen en la barra de búsqueda a medida que los usuarios escriben, lo que ofrece sugerencias de autocompletar en tiempo real con una fuente más clara.
  • Lista desplegable de predicciones: Aparece una lista dinámica debajo de la barra de búsqueda, que muestra las consultas sugeridas, las búsquedas populares y el historial reciente.
  • Chips de filtrado contextual: Los filtros se muestran debajo de la barra de búsqueda a medida que los usuarios escriben, lo que proporciona opciones de filtro relevantes, como categorías, rangos de precios o marcas.
  • Correcciones inteligentes: En el menú desplegable, se muestran sugerencias de autocorrección sutiles para las palabras mal escritas.

Presenta y define mejor los resultados de la búsqueda

Optimizar los resultados de los elementos de búsqueda a través de opciones de diseño y definición puede hacer que la experiencia de navegación sea más fluida, lo que garantiza que los visitantes del sitio puedan analizar, comparar y filtrar los resultados de manera eficiente.

Vistas y diseños de los resultados

La forma en que se presentan los resultados dentro de una consola de agente conversacional depende de si la interfaz web está incorporada o superpuesta en la experiencia.

  • Resultados contraíbles y superpuestos: Esta vista permite desacoplar los resultados y actualizar de forma dinámica la cuadrícula principal de productos mientras se mantiene la conversación accesible en un panel lateral o una conversación flotante.
  • Resultados incorporados: Esta vista muestra los resultados directamente dentro de la conversación, como tarjetas estructuradas, carruseles o fichas de productos intercaladas, lo que garantiza una experiencia fluida.

Implementa el filtrado y la definición dinámicos

Cuando los usuarios ingresan una instrucción, la búsqueda guiada los dirige de forma proactiva hacia resultados más precisos haciendo preguntas aclaratorias o mostrando opciones de filtro relevantes intercaladas.

Usa elementos interactivos de la página para manejar consultas ambiguas

En lugar de mostrar un conjunto de resultados desenfocados, la interfaz puede usar elementos interactivos de la página para guiar a los usuarios hacia resultados más relevantes.

Integra animaciones comunicativas en tu sitio

Las animaciones sutiles, como estos ejemplos, proporcionan comentarios visuales para que las interacciones se sientan más fluidas e intuitivas, lo que ayuda a los usuarios a comprender los cambios en tiempo real.

  • Estados de carga: Un efecto de brillo en las tarjetas de productos o un pulso sutil en la barra de búsqueda pueden indicar que la búsqueda se está procesando.
  • Indicadores de escritura: Una breve animación de escritura (p.ej., tres puntos que pulsan) les asegura a los usuarios que el sistema está trabajando de forma activa.
  • Respuestas de transmisión: El agente conversacional puede generar respuestas en tiempo real, con texto que aparece de forma dinámica a medida que se procesa. La API de agente conversacional es un servicio de transmisión. Esta es una consideración de diseño clave para tu UX.
  • Transiciones de atenuación: Cuando los usuarios ajustan los filtros o la búsqueda guiada sugiere mejoras, los resultados pueden aparecer y desaparecer.

Utiliza carruseles

Los carruseles muestran productos, recomendaciones y elementos populares relevantes sin abrumar a los usuarios. En especial en dispositivos móviles, los carruseles optimizan el espacio limitado de la pantalla, ya que permiten que los usuarios naveguen por varios productos o ofertas con gestos intuitivos de deslizamiento.

Los carruseles incluyen lo siguiente:

  • Recomendaciones personalizadas basadas en el comportamiento del usuario
  • Productos populares o promocionados
  • Artículos vistos recientemente
  • Navegación basada en categorías

Las prácticas recomendadas para los carruseles son las siguientes:

  • Garantizar una navegación clara
  • Usar el desplazamiento horizontal en lugar del vertical
  • Limitar los elementos del carrusel
  • Complementar los resultados principales

Experiencia multimodal

La búsqueda por voz y la entrada, y el texto transcrito ayudan a garantizar una experiencia de búsqueda guiada por un modelo multimodal.

  • Búsqueda por voz: La búsqueda por voz está diseñada para que el visitante del sitio la sienta natural y sin esfuerzo. La interfaz web está diseñada para admitir interacciones rápidas y claras del usuario.
  • Botón de entrada de voz: Un ícono de micrófono en la barra de búsqueda permite que el visitante del sitio active la búsqueda por voz, con indicadores animados que pulsan o se iluminan para proporcionar a los usuarios comentarios visuales cuando se activan.
  • Transmisión de texto transcrito: El agente conversacional puede transmitir texto transcrito mientras el usuario interactúa con la voz, lo que permite que el visitante del sitio revise y ajuste su entrada mientras minimiza el desorden del sitio.

Orientación práctica para los componentes de la interfaz web

En esta sección, se incluye orientación práctica para optimizar los componentes del agente conversacional en la interfaz web.

Simplifica la experiencia

Una experiencia del usuario simplificada reduce la carga cognitiva y ayuda a garantizar que los usuarios puedan encontrar rápidamente lo que buscan sin distracciones innecesarias.

Una carga cognitiva reducida en una interfaz de usuario se puede resumir de la siguiente manera:

  • Minimizar los pasos del proceso
  • Mantener las interfaces limpias e intuitivas
  • Optimizar las sugerencias de IA

Evita la personalización engañosa o irrelevante

Los resultados irrelevantes o engañosos pueden frustrar rápidamente a los usuarios.

Comprende la intención y las preguntas VIP

Para definir mejor la intención, el agente conversacional les hace preguntas relevantes a los usuarios. Por lo tanto, el agente conversacional debe configurarse para hacer preguntas específicas para reducir aún más la cantidad de resultados y reducir la ambigüedad.

Recorrido del usuario

Este es un ejemplo de una ruta de conversación del usuario deseable.

Paso 1: El agente conversacional le hace una pregunta al usuario.

Por ejemplo: ¿Cuál es la ubicación y la época del año de la boda?

El usuario podría responder a esta instrucción con algo como: Es en Nueva York en verano.

Paso 2: Según la respuesta del usuario, el agente conversacional se dirige al usuario con preguntas especializadas y le muestra elementos relacionados para reducir aún más la cantidad de resultados de la búsqueda y reducir la ambigüedad.

Paso 2: Refinamiento de la búsqueda

Filtro conversacional

El filtro conversacional guía a los usuarios hacia opciones más relevantes sin abrumarlos de la siguiente manera:

  • Actualiza los resultados de inmediato.
  • Sugiere filtros útiles.
  • Etiqueta los filtros con claridad.

Para obtener más información sobre el filtrado conversacional de productos, consulta Filtrado conversacional de productos.

Maneja casos extremos y errores

Para que el proceso de búsqueda sea más confiable y fácil de usar, AI Commerce Search puede manejar de forma adecuada casos inusuales o extremos, y errores de varias maneras:

  • Muestra alternativas estrechamente relacionadas.
  • Muestra claramente la disponibilidad de stock.
  • Sugiere alternativas similares.
  • Ofrece notificaciones de reposición de stock.
  • Proporciona la transferencia al equipo de asistencia al cliente.

Recomendaciones de la interfaz de usuario y opciones de diseño

La interacción entre el agente conversacional y el filtrado conversacional de productos ofrece una flexibilidad significativa. Estas son algunas consideraciones clave de UX para crear una experiencia fluida e intuitiva:

  • Barra de entrada única: Solo debe haber una barra de entrada de texto libre para toda la experiencia. No hay una barra de entrada independiente y dedicada para el filtrado conversacional de productos. Esto simplifica la interfaz de usuario y mantiene la interacción coherente.
  • Transiciones fluidas: Diseña tu interfaz web para que las transiciones entre las respuestas conversacionales, las consultas sugeridas y las opciones de filtrado se sientan naturales e intuitivas.
  • Orientación clara: Usa indicadores visuales, como estilos de botones distintos para las respuestas sugeridas en lugar de la entrada general, y proporciona instrucciones claras para guiar al usuario sobre cómo interactuar en cada etapa.
  • Equilibrio del control: El usuario siempre debe sentir que tiene el control de la dirección de la conversación.
    • Filtrado vs. formato libre: La barra de entrada de texto libre única permanece activa en todo momento. Esto le da al usuario una opción constante: puede hacer clic en una respuesta sugerida para seguir definiendo mejor su búsqueda o escribir una consulta nueva en la barra de texto para iniciar un nuevo turno conversacional. Este diseño garantiza que, incluso durante un flujo de filtrado, el usuario pueda cambiar a un tema diferente si cambian sus necesidades.
    • Opción de restablecimiento: Proporciona una opción clara de Iniciar una conversación nueva o Restablecer filtros para permitir que los usuarios reinicien su proceso de búsqueda o filtrado.
  • Persistencia visual: Incluso cuando se realiza la transición al filtrado de productos, mantener el historial de conversaciones dentro de la ventana de chat, como mostrar preguntas y respuestas anteriores, puede mejorar el contexto y la experiencia del usuario.