SAEYOUNG CHOI

AI Chatbot Service

AI Talker

Project Main

TIMELINE

Oct–Dec 2024

ROLE

UI Developer

SKILLS

Frontend Development

Interaction Design

UX Improvement

Making AI conversations feel clearer and more responsive on mobile.

AI Talker is an AI chatbot service supporting voice- and text-based interactions.I improved the mobile chat experience and voice-response feedback while contributing to its migration to Next.js.

Challenge

How can users tell that the AI has heard them and is working on a response?

Voice recognition worked, but response states were not clearly visible, making successful interactions appear unresponsive.

Challenge
Solution

Make system status visible

I introduced clearer listening and response states and simplified the mobile layout so users could understand what the system was doing at each step.

Mobile Chat
Mobile Chat
Simplified conversation layout

Reduced visual clutter and preserved space for generated responses.

Voice Feedback
Voice Feedback
Visible response states

Added clearer feedback so users can see when voice input has been received and processed.

Contextual Controls
Contextual Controls
More space when it matters

Suggestions appear only when relevant, while scroll controls support longer conversations.

Outcomes

Made voice status easier to follow

Added visible listening and response states throughout the voice interaction.

Reduced missing-response reports

Clearer system feedback reduced reports that voice responses were not appearing.

Reflection

What I learned?

Make invisible system states visible

Voice input was technically working, but unclear response states made successful interactions appear unresponsive.

Making system status visible showed me how small feedback cues can improve clarity and trust.

Saeyoung Choi | Project Coordinator