# User Interface Redesign

## Release Summary

The focus of the release was on redesigning components of the Chat Flow product's user interface. We've also enhanced the flow approval process for our self-service clients.

### **NEW FEATURES**

**User Interface Redesign** 

Although no functional changes were made, the redesigned user interface makes [Chat Flow](https://clickatell.gitbook.io/flow/overview/overview) feel like a brand new product! With its modern look that's easy on the eye, the way elements are arranged on the interface also makes it easy to do what you need to do, quicker. The use of colors helps identify node types at a glance, and the removal of unnecessary text makes it clean and uncluttered.

The following components have been **redesigned** for a cleaner, more user-friendly experience:  

* Left panel
* Top bar 
* Canvas 
* Workflow nodes 

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2FSoj8ChDcPU9ksZgcwl8F%2Fimage.png?alt=media&#x26;token=90a04920-d61f-455a-84b6-20116e55ec9c" alt=""><figcaption><p>Redesigned left panel, top bar, canvas and nodes</p></figcaption></figure>

You can now **sort** your workflow [nodes ](https://clickatell.gitbook.io/flow/workflow-management/create-new-flow)by type, most used, or alphabetically to easily find the specific node you are looking for.

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2Fdu0LxJfMd7v8vbm0k7wK%2Fimage.png?alt=media&#x26;token=556a1f18-c3f7-4c52-a290-c7fc68fe645c" alt=""><figcaption><p>Redesigned nodes and sorting capabilities</p></figcaption></figure>

You can also search for a specific node. Hovering over a node provides more info about its function.

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2FVneZ1mZnxOh3e9nzCYaQ%2Fimage.png?alt=media&#x26;token=fd7d57d5-9aee-4a7e-a6f5-61596ba6ea02" alt=""><figcaption><p>Redesigned action and user-facing nodes </p></figcaption></figure>

A '**Settings and Shortcuts**' menu was also added to the bottom right of the canvas. This provides a summary of shortcuts for often-used actions to make workflow-building even quicker and easier.

<figure><img src="https://2380245535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl8ao2e7ogQyZBti1BuxA%2Fuploads%2FEUwEtQZ1Hmrzm9pMvOZ8%2Fimage.png?alt=media&#x26;token=c4ff8b05-5040-4f56-b02f-a30c60f454cf" alt=""><figcaption><p>Settings and Shortcuts menu</p></figcaption></figure>

### **ENHANCEMENTS**

**Self-Approval Process for Clickatell Portal clients**&#x20;

If you are a Clickatell Portal user (i.e., self-service client) you can now [approve and deploy](https://clickatell.gitbook.io/flow/workflow-management/approving-deploying-workflows) your flows yourselves instead of relying on Clickatell's involvement. Previously, a Chat Flow user with 'approver' permissions still had to contact Clickatell to enable them to approve flows created in their account.&#x20;

You now have full control to approve and deploy flows within your own organization, increasing the speed with which you can get new flows into the market.&#x20;