Confirmation Step

Intro

In a conversation with Joule, a confirmation step ensures that the user’s request or input is accurately understood before the user takes an action, especially in situations involving transactions or commands that are difficult to undo.

Confirmation step on compact (left) and regular screen (right)

Usage

Use a confirmation step for high-stakes or irreversible actions.

Don't

Don’t use a confirmation step when the system can proceed without further input.
Don’t use a confirmation step for actions that can be easily undone.

Make sure confirmations guide users to the next step when applicable.
Don’t overload the end-to-end experience with too many confirmations, otherwise the user’s time on task can be inefficient, which leads to frustration.
Don’t use “Cancel” as a button label to avoid confusion.

Anatomy

A. Header

The header consists of a title that states the purpose of the confirmation.

B. Description

The description provides further details about the action and prompts the user to make a decision.

C. “Go Back” Button

The mandatory “Go Back” button lets users return to the chat without confirming their action.

D. “Confirm” Button

The “Confirm” button serves as the primary button that allows users to confirm their action and proceed.

Anatomy of a confirmation step

Behavior and Interaction

Confirmation Step

When confirmation is needed, the confirmation step appears from the bottom of the screen. It blocks the input field and all actions in the chat will be disabled.