The Problem with Standard Chatbots
Empty text box asking “How can I help?” – user has no idea what to type.
Wall of text responses – hard to scan, users skip.
No indication if bot is thinking, error, or done.
First Impression – Suggested Prompts
Show 3-5 example prompts as buttons. User taps instead of typing.
Reduces friction. Also teaches capabilities.
Rotate suggestions based on user behavior.
Message Formatting
Bad: single paragraph 500 words.
Good: bullet points, short paragraphs, headings.
Better: interactive elements – buttons, cards, links.
Streaming Responses
Text appearing word-by-word as bot generates.
User feels immediate response. Perceived speed 3x better than waiting for full response.
Technical: Server-Sent Events (SSE) or WebSocket streaming.
Feedback States
Typing indicator: bot is thinking. Show within 200ms.
Error state: clear message, retry button.
Success state: message delivered, timestamp visible.
Message Actions
Copy button on every bot message.
Thumbs up/down for feedback. Trains your prompt engineering.
Regenerate button. User didn’t like the answer? Try again.
Share button. Especially for creative outputs.
Context Preservation
User expects bot to remember previous messages.
Show recent conversation. Scroll history accessible.
Clear session button – obvious but not accidentally.
Mobile Considerations
Keyboard covers 50% of screen. Design accordingly.
Auto-scroll to newest message.
Voice input option – reduces typing friction.
Onboarding
First message shouldn’t be “I’m an AI assistant”.
Show capabilities through examples.
Guided first interaction: “Try asking about X”.
Handling Bot Limitations
When bot doesn’t know: don’t hallucinate. Say “I don’t have information about that”.
Offer alternative: “But I can help with…”
Escalation path: connect to human when needed.
Accessibility
Screen reader support: proper ARIA labels.
Keyboard navigation: everything reachable without mouse.
Contrast: WCAG AA minimum.
Based on Real Projects
This guide is based on our work with:
Further Reading
If this guide helped you, you might also want to read our comprehensive guide on UI/UX Design.
רוצים לדבר על הפרויקט שלכם?
שיחת ייעוץ חינם, ללא התחייבות - הרעיון שלכם + הניסיון שלנו
רוצים לדבר על הפרויקט שלכם?
אנחנו מתמחים בפיתוח SaaS, פתרונות AI, עיצוב UX/UI ובניית אתרים. ספרו לנו מה אתם צריכים.
דברו איתנו ←