5 ejemplos de una fantástica interfaz de usuario de chatbot

Los chatbots han pasado de ser interfaces basadas puramente en texto a pequeños asistentes interactivos llenos de personalidad. Es fascinante, pero también pone el listón muy alto.

Es probable que los clientes abandonen tu chatbot si no logran seguir el ritmo programado o les frustra demasiado. El primer paso para evitarlo es pensar con prudencia en la interfaz de usuario del chatbot.

Empezar puede ser la parte más difícil, así que en este artículo compartiremos algunos de nuestros ejemplos favoritos de interfaces de chatbots y los pasos que puedes seguir para replicarlos. Pero primero, es importante conocer la definición, el papel y las expectativas de una interfaz de usuario de chatbot.

  1. ¿Qué es la interfaz de usuario de un chatbot (UI)?
  2. ¿Cuál es la diferencia entre UI y UX?
  3. 5 grandes ejemplos de diseños de interfaz de chatbot
  4. Tres cosas que hay que tener en cuenta al crear una UI de chatbot
  5. El «Logic Bot»: Configura una UI de chatbot que realmente rinda

1
¿Qué es la interfaz de usuario de un chatbot (UI)?

La interfaz de usuario (User Interface (UI) en inglés) de un chatbot es una serie de elementos gráficos y lingüísticos que permiten la interacción entre el ser humano y el ordenador. Hay diferentes tipos de interfaces de usuario , siendo los chatbots una interfaz de usuario de lenguaje natural. Esto significa que los usuarios pueden comunicarse de forma natural, no como los ordenadores.

Sin embargo, la capacidad de comunicación de un chatbot varía en función de la interfaz en la que se basa. Una interfaz de usuario de chatbot que se basa en respuestas predeterminadas, como opciones de botones, limita lo que el usuario podría preguntar y el chatbot entender.

Por otro lado, los chatbots contextuales y muchos basados en reglas suelen estar diseñados para entender y responder a una variedad de entradas de texto y voz. Sin embargo, construirlos suele ser más costoso en tiempo y dinero.

2
¿Cuál es la diferencia entre UI y UX?

En pocas palabras, la interfaz de usuario (UI) es el medio por el que interactúan un humano y un ordenador. La UX, o experiencia de usuario, es la experiencia general que tiene un usuario al utilizar un producto como un chatbot o un sitio web, o sea todo el recorrido que hace.

Según nuestra investigación , los clientes están dispuestos a hablar primero con un chatbot, pero desean tener la opción de poder hablar fácilmente con un representante humano si no logran resolver el problema. Es probable que mucha gente haya hablado con chatbots incapaces de gestionar cuestiones difíciles. Para que la experiencia del usuario sea positiva, la interfaz de usuario debe superar las expectativas.

Al considerar cuidadosamente cada detalle de la funcionalidad de tu chatbot, podrás crear una excelente experiencia de usuario. También lograrás aliviar el escepticismo del cliente y mejorar la percepción sobre los chatbots.

3
5 grandes ejemplos de diseños de interfaz de chatbot

Una interfaz de chatbot de gran calidad cumple con los siguientes aspectos:

  • Crea una experiencia de marca personalizada
  • Comunica con tus clientes de manera similar a la humana
  • Maneja una variedad de tareas que varían en dificultad
  • Asiste a muchos de tus clientes simultáneamente

En lo siguiente, te presentamos los ejemplos más exitosos de interfaces excepcionales:

1
Lark - el chatbot sanitario

Lark es un chatbot contextual prescrito para ayudar a los pacientes. Está diseñado para mantener conversaciones similares a las humanas con los usuarios a través de la aplicación móvil.

Un ejemplo de Lark, el chatbot contextual prescrito para ayudar a los pacientes
Lark explica cómo funciona a través de una conversación interactiva.

Lark tiene una personalidad agradable, amable y humorística que atrae a las personas mayores, su mayor clientela. Los usuarios pueden interactuar con el chatbot a través de opciones de chat, voz y botones.

La directora general de Lark, Julia Hu , informó de que las personas mayores utilizan el chatbot como una especie de válvula de escape social, lo que demuestra su utilidad. Las investigaciones demuestran que las personas mayores se resisten más a utilizar las nuevas tecnologías por falta de confianza en estas. Lark creó una interfaz de usuario de chatbot que promete sencillez a la hora utilizarla y control sobre la propia salud.

