Cómo crear un prototipo de chatbot

Gracias a la IA, los chatbots ocupan ahora un lugar destacado en el diseño de la experiencia del usuario. He aquí cómo empezar a crear tu propio prototipo

La inteligencia artificial está revolucionando el mundo de la tecnología. Nos ha proporcionado más comodidad de la que nunca hemos necesitado y ha cambiado profundamente la relación que tenemos con la tecnología. Los chatbots son una experiencia de usuario emergente que ha surgido en los últimos años gracias al crecimiento y desarrollo de la inteligencia artificial y el aprendizaje automático.

Ahora, cuando compres en Internet, te recibirás con una sonrisa (o mejor, con un ‘:)’) de un chatbot que estará más que encantado de atender y satisfacer tus necesidades de compra. ¿Buscas un jersey concreto? No hay problema, el Watson de North Face te hará una serie de preguntas para ajustarse a tus preferencias. ¿Te saliste un poco del presupuesto el mes pasado? Deja que Erica, el chatbot de Bank of America, te dé los consejos que necesitas para volver al buen camino. Los chatbots cumplen muchas funciones, desde la atención al cliente y la terapia hasta darte las noticias, pasando por el seguimiento de vuelos. Como es habitual con muchas tecnologías emergentes, surge la cuestión de si una tecnología concreta es una experiencia de usuario realmente útil o simplemente un truco. Pero con el perfeccionamiento de la tecnología y la adopción lenta pero constante por parte de las grandes empresas, los chatbots han encontrado un espacio propio en el mundo del diseño de la experiencia de usuario. En este artículo, Justinmind se adentrará en todo lo relacionado con los chatbots y te explicará cómo crear un prototipo de tu propio chatbot. ¿Estás preparado?

Crear tu propio chatbot de alta fidelidad en Justinmind

La creación de prototipos es un método muy útil para limar asperezas en tu diseño y mostrar a las partes interesadas clave un atisbo de lo que está por venir. Como la creación de prototipos es eficaz, barata y fácil de hacer, es una forma poderosa de comprender si tu idea es viable o no. Cuando se trata de crear el prototipo de un chatbot, puedes crear tu propia versión de alta fidelidad en Justinmind que tenga el aspecto adecuado. En este tutorial te ayudaremos a crear tu propio chatbot de mensajería, alcanzando un prototipo de alta fidelidad. Conviene recordar que si no estás seguro de los fundamentos de tu diseño, es aconsejable empezar con algo más sencillo, como un prototipo en papel.

Descargar Justinmind

Antes de empezar, descarga Justinmind y crea un nuevo prototipo a partir de nuestra selección de plantillas. Los chatbots se utilizan principalmente en aplicaciones de mensajería, así que para este tutorial utilizaremos una plantilla para móviles.

Prepara tu guión e interacciones

Como estamos haciendo un prototipo de alta fidelidad, no podemos permitirnos el lujo de recurrir a una API o al procesamiento del lenguaje natural. Tenemos que hacer la magia nosotros mismos mediante la redacción de un guión, que más tarde introduciremos en un Maestro de Datos. Nota: Un Maestro de datos es una minibase de datos que puedes rellenar con los datos reales que hayas importado.

Crea la interfaz de usuario de tu chatbot

Como un chatbot requiere la entrada de un usuario, querrás asegurarte de que tu interfaz de usuario tiene un campo de texto de entrada y un botón. Cambia el nombre del botón por ‘enviar’. Puedes arrastrarlos y soltarlos desde la sección Barras, menús y pestañas de la biblioteca de widgets de iPhone iOS directamente en tu lienzo. Asegúrate de agruparlos y cambia el nombre del grupo a ‘input-text-box’. En la misma sección, puedes arrastrar un widget Encabezado superior para dar más realismo a la interfaz. Lo mejor es mantener tu interfaz limpia y con el menor número posible de distracciones para que la gente se centre en el aspecto chatbot de la experiencia de usuario. Como alternativa, puedes optar por algo rápido y hacer uso de una de estas impresionantes plantillas de sitios web para ahorrar algo de tiempo.

