AI Chatbot Service
AI Talker
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.
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.
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
Simplified conversation layout
Reduced visual clutter and preserved space for generated responses.

Voice Feedback
Visible response states
Added clearer feedback so users can see when voice input has been received and processed.

Contextual Controls
More space when it matters
Suggestions appear only when relevant, while scroll controls support longer conversations.
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.
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.