The menu selection component includes a list of options that users can select to help them complete an action. These actions let users to give a specific answer to the digital assistant from a list of preset options.

Usage

Dos

• Do use menu selection to identify the framework of the task.

Don’ts

• Don’t use quick reply buttons to display actions specific to slot filling.

Structure

The menu selection component can display up to five relevant options to avoid a long list of options.

B. List Item

C. “View More” Button

Behavior and Interaction

In the menu selection, it’s best to keep the text in the list items fairly short and to-the-point. If the text is too long, the text can wrap.

The menu selection displays up to five options. If there are more than five options, the “View More” button displays. The user can select “View More” to expand the view for up to ten options.

(Optional) If you need to give the user with more than ten options (not recommended), you can use a selection page with search functionality.

Specifications

These visual design specifications apply to menu selection style and spacing.

Colors

These color specifications apply to the menu selection component.

Mockup