Moveworks' team of designers follow a few key guidelines when designing for chat to ensure high quality end user experiences.
Use markup to improve readability
Plaintext messages are difficult to understand. There are no affordances to help a user digest the information provided.
✅ Rich Chat
To prevent experiences like the above, Moveworks has provided the following rich text elements. These will work on any chat platform your employees use.
<a href="https://moveworks.com"> Links </a>
- Emoji Shortcodes 👍
- Full list can be found here: https://www.webfx.com/tools/emoji-cheat-sheet/
- Single Layer Unordered Lists (Nesting of these lists is not possible)
<ul> <li>Bullet point 1</li> <li>Bullet point 2</li> </ul>
- Line Break
Please do not try to send
<img> tags in our Message API as they may lead to unexpected behavior.
- If you want to trigger actions with buttons, try using smart links instead.
- If you want to send images, check out our tutorial on images
Keep it conversational
When messaging users, keep the tone of your message conversational. Make sure to use emojis to increase the visual appeal of your message.
❌ Impersonal Notification
✅ Personal Message
Being conversational increases your integration's adoption rate and improves overall employee satisfaction. Refrain from using technical jargon, dumping error codes, or listing out details without instructions or suggestions.
Reduce information density
Emails are often littered with complex tables & banner images.
There's a concept in user interaction design called Progressive Disclosure. When designing for chat, making sure you display just the right level of information is critical to success.
What will the user do with this information?
For example, purchase orders can contain a lot of logistical information & IDs that are not relevant to approvers. Crafting the right message is the difference between users loving your integration or ignoring your it.
❌ Noisy Message
✅ Concise Message
Moveworks is happy to offer a helping hand to help you build chat mock-ups of any experience. You can use these to get the rest of your team on the same page.
Ask your customer success team for a mock-up tailored to your bot avatar & use case!