# User Experience Enhancements

## Enhanced onboarding experience for Routing, API Integrations, Keywords sections <a href="#enhanced-onboarding-experience-for-routing-api-integrations-keywords-sections" id="enhanced-onboarding-experience-for-routing-api-integrations-keywords-sections"></a>

As part of our ongoing effort to improve the [Chat Flow](https://clickatell.gitbook.io/flow/overview/overview) user experience, we've enhanced the *Routing*, *API Integration*, and *Keyword* pages. We now provide the flow-builder with tooltips, help text, and validation messages to guide them in what is expected of them when adding new routes/API integrations/keywords.

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2FAF6f2NVyDZCBWe1r7Gj0%2Fimage.png?alt=media&#x26;token=11f3938f-8291-4918-ab39-1856dfbf7e7f" alt=""><figcaption><p>Tooltips and updated look &#x26; feel</p></figcaption></figure>

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2FaMmCNCUV2WrB9emPsaFJ%2Fimage.png?alt=media&#x26;token=7b6e3f20-3894-47ac-92ea-756b62f1e04f" alt=""><figcaption><p>Field validation and help text</p></figcaption></figure>

## Provide a better visual experience when selecting the Next Step / Flow <a href="#provide-a-better-visual-experience-when-selecting-the-next-step-flow" id="provide-a-better-visual-experience-when-selecting-the-next-step-flow"></a>

When setting up a [node ](https://clickatell.gitbook.io/flow/workflow-management/create-new-flow)in Chat Flow, the user selects the next step/flow where the user must be directed given a certain response/result. &#x20;

We've improved the way that the flow-builder can select this next step/flow:

* **Direct user to "Next Step"**: search and select an existing step in the flow, or add a new step to your flow and direct the user there&#x20;
* **Transfer user to another flow:** Click the ‘*flow*’ button to launch a new interactive modal

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2Fzm9hr0EoXUI9UQi6kjE6%2Fimage.png?alt=media&#x26;token=110f3646-4ce2-4b4b-965b-51083e0b7726" alt=""><figcaption></figcaption></figure>

In the new interactive modal, the flow-builder can scroll/search and select the flow from the left-hand panel. Once selected, the flow opens (in read-only mode) allowing the flow-builder to select the exact step within this flow where the end-user must be transferred to.

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2FMYFfiyR6jVLrXXnS6PWg%2Fimage.png?alt=media&#x26;token=5fe2a6af-adfb-497b-9f53-4381121abca2" alt=""><figcaption></figcaption></figure>

After making a selection, the modal will close, and the folder name/flow name will be displayed in the node:

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2FY6yl8pBP284hxCDNFImS%2Fimage.png?alt=media&#x26;token=b3a1fe2c-eca5-4cbc-bff2-81f1c8e64f07" alt="" width="563"><figcaption></figcaption></figure>
