The emergence of AI ushered in a new wave of AI apps that are finding their footing to best utilise this new tech. We are in the early days of the AI revolution and everyone is still trying to figure out how best to create products with AI. This is a design exploration on how to improve the overall experience of an existing AI agent app - Wordware that distills the complexity of managing context & memory, structuring input and output from the LLM and handling API rate limits and allows users to create workflows using LLMs with ease.

In order to bring clarity to the process, a guide for the user to understand which part of the flow will be helpful. If an AI workflow is being stripped down to the bones, a program usually includes inputs that needs to be defined, then a prompt needs to be sent to the LLMs and a few further steps is needed to restructure the inputs to outputs that can be easily consumed or displayed. Having an overview to show the user which part of the process they are will be a useful guide. Together with the use of micro animations as visual indication, the entire workflow will be a lot easier to understand.

Never underestimate the power of using simple components like buttons and micro animations to guide the user through a complex flow. Humans are hard wired to absorb better through visuals. There is a reason why the saying goes, 'A picture paints a thousand words.' And there's also a reason why TV overtook radio. The clever use of visuals and motion always truimphs static information as a form of communication. And when a user interacts with a digital product the communication comes in a form of text, colors, hierarchy and motion. Small thoughtful changes can lead to big lasting impact.