Rellena tu Maestro de Datos para añadir realismo

Para crear una conversación fluida, utilizaremos un Maestro de Datos. Junto a la paleta Esquema, encontrarás una pestaña Maestro de datos. Añade un nuevo Maestro de Datos. Nómbralo Chat. Añade 3 campos: Texto, Hora y Alternar. El tipo de Alternar debe cambiarse a «Verdadero/Falso». Haz clic en Aceptar.

Ahora debes arrastrar un widget rectángulo por encima del cuadro de texto de entrada que agrupaste anteriormente. Este rectángulo actuará como fondo de tu interfaz. Cambia el color a blanco y redondea las esquinas. Después de esto, arrastra una Rejilla de Datos a tu lienzo. Debería aparecer un modal de diálogo. Aquí, escribe Mensajero en el campo Identificador. Mueve el Texto y la Hora de izquierda a derecha. Cambia el tamaño, según el ejemplo siguiente. Asegúrate de reducir el número de columnas a 1.

En la pestaña Esquema, abre la celda «Cuadrícula» de la cuadrícula de datos. Elimina el cuadro de texto «Hora». A continuación, cambia el nombre del valor del cuadro de texto «Texto» por el nombre de tu chatbot. Para darle una cara a tu chatbot, arrastra un widget de imagen al lienzo junto al cuadro de chat que estamos creando y añade tu imagen. A continuación, agrupa todos estos elementos UI que están en la Cuadrícula de datos en un panel dinámico, resaltándolos y haciendo clic con el botón derecho del ratón. Asegúrate de que la imagen es el primer elemento dentro de esta nueva agrupación. Para simular una respuesta, sólo tenemos que duplicar este panel dinámico y cambiar algunas cosas. Una vez duplicado el panel dinámico, cambia la imagen, el nombre y la posición del panel. Para terminar, crea otro panel dinámico. Redimensiónalo y cambia el diseño a Vertical y la alineación a Inferior. Coloca la rejilla de datos dentro de éste en la pestaña Contorno. Por último, añade dos variables en la pestaña Variables: llámalas «Chat-texto» y «Alternar-variable» respectivamente. El valor por defecto de la variable Alternar debe ser «2». Asegúrate de que tus elementos de UI tienen el aspecto jerárquico que se muestra a continuación:

El truco aquí es comprender cuántos detalles necesitas en ese momento. Dependiendo de dónde te encuentres en el proyecto, puedes necesitar un prototipo realista de chatbot o sólo un MVP para compartir con las partes interesadas.

Haz que tu chatbot sea interactivo

Justinmind dispone de potentes Eventos enriquecidos que simulan interacciones reales. Para que tu chatbot sea aún más realista, querrás añadir eventos. Esto significa que cuando escribas en el chatbot, la respuesta del bot aparecerá en pantalla, así como tu mensaje escrito. Una vez que hayas añadido los elementos interactivos que desees, deberías estar listo para simular tu chatbot móvil. ¡Y así es como se crea el prototipo de un chatbot!

¿Qué son los chatbots y qué hacen?

Un chatbot es un programa informático que se comunica con los usuarios mediante una conversación imitada. Los chatbots se utilizan para automatizar tareas específicas, proporcionar información y guiar a los usuarios hacia una tarea iniciada por ellos mismos. Si preguntas a un chatbot sobre ropa con descuento, por ejemplo, te proporcionará información con la que podrás hacer lo que quieras (comprar o no comprar). El chatbot es capaz de responder adecuadamente gracias a las fuentes de datos disponibles en la API a la que está conectado. Conectarse a una API significa que el chatbot puede ofrecer información bajo demanda (por ejemplo, si quieres saber el tiempo que hará ese día). Los chatbots también desarrollan el lenguaje que utilizan. Esto es importante porque los bots tienen que ser capaces de distinguir entre las distintas consultas y peticiones de los usuarios. Ayudados por el aprendizaje automático y el procesamiento del lenguaje natural, los chatbots son capaces de ajustar y adaptar sus respuestas en consecuencia. Lo que ocurre es que un usuario introduce información y el chatbot se entrena para traducirla en el resultado deseado. Gillian Armstrong resume el aprendizaje de los chatbots con bastante precisión «para saber cómo responder correctamente a una pregunta, necesita conocer la respuesta correcta».