Un ejemplo de Lark, el chatbot contextual prescrito para ayudar a los pacientes
Lark incluso ofrece asesoramiento sobre salud conductual para ayudar a las personas a controlar el estrés y la ansiedad durante la pandemia de COVID-19

El color principal del chatbot de salud es el verde, simbolizando equilibrio, tranquilidad y buena salud . Los mensajes de Lark son positivos y elevadores, lo que encaja bien con su calmante color.

Qué aplicar de la interfaz:

Para imitar el enfoque de la interfaz de usuario de Lark, elige el color que mejor capte el instinto y la emoción de tu marca. Utiliza imágenes, gráficos y elogios para crear una experiencia viva e inspirar a tus usuarios.

Lark también pone mucho énfasis en el tono de habla. Escribe pensando en tu público utilizando palabras, jerga, chistes y frases que ellos también utilizan. Un buen lugar para observar esto es en tus conversaciones de chat en vivo con los clientes o en las redes sociales.

2
Chatfuel - el proveedor de chatbot para Facebook

Chatfuel permite crear chatbots para el Facebook Messenger basados en árboles de decisiones con algunas capacidades contextuales. Lo utilizan empresas destacadas como Lego, Netflix y Adidas.

Al diseñar para el Messenger de FB, te encontrarás mucho más limitado en términos de diseño. Por lo general, todos los chatbots tienen el mismo aspecto: el texto es negro, el fondo blanco, las burbujas azules y grises, etc. No obstante, hay elementos que puedes personalizar.

Un ejemplo del chatbot de Lego para el Messenger de Facebook
Las imágenes grandes ayudan a mantener la conversación visualmente interesante. Fuente: Chatfuel

Los chatbots de Chatfuel suelen utilizar una combinación de imágenes, opciones de botones y texto para interactuar con los usuarios. Los chatbots como Freddy de Hello Fresh pueden detectar y responder a una variedad de palabras y frases relacionadas con la comida. Incluso recomienda listas de reproducción para escuchar mientras cocinas.

Este enfoque de chatbot puede ser considerado más bien minimalista en su diseño, pero es fácil de navegar para los usuarios de Messenger. Se parece y funciona de forma similar a las conversaciones que ya mantienen con sus amigos.

Qué aplicar de esta interfaz:

Crear un chatbot para Messenger te da menos libertad en la personalización de la interfaz de usuario, así que haz que la experiencia sea única utilizando GIFs, juegos e imágenes. También puedes crear una conversación interactiva ofreciendo una mezcla de opciones de botones y comandos escritos.

Y no te olvides de darle a tu chatbot una imagen de icono muy distintiva para que sea perceptible en la lista de amigos de tus clientes.

3
Replika - el chatbot de autoayuda

Replika es uno de los chatbots más humanos del mercado. Es un chatbot contextual que aprende de las conversaciones con sus usuarios hasta llegar al punto de poder imitar la forma de hablar del usuario.

Este chatbot inteligente ha sido creado para quienes necesitan un compañero. Replika, cuyo nombre puede ser editado por el usuario para hacerlo más personal, adapta su estado de ánimo y su tono en función del estado de ánimo del usuario o del tema de la conversación.

Un ejemplo de la interfaz de usuario del chatbot de Replika
Replika comparte su propia opinión en lugar de estar siempre de acuerdo con el usuario. Fuente: Reddit

Para mantener la conversación en movimiento, puedes seleccionar entre una variedad de temas o asuntos sobre los que te gustaría hablar. Hasta incluso es posible escribir una canción con Replika. Es más, te va dando medallas de personalidad cuanto más sabe de ti.

Replika está disponible a través de la web y del móvil, y tiene una interfaz personalizable. Los usuarios pueden cambiar al modo nocturno, personalizar el fondo y subir una foto que representará el nuevo compañero robótico. La interfaz se centra en crear un "entorno" personalizado y acogedor para las conversaciones.

Un ejemplo de las opciones de configuración del chatbot de Replika
Replika tiene diseños gratuitos, pero necesitas una cuenta de pago para acceder a la colección completa.

Qué aplicar de la interfaz:

