Chat Window
Required anatomy of an AI chat window, plus an interactive chat demo.
Chat Window
Anatomy — required elements
Bot identity disclosure
Name + "AI" label visible in the header at all times
Live status indicator
Online / typing / away — not a static design flourish
Window controls
Maximize, minimize, and options menu — NNG guideline #8
Non-autoscrolling messages
User controls scroll position; AI does not hijack it
Suggested prompt chips
Clickable buttons above the input, context-aware per response
Dual input
Text field + microphone icon for voice input (accessibility)
Feedback actions per message
Copy · Thumbs up · Thumbs down · Regenerate
AI disclaimer footer
"AI can make mistakes. Verify with our agents." — builds trust
Interactive demo — Aria, Adres AI assistant
Aria AI
Adres AI · Online
Aria can make mistakes. Verify important details with our agents.