La mayoría de las interfaces de chatbot comparten las mismas partes: un área de entrada, un hilo de mensajes y controles en cada mensaje. La diferencia entre un chatbot bueno y uno frustrante está principalmente en los detalles de esas partes y sus estados.
Comience con el estado vacío. Una pantalla en blanco con un cuadro de texto no da idea de lo que puede hacer el bot. Agregue una breve descripción y tres o cuatro ejemplos de indicaciones que las personas puedan tocar.
Haz que el hilo sea fácil de leer. Mantenga el ancho del mensaje cómodo para la lectura, separe claramente los mensajes del usuario y de la IA, represente el formato como listas y códigos correctamente y mantenga el mensaje más reciente a la vista mientras ingresa texto nuevo, sin saltar si la persona se ha desplazado hacia arriba.
Diseña cada estado. Enviar, pensar, transmitir, finalizar, detener y fallar deberían verse diferentes. Un indicador de pensamiento, a menudo un patrón de puntos u orbe animado, indica a las personas que se recibió la solicitud. Un botón de parada durante la transmisión le devuelve el control. Los errores deben decir lo que sucedió y ofrecer un nuevo intento.
Agregue controles a las respuestas: copie, regenere, edite el mensaje anterior y brinde comentarios. Para un asistente de voz, utilice una imagen clara para escuchar, pensar y hablar para que las personas sepan cuándo hablar. ExodeUI, que creamos, tiene orbes animados gratuitos para estos estados que se ejecutan en React, Vue, SwiftUI, Flutter y otros marcos.