También puedes consultar nuestro tutorial sobre cómo crear el prototipo de una app de comestibles.

Chatbots en acción

Dado que los chatbots son relativamente nuevos en términos de desarrollo tecnológico, eso significa que sus usos aún no se comprenden del todo. A pesar de ello, hay ocasiones en las que es más probable que te encuentres con un chatbot que en otras: – Atención al cliente
– Proporcionar referencias o ideas
– Marketing y compromiso Suele ser más fácil explicar con ejemplos estos usos. Supongamos que es Navidad y quieres comprar un regalo para tu pareja. Un chatbot puede darte ideas e inspiración basándose en esa conversación. CoverGirl utilizó un chatbot en lo que llamaron la primera campaña de marketing con chatbot de influencers. El chatbot se basó en Kalani Hilliker, una bailarina y personalidad televisiva estadounidense de 16 años. El chatbot simuló el estilo de conversación de Kalani para definir su personaje. La campaña generó 14 veces más conversaciones con el chatbot que con una publicación media de la Kalani real, y un 51% de clics en los cupones que se entregaban al final de la interacción con el chatbot. Eso sí que es aumentar el compromiso.

¿Por qué utilizar un chatbot?

Los chatbots son especialmente rentables para las corporaciones que quieren automatizar tareas que antes realizaba la mano de obra humana, pero los clientes, los usuarios y los equipos también pueden beneficiarse de los chatbots. Dado que los bots pueden colocarse en plataformas de mensajería, como Telegram, WhatsApp o Facebook Messenger, las corporaciones disponen de una amplia audiencia para dirigirse a sus clientes. Pero, ¿cuáles son otros beneficios que aportan los chatbots?

Los chatbots están siempre disponibles y son extremadamente eficientes

¿Cuántas veces has sufrido una llamada telefónica mal conectada, yendo de número en número en el teclado para llegar a un representante del servicio de atención al cliente, sólo para descubrir que te has equivocado de departamento? Probablemente más veces de las que te sentirías cómodo diciendo. Lo bueno de los chatbots es que funcionan 24 horas al día, 7 días a la semana. Ya no tienes que soportar la terrible música de espera. Un chatbot puede acceder a grandes cantidades de datos a la vez, mientras ayuda simultáneamente a miles de clientes, y seguir ofreciendo resultados relevantes. Esto los hace más eficientes que los humanos y puede estar conduciendo a la muerte de los centros de atención telefónica. Si los chatbots suponen el fin de los tiempos de espera de 10 minutos, la falta de comunicación y los correos electrónicos de ida y vuelta, apúntanos.

Los chatbots automatizan el trabajo repetitivo y aumentan la productividad

Slack, la popular herramienta de colaboración, tiene montones de bots, que actúan como miembros virtuales de un equipo, consiguiendo que tu trabajo se haga más rápida y eficazmente. ¿Necesitas un bot para asignar tareas a los miembros de tu equipo? ¿Qué tal realizar un sondeo o una encuesta? Y no te preocupes por las reuniones diarias, Geekbot puede organizarlas por ti. Incluso hay un bot que puede ayudarte a fortalecer la relación con tus compañeros poniéndote en contacto con alguien con quien no trabajas muy a menudo para tomar un café. Los bots no sólo pueden aumentar la productividad encargándose de las tareas repetitivas y mundanas, sino que pueden utilizarse para crear mejores relaciones y aprovechar la empatía en una organización. Echa un vistazo a nuestro post sobre la validación de formularios y capta otro ángulo del diseño UX.

Conclusión

El jurado aún no ha decidido si los chatbots han llegado para salvarnos. Para algunos, siempre serán un truco, con la esperanza de irrumpir en la corriente dominante. Pero para otros, los chatbots son ya una forma viable y con éxito de mejorar la experiencia de usuario de sus clientes y aportar verdadero valor.