Suggestion Chips for Google Assistant are a great way to offer guidance and direct the conversation for users that are interacting with your Google Action on their mobile phones. In this blogpost you're going to learn how to implement Suggestion Chips with the Jovo Framework.
You can find the full example code on GitHub: jovotech/jovo-templates/tutorials/suggestion-chips.
Suggestion Chips are a form of visual output, which (as the name already tells) provide the user with a suggestion how to respond. The user can select each suggestion chip, which will be considered as their answer. You can find the full reference from Google here: Actions on Google Docs > Responses > Suggestion Chip.
You might ask yourself, why to even bother implementing that feature, since neither the Google Home nor the Google Home Mini have a screen. The answer is the crazy number of smartphones that have the Google Assistant integrated. In May 2017, the most common way for an American adult to use a voice assistant was through their smartphone (source). Suggestion chips are a great way to help them reach their goals faster by guiding the conversation.
Let's go through some of the use cases of suggestions chips, so you get an overview of the possibilities.
Example 1: Quiz App Probably the most basic use case. You ask the user multiple choice questions and provide the possible answers as suggestion chips.
Example 2: Possible Responses Suggestion Chips can also be used to hint at possible responses. These could be answers to the question your application asked as well as help commands.
In this example, we are just going to modify our Hello World Sample Voice App to display some names as suggestion chips when we're asking our users for their names. You can find the full example code on GitHub: jovotech/jovo-templates/tutorials/suggestion-chips.
Suggestion chips are really easy to implement in Jovo. Technically it only takes one line of code:
This is what the result looks like in the Actions on Google Simulator:
If I now click the "Elliot" button, this is treated as if I said "Elliot" going into the 'MyNameIsIntent' intent on Dialogflow.
That's it, you made it to the end!