Updated: February 15, 2019
Version 1.60

Action Buttons

Intro

Action buttons are cues for the next step. The two types of action buttons are: quick reply buttons and menu selection.

Quick Reply Buttons

Quick reply buttons are suggested actions that provide next steps related to the user’s primary intent. They guide users to discover additional actions relevant to the task.

Usage

Keep in mind that a quick reply button is best used when it recommends meaningful next steps pertaining to the intent, and even to accomplish tasks beyond the user’s intention.

Structure

Quick reply buttons can be placed in these areas: below a response or below a card. Avoid applying the actions inside a card. Instead use standard buttons.

Labels for quick reply buttons should be concise and straightforward. Labels should not exceed more than 30 characters. Be mindful that labels correspond with the overall intent and not to the immediate action.

Do
Don't

Behavior/Interaction

Quick reply buttons are optional and allow users to select only one action. Selecting or typing a response dismisses the quick reply buttons.



Menu Selection

A menu selection is a set of values used for slot filling. It helps complete an action by specifying a parameter value. 

Usage

  • A menu selection is best used to identify the framework of the task
  • Avoid using quick reply buttons to display actions specific to slot filling
Do
Don't

Structure

A menu selection can display 5 values upfront. It’s highly encouraged to show only relevant and applicable values to prevent an extensive list. Don’t display more than 5 buttons at a time.Limit the number of quick replies based on relevancy, to avoid excessive actions and complexity. If necessary, the user can ‘View More’ to expand the menu and see additional values.
A menu selection can accommodate a long label in a cell. It can display up to 2 lines of text. If the label reaches the maximum text length, it will truncate. Hovering on the label will display the tooltip, which contains the full text of the label.

Behavior/Interaction

Slot filling can start only after a value has been selected. The menu selection is then dismissed. No further navigation is available after a value is selected.