Subscribe to get UX strategies, design trends, and real-world examples to help you build better products.
Share
🥰 4 AI chat UX patterns we're loving right now
Published 15 days ago • 3 min read
Hi friend,
This is Design Current, your go-to newsletter about user experience design, brought to you by Koi Studios.
Studio Update
Applying UX to democracy?!
​
I (Anyi) led a journey mapping session at Harvard Ash Center for Democratic Governance and Innovation.
Alongside political scientists, campaign staff, election administrators, technologists, and philanthropists, we mapped the end-to-end journey of American voters.
Chat is still the dominant interface for AI products.
The irony with a chat interface is, although the act of chatting itself is intuitive, a blank chat box can feel intimidating.
We think about this a lot, and we're always on the hunt for thoughtful ways to improve chat UX. Here are a few patterns we love.
1. In the moment tips
What it is: Bite-sized, contextual nudges that show up right when a user might need them. Not a tour, not a modal, not a checklist. Just a tiny hint at the right moment.
Why we like it: Onboarding is hard for AI products. The canvas is open, and people learn by doing. Small tips give users just enough handholding to get started, without overwhelming them.
And it doesn't have to stop at onboarding. The same pattern can help experienced users too. It can suggest shortcuts, or surface tips based on how their product usage.
Example: Copy.ai, a marketing AI tool, shows users a shortcut tip right above the chat input UI.
2. Prompt templates
What it is: Pre-written prompts users can click to run instantly, usually surfaced on the empty state or near the input field.
Why we like it: Typing out a long, well-crafted prompt can be tiring. Templates solve this nicely.
For new users, they lower the activation energy to get a first result, and they teach users what the product is actually good at.
For existing users, they're a shortcut. Once someone knows what they want, a one-click template is a much faster path.
Example: Manus, a general AI agent, lets you choose from sample prompts.
3. Customizable outputs
What it is: Letting users define how they want the AI to respond. Tone, format, structure, level of detail.
For example, A notetaking app might let you choose bullet points over prose, or ask the AI to always bold key decisions and attribute quotes to speakers.
Why we like it: After using a product a few times, people start to develop preferences. A product that remembers those preferences feels a lot more personal. It also changes the relationship from "AI gives me something" to "AI works the way I work," and that's a much harder thing to walk away from.
Example: Heidi, a medical scribe tool, allows you to customize the output writing style
4. Visual emphasis on reasoning
What it is: Showing the steps, sources, or logic behind an AI's answer, often through expandable sections, inline citations, or a visible chain of thought.
Why we like it: When users can see how a model got to its answer, two good things happen. They're more likely to believe the output, and they're better equipped to course-correct when something's off. Reasoning transparency turns AI from a black box into a collaborator.
Example: Jasper, a content marketing tool, shows what the AI is optimizing for while it's reasoning
The through-line
If there's one thread connecting these four patterns, it's giving users a sense of being in control. Small tips, ready-made prompts, customizable outputs, and visible reasoning all give people a way to shape and understand what's happening in the chat.
That sense of control can really influence how much users trust and like a product.
What do you think about these patterns? You can always reply directly to this email and chat with us.
Hi friend, This is Design Current, your go-to newsletter about user experience design. In this issue, you will see designs and reflections that inspired us in the past month. Studio Update Designing for civic tech Andrea, our co-founder and design director at Koi, spoke at Folsom Tech Week about UX in GovTech and CivicTech. It's something we care deeply about. We wake up every day feeling the weight of what's happening in the world and wanting to do more with the skills we have. Over the past...
Hi friend, This is Design Current, your go-to newsletter about user experience design. In this issue, we want to share a few design inspirations and thought pieces that has helped us grow and reflect. First, a celebration! Our studio has just entered our 4th year! We started Koi Studios with a simple belief: thoughtful design can do good. What began as a desire to create impactful work grew into a studio built around care: for users, partners, and the problems worth solving. Fast forward to...
Hi friend, This is Design Current, your go-to newsletter about user experience design. Over the past few months, we've been exploring how to better incorporate Figma Make into our design workflow at Koi Studios. But then, I quickly realized: If the output quality I'm getting from my prompt is bad, it doesn't matter where I use it in my design process, because it's useless. So I started researching best practices for prompting Figma Make. The top tip: front-load your prompt If you’ve looked...