UX Collective

We believe designers are thinkers as much as they are makers. https://linktr.ee/uxc

Follow publication

Featured

Beyond the bot: redefining chatbot design in the age of AI

Wojciech Wasilewski
UX Collective
Published in
10 min readDec 27, 2024

A sleek and futuristic chatbot interface displayed on a mounted screen, featuring a glowing blue AI logo against a minimalist black background.

Designing the look of your chatbot

Two smartphone screens showing a chatbot interface, the left with a glowing orb icon on a black background and microphone controls, and the right with a live status bar, gradient background, and call control buttons.
ChatGPT & Gemini in voice chat mode
Two smartphone screens showing an AI tutor interface, the left introducing ‘Camila’ with details like her accent and university affiliation, and the right displaying a conversation with a virtual avatar in a home setting.
Praktika.ai: Automated 1–1 tutorship powered by gen-AI avatars

Choosing the right design

Tailoring the voice: tone and style

A white screen with a circular, multicolored dynamic graphic labeled ‘Listening’ at the center, surrounded by minimal text and interface elements.
ElevenLabs.io: AI agent; test mode

The role of accents

Received Pronuniciation and the New Standard British Accent
Four smartphone screens showing a ‘Choose a voice’ interface, each with a glowing orb and labeled options: ‘Santa’, ‘Spruce’, ‘Sol’, and ‘Vale’, along with descriptions and a ‘Start new chat’ button.
ChatGPT: voice chat; choose a voice section
ChatGPT with Advanced Voice: International Accents

Text reveal: balancing message length and user experience

A black interface displaying an animated text reveal, with a user prompt at the top requesting a story about a time travel adventure, and gradually appearing text filling the screen below.
ChatGPT: text chat mode

Why does this matter?

A black interface with an animated text reveal, starting with a user prompt asking for a time travel adventure story and gradually displaying text in response on the screen.
Claude: text chat mode
A black interface displaying a smoother animated text reveal with a user prompt at the top asking for a time travel adventure story and detailed text content gradually appearing below.
Gemini: text chat mode
A light beige interface with a sidebar of content suggestions on the left, a central prompt asking for input, and a text box at the bottom reading ‘Tell me a story about a time travel adventure.’
Pi.ai: text chat mode

Managing cognitive load

Adjusting the pace of the responses

A smartphone screen showing the ‘VoiceOver’ settings under the ‘Accessibility’ menu, with VoiceOver toggled on, a speaking rate slider, and a ‘Double-tap Timeout’ set to 0.25s.
VoiceOver settings: speaking rate slider

Other conversation dynamics vs. UI patterns

Three smartphone screens displaying a glowing blue loop symbol on a black background, with stages labeled as ‘Listening,’ ‘Hold to Talk,’ and a waveform representation.
1: Voice-to-voice; 2: Hold-to-Talk; 3: Record

Enhancing voice interactions

Reliable voice input methods

Summary

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

Responses (4)

Write a response

Always happy to see UX'ers take on the interaction design of conversational AI!
There are a lot of aspects of human communication that can import into design concepts for conversational AI. You've touched on a number of them. There are more…

--

Any thoughts on adoption of chat interactions outside of chat first products like chatgpt/gemini? I keep running into fact that general population is unwilling to use chatbots and have pre-existing notions of chatbots from previous generations of chatbots.

--

Great insights on the evolution of chatbot design in the AI era! I love how you highlighted the shift from basic bots to more intuitive, context-aware systems. It's exciting to think about how these advancements will redefine user experiences and interactions moving forward.

--