Guidelines for Using the Chat Component

Usage Guidelines

The Telerik and Kendo UI Chat requires you to follow some basic principles when using the component.

Quick Replies and Prompt Suggestions Length

Quick replies and prompt suggestions are used to generate quick messages or queries. When chatting with an LLM, these messages are called prompts. Since they usually come in bulk and might take up space, try to keep their text short, concise, and straightforward.

Telerik and Kendo UI Chat used for person-to-AI model communication using prompt suggestions with short labels.

DoKeep the length of the label within the quick replies and prompt suggestions short and concise.

Telerik and Kendo UI Chat used for person-to-AI model communication using prompt suggestions with long labels.

Don'tAvoid using lengthy labels and over-describing the quick replies and prompt suggestions.

Collapsible Message Bubbles

Collapsible message bubbles are a convenient solution for message bubbles that take too much vertical space, but are not of primary importance, such as prompts with larger text.

A Telerik and Kendo UI Chat displaying person-to-AI model conversation with collapsible prompt message.

DoUse collapsible message bubbles only for conversations with AI services.

A Telerik and Kendo UI Chat showing a collapsible message bubble in the context of person-to-person conversation.

Don'tAvoid using collapsible message bubbles in person-to-person or person-to-bot conversations, as all message bubbles are of equal importance in these types of communication.

Message Toolbar is commonly used below output message bubbles in the context of person-to-AI model conversation and enables users to perform quick actions over the said message—most often copy, share, or rate the AI output.

A Telerik and Kendo UI Chat used for person-to-AI model conversation with a message toolbar below output message bubble.

DoUse the message toolbar to indicate relevant actions available for particular message bubbles that are part of a conversation with an AI model.

A Telerik and Kendo UI Chat used for person-to-person conversation using a message toolbar.

Don'tAvoid using a message toolbar in person-to-person or person-to-bot conversations.

Simultaneous vs Asynchronous Communication

Unlike the person-to-bot and person-to-AI model conversations, person-to-person communication might be asynchronous, which implies using message markers such as message time and status, usually displayed upon interaction with a message.