Skill: UX for Message Flows (Chatbots, WhatsApp, Telegram)
Best practices for creating conversational flows in chat agents.
When to Use
- When creating chat agent prompts
- When designing service workflows
- When reviewing conversational flows
- When working with WhatsApp, Telegram, chatbots in general
1. Message Structure
- Short messages: Maximum 3 lines per block.
- One action per message: Don't mix multiple requests.
- Clear confirmations: "Got it! You want X, right?"
- Break long messages: Split into multiple short messages.
Example
Bad:
"Hello! Welcome to our service. To proceed, I need your ID, full name, date of birth and email. After that, I'll verify your account and inform you about available options."
Good:
"Hello! I'll help you verify your account."
"What's your ID number?"
2. Tone of Voice
- Friendly, direct, no unnecessary jargon.
- Adapt to context:
- Formal for enterprise/B2B
- Casual for consumer/B2C
- Emojis in moderation: Use for clarity, not decoration.
Tone by Context
| Context |
Tone |
Example |
| Technical support |
Professional, calm |
"Got it. I'll fix this." |
| Customer service |
Welcoming, quick |
"No problem! I'll sort this out for you." |
| Sales |
Enthusiastic, consultative |
"Great choice! This product is perfect for..." |
3. Error Handling
- Don't blame the user: "Oops, something went wrong" > "You made an error".
- Offer clear next step: What the user should do now.
- Gentle fallback: "I didn't understand. Can you rephrase?"
Fallback Examples
- "Hmm, I couldn't understand. Did you mean [option A] or [option B]?"
- "Sorry, I couldn't find that information. Can you try another way?"
- "I didn't understand. Want to speak with a human agent?"
4. Confirmations and Feedback
- Always confirm important actions: "Booking confirmed for March 15th."
- Progress indicators: "Processing...", "Almost there!", "Checking..."
- Clear closure: "Done! Your order has been registered."
Confirmation Types
| Type |
When to use |
Example |
| Quick confirmation |
Simple actions |
"Done!" |
| Confirmation with summary |
Important actions |
"Booking confirmed: Hotel X, Mar 15-17, 2 adults." |
| Confirmation with next step |
Actions in flow |
"Payment received! Now I'll send your ticket." |
5. Handoff Flows (Agent → Human)
When the agent needs to transfer to a human attendant:
- Notify the user: "I'll transfer you to an agent."
- Pass summarized context to human: ID, problem, what was already tried.
- Confirm when human takes over: "All set! You're now speaking with [Name]."
Handoff Example
Agent: "This case needs a specialized agent. I'll transfer you now."
Agent: "Passing context: customer wants to cancel booking #12345, already tried via app."
Agent: "Hello! I'm Maria. I see you want to cancel the booking. I'll handle this."
6. Flow Patterns
Options Menu
What do you need?
1️⃣ Make booking
2️⃣ Cancel booking
3️⃣ Speak with agent
(Type the number or write what you need)
Sequential Data Collection
Agent: "What's your ID number?"
User: "123.456.789-00"
Agent: "Perfect! And your email?"
User: "john@email.com"
Agent: "Great! Data confirmed. Now I'll verify your account."
Understanding Confirmation
User: "I want to change the date"
Agent: "Got it! You want to change your booking date. Is that right?"
User: "yes"
Agent: "Alright! What date do you want to change to?"
7. Common Errors to Avoid
| Error |
Problem |
Solution |
| Messages too long |
User doesn't read |
Split into multiple short messages |
| Multiple questions at once |
User gets confused |
One question at a time |
| Technical jargon |
User doesn't understand |
Simple language |
| No next step |
User gets lost |
Always indicate what to do |
| Robotic tone |
User disconnects |
Friendly and natural tone |
8. Quick Checklist
1---2name: ux-message-flows3description: Conversational UX for chat agents (short messages, tone, confirmations, handoff).4---56# Skill: UX for Message Flows (Chatbots, WhatsApp, Telegram)78Best practices for creating conversational flows in chat agents.910## When to Use1112- When creating chat agent prompts13- When designing service workflows14- When reviewing conversational flows15- When working with WhatsApp, Telegram, chatbots in general1617## 1. Message Structure1819- **Short messages:** Maximum 3 lines per block.20- **One action per message:** Don't mix multiple requests.21- **Clear confirmations:** "Got it! You want X, right?"22- **Break long messages:** Split into multiple short messages.2324### Example2526**Bad:**27> "Hello! Welcome to our service. To proceed, I need your ID, full name, date of birth and email. After that, I'll verify your account and inform you about available options."2829**Good:**30> "Hello! I'll help you verify your account."31> "What's your ID number?"3233## 2. Tone of Voice3435- **Friendly, direct, no unnecessary jargon.**36- **Adapt to context:**37 - Formal for enterprise/B2B38 - Casual for consumer/B2C39- **Emojis in moderation:** Use for clarity, not decoration.4041### Tone by Context4243| Context | Tone | Example |44|---------|------|---------|45| Technical support | Professional, calm | "Got it. I'll fix this." |46| Customer service | Welcoming, quick | "No problem! I'll sort this out for you." |47| Sales | Enthusiastic, consultative | "Great choice! This product is perfect for..." |4849## 3. Error Handling5051- **Don't blame the user:** "Oops, something went wrong" > "You made an error".52- **Offer clear next step:** What the user should do now.53- **Gentle fallback:** "I didn't understand. Can you rephrase?"5455### Fallback Examples5657- "Hmm, I couldn't understand. Did you mean [option A] or [option B]?"58- "Sorry, I couldn't find that information. Can you try another way?"59- "I didn't understand. Want to speak with a human agent?"6061## 4. Confirmations and Feedback6263- **Always confirm important actions:** "Booking confirmed for March 15th."64- **Progress indicators:** "Processing...", "Almost there!", "Checking..."65- **Clear closure:** "Done! Your order has been registered."6667### Confirmation Types6869| Type | When to use | Example |70|------|-------------|---------|71| Quick confirmation | Simple actions | "Done!" |72| Confirmation with summary | Important actions | "Booking confirmed: Hotel X, Mar 15-17, 2 adults." |73| Confirmation with next step | Actions in flow | "Payment received! Now I'll send your ticket." |7475## 5. Handoff Flows (Agent → Human)7677When the agent needs to transfer to a human attendant:78791. **Notify the user:** "I'll transfer you to an agent."802. **Pass summarized context to human:** ID, problem, what was already tried.813. **Confirm when human takes over:** "All set! You're now speaking with [Name]."8283### Handoff Example8485> **Agent:** "This case needs a specialized agent. I'll transfer you now."86> **Agent:** "Passing context: customer wants to cancel booking #12345, already tried via app."87> **Agent:** "Hello! I'm Maria. I see you want to cancel the booking. I'll handle this."8889## 6. Flow Patterns9091### Options Menu9293```94What do you need?951️⃣ Make booking962️⃣ Cancel booking973️⃣ Speak with agent9899(Type the number or write what you need)100```101102### Sequential Data Collection103104```105Agent: "What's your ID number?"106User: "123.456.789-00"107Agent: "Perfect! And your email?"108User: "john@email.com"109Agent: "Great! Data confirmed. Now I'll verify your account."110```111112### Understanding Confirmation113114```115User: "I want to change the date"116Agent: "Got it! You want to change your booking date. Is that right?"117User: "yes"118Agent: "Alright! What date do you want to change to?"119```120121## 7. Common Errors to Avoid122123| Error | Problem | Solution |124|-------|---------|----------|125| Messages too long | User doesn't read | Split into multiple short messages |126| Multiple questions at once | User gets confused | One question at a time |127| Technical jargon | User doesn't understand | Simple language |128| No next step | User gets lost | Always indicate what to do |129| Robotic tone | User disconnects | Friendly and natural tone |130131## 8. Quick Checklist132133- [ ] Messages with max 3 lines134- [ ] One action per message135- [ ] Clear next step136- [ ] Appropriate tone for context137- [ ] Gentle fallback for errors138- [ ] Confirmation of important actions139- [ ] Smooth handoff to human when needed