All Projects/AI & Conversational UX/AI Chatbot
AI & Conversational UX • 2024

AI Chatbot

Multimodal generative assistant with ambient contextual reasoning

My Role

Product & AI Experience Designer

Timeline

8 Weeks (2024)

Client / Context

Cognitive AI Labs

Core Toolkit

Figma + Claude AI

ai-chatbot.figma
AI Chatbot
01 / Project Overview

The Vision & Purpose

A cutting-edge generative AI interface engineered to elevate the conversational UX paradigm beyond basic chat bubbles. Features dynamic code execution cards, streaming thought tree visualizers, voice dictation waveforms, and modular prompt chaining.

02 / The Challenge

Making non-deterministic AI outputs feel reliable, intuitive, and controllable

Most AI chat apps present an endless scrolling wall of static text. When an LLM hallucinates or delivers incomplete answers, users feel stranded without clear editing tools, branching paths, or transparent reasoning indicators.

Identified Obstacles & Friction Points

Passive text walls that make long-form structured answers tedious to review

Opaque reasoning without visibility into source citations or prompt logic

Difficult prompt tweaking requiring complete query re-typing

03 / Deliverables Handed Off
Full Mobile & Web UI Kit
Conversation State Diagram
Micro-Interaction Prototypes
Measurable Impact & Metrics

4.8/5

User Clarity Rating

Users praised transparent thought trace visibility

2.8x

Faster Task Completion

Via side-by-side canvas editing

85%

Branching Adoption

Users actively forking prompt directions

Feature Innovations

Thought Trace Transparency

Explainable AI

Expandable reasoning tree displaying system prompts, retrieval context, and verification checks.

Inline Canvas Scratchpad

Split Canvas

Side-by-side editing canvas that updates collaboratively as the AI generates code or documents.

Voice Waveform Dictation

Multimodal Voice

Fluid fluid-audio input with real-time word transcription and noise suppression feedback.

Explore More WorkAll Case Studies
Let's Build Together

Interested in partnering on your next digital experience?

Let's discuss how intuitive UI/UX design and scalable Figma architectures can transform your product metrics.

AI Chatbot — UI/UX Case Study by Monson Sunny