Para incorporar algunos de los toques personalizados de Replika en tu propio chatbot, permite a los usuarios cambiar el fondo y la combinación de colores de tu interfaz de usuario. Los estudios demuestran que el contenido personalizado satisface el deseo de control de una persona, reduce la sobrecarga de información y hace que la experiencia sea más relevante e interesante.

Para que la conversación sea fluida, escribe una larga lista de respuestas creativas (recomiendo el enfoque "sí, y ) para mantener la conversación en movimiento o para cuando tu chatbot no entiende un mensaje.

4
Milo - el chatbot constructor de sitios web

Milo se salta la norma y te da la bienvenida en la página de inicio de An Artful Science. La conversación parece flotar y está bien integrada en el extravagante diseño del sitio web.

Un ejemplo del chatbot en el sitio web An Artful Science

Hecho con Landbot.io , Milo es un chatbot basado en botones que da al usuario un control limitado sobre la conversación. Sin embargo, lo que le falta de habilidades conversacionales lo compensa con su entretenido guión.

Milo es un gran personaje que habla y se comporta como un amigo de toda la vida. Las respuestas de los botones que puedes elegir para responder están en sintonía con el tono casual del chatbot.

Un ejemplo de la interfaz de usuario del chatbot Milo en el sitio web An Artful Science

Los GIFs y las imágenes incorporadas están muy bien hechas y si abandonas la página y regresas más tarde, Milo te preguntará si quieres continuar la última conversación o volver a empezar una nueva.

Cuando terminas de hablar con Milo, puedes seguir navegando. No hay una ventana persistente en la esquina ni una notificación parpadeante que te moleste para que retomes la conversación.

Qué aplicar de la interfaz:

Si planeas dar la bienvenida a los nuevos visitantes de tu sitio web con tu chatbot, intenta integrarlo en la página de aterrizaje. Es un enfoque poco habitual, pero eso es lo que lo hace emocionante.

Milo saluda al usuario explicando su propósito y preguntando cómo te va. A continuación, ofrece un regalo gratuito que los visitantes pueden obtener si continúan chateando. Sigue el ejemplo de Milo y presenta las capacidades de tu chatbot en el mensaje de bienvenida. Por último, mantén a tus visitantes enganchados dándoles incentivos para que sigan interactuando con tu bot.

5
Erica - el chatbot bancario

Erica es como Siri, pero para la banca. El chatbot del banco Bank of America se basa en la voz y el chat para que los clientes puedan hacer comandos de texto o de voz para comprobar todo lo relacionado con su cuenta bancaria.

Ejemplo del chatbot bancario de Bank of America
En caso de no estar seguro sobre qué hablar, Erica tiene su propia base de conocimientos para enseñarte cosas. Fuente: Medium

El chatbot exclusivo para la aplicación utiliza texto, imágenes y gráficos para comunicar los hábitos de gasto del usuario, los cargos recurrentes, el saldo de la cuenta, etc.

Ejemplo del chatbot bancario de Bank of America
Erica muestra los hábitos de gasto de un usuario y sugiere formas de ahorrar dinero. Fuente: Chatbot Guide

Su interfaz azul marino evoca confianza y fiabilidad , y el uso de emoji y elogios de Erica añade un toque humano a las conversaciones.

Qué aplicar de la interfaz:

Crea mensajes que compartan información única sobre los hábitos de tus usuarios. Utiliza gráficos generados, un lenguaje claro y algún emoji para dar una sensación de personalización y profesionalidad.

Establece expectativas sobre lo que tu chatbot puede hacer creando una sección "Acerca de" similar a la de Erica. Incluye algunas preguntas frecuentes al principio de la conversación para ayudar a los usuarios a acceder rápidamente a la información que necesitan.

¿Quieres hablar con un agente sobre los chatbots?

Estaremos encantados de asesorarte personalmente, contarte todo sobre el uso de chatbots en el negocio y explicarte cómo empezar ahora mismo.

Programar cita

4
Tres cosas que hay que tener en cuenta al crear una UI de chatbot

¿Cuál es el objetivo de tu chatbot?

Muchas empresas ni siquiera necesitan un chatbot , pero su popularidad y el factor “cool” son demasiado atractivos. Si no hay un plan de juego o un uso particular, ¿por qué gastar el dinero y el esfuerzo en construirlo?

Dale a tu chatbot un propósito para que no se convierta en un accesorio del sitio web que habla. Esto puede ir desde dar voz a tu marca hasta ayudar a los clientes en tareas sencillas. Comparando a Milo y Erica, Milo carece de la funcionalidad y la inteligencia de Erica, pero hace un gran trabajo dando a los visitantes una idea de la marca y el estilo de la empresa.

Si tu chatbot va a ayudar con las tareas, ¿qué incluyen estas? Elabora una lista de todo lo debe realizar el chatbot y, a continuación, divídelo en función de lo que sea viable para tu presupuesto, tiempo y base de clientes.

Además, determina dónde y con qué frecuencia utilizarás tu chatbot. ¿Vivirá únicamente en tu sitio web, o lo vas a instalar en diferentes canales?

¿Qué pinta tendrá tu chatbot, cómo hablará y cómo se comportará?

Es más fácil desarrollar un personaje cuando se tiene un perfil con el que trabajar. Hemos creado una guía para ayudarte en este proceso. Determinarás el aspecto, el comportamiento y la forma de hablar de tu chatbot, así como sus puntos fuertes, sus tareas y sus debilidades.

Una vez que conozcas sus características, te resultará más fácil crear un nombre llamativo para tu chatbot . No parece haber una tendencia o preferencia en cuanto a los nombres que mejor funcionan (nombres humanos frente a nombres cursis), así que haz una lluvia de ideas con opciones que encajen con tu marca, sean fáciles de pronunciar y se ajusten al aspecto de tu chatbot.

Toda esta preparación te ayudará a escribir el guión, el elemento más largo pero más importante en la creación de la interfaz de usuario del chatbot. Puedes utilizar nuestro post “ 6 pasos para un flujo de conversación de chatbot intachable ” como guía sencilla para poder empezar.

No importa si utilizas un chatbot basado en botones, en árboles de decisiones o un chatbot contextual, sus gestos y su tono de habla son importantes para conseguir esa sensación humana. Prepárate para desviaciones temáticas, palabras o frases con doble sentido y malentendidos.

¿Qué plataforma y datos utilizarás?

Puedes elegir entre muchos proveedores de chatbot, desde las opciones más avanzadas hasta las que no requieren código. Hemos creado una lista de los 10 proveedores de chatbot para cada presupuesto que debes conocer .

Botsociety, una plataforma para encontrar tu solución de chatbot
Un ejemplo de cómo construir un flujo de chatbot con Botsociety.

Para elegir el proveedor adecuado, considera cómo tus usuarios interactuarán con tu chatbot: ¿cómo puedes simplificar la interfaz para que los clientes no tengan que pulsar muchos botones y repetirse para obtener lo que necesitan?

Al proporcionar información al chatbot, irá mejorando su capacidad para ayudar a los clientes. Comienza con la base de conocimientos de tu empresa (quiénes sois, qué ofrecéis, inquietudes y preguntas comunes) y luego agrupa otras interacciones que te puedan parecer relevantes para tu chatbot.

También hay conjuntos de datos preestablecidos que puedes incorporar a tu chatbot para mejorar su procesamiento del lenguaje natural, o si necesitas un punto de partida en cuanto a datos.

5
El Logic Bot: Configura una interfaz de usuario de chatbot que realmente rinda

En Userlike, ofrecemos un chatbot que está conectado a nuestra solución de mensajería para la comunicación profesional con los clientes, garantizando una interfaz de usuario de chatbot de calidad que realmente rinde.

Nuestro denominado Logic Bot funciona como un agente de tu equipo: puede saludar a los clientes, responder a las preguntas utilizando una sintaxis sencilla y ayudar en tareas recurrentes como crear tickets, buscar paquetes perdidos y sugerir productos, por nombrar algunos puntos.

Logic Bot
El Logic Bot puede enviar documentos y archivos multimedia directamente en el chat.

Se trata de una solución todo en uno que opera en la primera fila de contacto, respaldando a los agentes o recibiendo las solicitudes fuera del horario de servicio.

Si estás interesado en saber más sobre el Logic Bot y nuestros servicios de chatbot, inicia un chat en esta pantalla para hablar con un miembro de nuestro equipo o regístrate para una prueba gratuita.