Cómo hicimos para crear elementos de interfaz de usuario de entrada para nuestra plataforma Chatbot
Publicado: 2017-01-01Los chatbots, tal como existen hoy en día, no tienen muchas capacidades para comprender el lenguaje humano natural. Y esta es una de las razones principales por las que la mayoría de las aplicaciones de mensajería (Messenger, Kik, etc.) están recurriendo a una combinación de interfaz de usuario gráfica y de texto en sus plataformas de bots: piense en botones, carruseles, tarjetas de imagen y no solo respuestas de texto.
Nosotros, en Tars, estamos usando el navegador como plataforma para construir nuestra propia interfaz de chat para que operen los bots. Y esto nos da total libertad sobre todos los componentes que tenemos. Si ha probado alguno de nuestros bots (si no lo ha hecho, primero pruebe uno aquí y aquí), sabrá que apoyamos firmemente el enfoque basado en texto + IU gráfica. Como parte de este proceso de pensamiento, hemos creado una serie de entradas de teclado personalizadas en nuestra interfaz frontal para facilitar las diferentes interacciones y situaciones del usuario.
Messenger, Kik, Telegram son plataformas enormes donde los desarrolladores implementan cientos de bots cada día. Sigo sintiendo que estas plataformas de mensajería no han hecho lo suficiente en los componentes de front-end para ayudar a un boomaker a crear interacciones de usuario enriquecedoras.
Y es por eso que quería hablar más sobre cómo creamos cada interfaz de usuario personalizada, por qué cada una de ellas tiene sentido y cómo la falta de ellas arruina las interacciones de los usuarios en este momento.
Así que, aquí vamos:
Desplazador de fecha y hora
Piense en un escenario en el que necesita preguntarle a un usuario para cuándo le gustaría programar la cita. Puede haber múltiples formas de dar la misma información.
25 de noviembre, 25 de noviembre, 25 de noviembre, 25/11, 25–11–2016, 25/11/16: todos significan esencialmente lo mismo, pero se vuelve difícil para una máquina dar sentido a estos datos.
Es por eso que hemos incorporado un control deslizante de fecha y hora donde los usuarios pueden girar los diales y seleccionar la fecha/hora.
No he visto ninguna otra plataforma de mensajería que proporcione esta interfaz de usuario hasta ahora y creo que es imprescindible si un bot solicita la fecha o la hora al usuario.
Botones verticales
Piense en esto como opciones de opción múltiple en un formulario en el que tiene un número limitado de cosas para elegir. Tocar los botones hace que la interacción sea más rápida y también limita el alcance de la conversación.
El enfoque basado en botones tiene sentido cuando tiene que elegir entre una pizza vegetariana y no vegetariana, pero puede que no sea la mejor interfaz de usuario si tiene 100 pólizas de seguro para elegir.
¿Qué más se puede hacer con los botones verticales?
- agregue una imagen al lado de cada opción para que sea más atractivo visualmente.
- puede dejar que el usuario responda a un solo toque o hacer que haga clic en "Enviar" después de tocar cualquiera de las opciones. Este último ayuda a reconfirmar si el usuario no seleccionó la opción particular por error. No hay forma de volver atrás en un flujo de chat y es por eso que esta personalización tiene sentido.
- agregue un menú de información rápida a cada opción para proporcionar información detallada y mejorar el proceso de toma de decisiones.
No todo el mundo conoce la diferencia entre el facial avanzado y el básico. Agregar detalles sobre todo lo que está incluido y el precio mejora la experiencia del usuario.
Una cosa más importante a tener en cuenta cuando usa la interfaz de usuario del botón es formular su pregunta de la manera correcta. Como explica Leszek en su artículo aquí, es mejor hacer la pregunta de una manera que limite el rango de opciones y establezca el contexto en lugar de hacer una pregunta muy abierta.
Restricción de la entrada del usuario
Siento que esta es una de las mejores cosas que le hemos hecho a nuestra interfaz de chat. Cada vez que proporcionamos una IU de entrada gráfica (botones, carruseles, etc.), no permitimos que el usuario escriba nada en el texto.
¿Por qué hacer eso? Porque un usuario puede escribir cualquier cosa y su bot no está listo para eso. Hasta que esté allí, es mejor mantener las cosas simples y restringidas en lugar de interrumpir la conversación.
Recomendado para ti:
Cómo Metaverse transformará la industria automotriz india
¿Qué significa la disposición contra la especulación para las nuevas empresas indias?
Cómo las empresas emergentes de Edtech están ayudando a la fuerza laboral de la India a mejorar y prepararse para el futuro...
Acciones tecnológicas de la nueva era esta semana: los problemas de Zomato continúan, EaseMyTrip publica...
Startups indias toman atajos en busca de financiación
La plataforma de marketing digital Logicserve obtiene fondos de INR 80 Cr, cambia de marca como LS Dig...
Lo que hacemos es esto:
Esta es nuestra interfaz de chat
Y esto es lo que pasa cuando no tienes algo como esto:
Este es Facebook Messenger que no permite la entrada de texto restringido cuando tienes respuestas rápidas
Botón Listo y Pasar
Estos son dos matices muy pequeños que terminamos incorporando porque siempre hemos pensado en los chatbots con script como una evolución de las formas.
Cuando envía su dirección o proporciona comentarios detallados a través de la interfaz de chat, el comportamiento general es presionar el botón Enviar después de escribir unas pocas palabras y la respuesta completa finalmente se distribuye en 3 o 4 declaraciones. Con el botón "Listo", puede seguir escribiendo y presionarlo una vez que haya dado la respuesta completa.
Si no tiene esa opción, el siguiente mensaje de la máquina vendría después de la primera instancia, lo que generaría respuestas incompletas.
Tenga un botón "Listo" cuando tenga que seleccionar varias opciones o tenga respuestas de varias líneas
También puede haber casos en los que un usuario quiera omitir la pregunta y, para eso, tenemos un "botón Pasar" en lugar del "botón Enviar". Tan pronto como el usuario comienza a escribir, el botón Pasar se convierte en el botón Enviar.
¿No quieres dar tu correo electrónico? Toque "Pasar" para omitir la pregunta.
Sugerencias de Autocompletar
Esto es como la funcionalidad de autocompletar en la búsqueda de Google donde comienza a escribir y sugiere las posibles opciones. Esto se vuelve particularmente útil cuando tiene una larga lista de opciones y tener botones verticales no es una opción factible. Piense en una larga lista de localidades, ciudades, modelos de automóviles, etc.
Estrellas y Me gusta
Especialmente útil cuando solicita comentarios o experiencia del usuario y la respuesta es de naturaleza más cualitativa. E incluso puedes personalizar los íconos para que sean estrellas, me gusta, corazones, emoticones.
Tarjetas de imagen
Esto es útil cuando necesita mostrar múltiples piezas de información sobre cada elemento de una sola vez. Podría ser una hamburguesa en un proceso de pedido de alimentos o una camisa en un flujo de compras. Todas las cartas están apiladas una contra la otra y puedes desplazarte para ver todas las opciones.
Hay 4 partes de este elemento de la interfaz de usuario: imagen, título, descripción y pie de página. Puede utilizarlos de manera diferente según lo que desee mostrar allí.
En caso de que desee probar todos estos elementos de la interfaz de usuario de entrada, aquí está el enlace a un chatbot que lo lleva a través de uno a la vez.
El chat, al ser una interfaz minimalista con solo burbujas y un cuadro de texto, no da mucho alcance. Y creo que tendremos que repensar cómo podemos facilitar una variedad de interacciones usando los elementos existentes y agregando otros nuevos a la interfaz de chat.
Me encantaría saber si usted mismo ha estado jugando con la interfaz de mensajería y le ha agregado algunos otros elementos interesantes de la GUI.
[Esta publicación de Ish Jindal apareció por primera vez en Medium y ha sido reproducida con permiso.]