An ongoing list of experiments around conversational and chatbot UI design.
Motion Studies with Framer Motion
One of the most challenging parts of chatbots is making all components come together smoothly through motion, without elements abruptly appearing on the screen. This is one exploration of a playful thinking animation that uses the animationEnd and animationIteration events to ensure that when the bot is thinking, the chatbot marker animation is never abruptly stopped and smoothly transitions to the default state when the message is ready to be displayed.
Real Time Learning with Bots
What if bots could learn to understand new variations of an intent automatically? What if companies could deploy bots that learn new expressions of intents in real time, rather than waiting for humans to consume analytics and retrain based on misclassified input?
In this demo, I thought about what it might look like for a bot to train itself in real time on new kinds of user inputs.
If a bot is unsure how to classify a user’s input (low confidence score), it could then ask if the user was talking about any of the topics it has been trained on. If a user selects one of those topics, the bot might retrain itself to understand similar inputs in the future.
I imagine that in production, the bot wouldn’t automatically retrain on a single user’s input, but there might be a certain number of users all expressing an intent in a certain way, which triggers a bot to retrain itself (rather than waiting for the manual addition of these new variations to an intent).