Case Studies

[Tars Product Update] Icon Picker

Arnav Patel
Arnav Patel2 minutes read
An image showiing a side by side of the two icon themes available in the new icon picker

At Tars we are firm believers in using non-text elements in chatbots to make them more engaging. This is why we make it as easy as possible for bot makers to add videos, images, gifs, emoji and even slideshows into their conversational flows. Today we are launching the latest feature in this same trend: the icon picker feature.

What is the Icon Picker?

If you have interacted with a Tars bot before, you’ll know that the quick-reply buttons UI is a popular form of user input that many bot makers incorporate into their bot.

a tars bot using button input UI to accept user input

The icon picker feature allows bot creators to add icons to these buttons so they look like this:

the same button UI from the previous gif except each button has an icon

Why is this important?

a funny gif from breaking bad in which jesse pinkman is saying "Not all learning comes out of books"

Jesse Pinkman is right. Human beings process visual information up to 60,000 times faster than other forms of sensory information. No matter how short a piece of writing is or how well phrased it is, users will find it easier to process information if their is a visual cue they can associate with it. The icons in buttons mean that bot users will take a few less seconds to understand what response options they have at each stage of the conversation. This might seem like a trivial improvement, but in the world of online engagement and marketing, a few seconds is the difference between a prospect dropping from your page and becoming a valuable lead.

[READ MORE: Autodynamics increased their conversion rate by 50% using a chatbot]

How can you use this feature?

  1. Open up the gambit in which you want to add icons

a gif showing a bot creator open a gambit within their bot's conversational flow

  1. Make sure you are using the button UI, because the icon picker only works for buttons

A gif showing a bot creator select the Button Input UI option from the Input UI dropdown

  1. Click the highlighted Use Icons checkbox

You’ll notice a white flag appear next to each button:

  1. Click on this flag to reveal the Icon picker and choose the appropriate icon to match the button text

A bot creator uses the icon picker to select the icons which correspond best to the text on each of three buttons

 

NOTE: We have included two different icon themes to choose from to give you maximum choice

A bot creator uses the two tabs at the top of the icon picker to switch between icon themes. The left theme is monochromatic, while the right theme has colour
So what do you think? Do you like this product update? Do you think its stupid? Do you think we can make it better? Let us know by clicking HERE

Like what you've read? Why not share it with a friend!
Arnav Patel
Arnav Patel

Arnav is the Director of Content Marketing at Tars. He spends most days building bots, writing about conversational design and scrolling through Giphy’s trending section looking for the gifs that go into the Tars Newsletter.

banner-dotsbanner-dots

Learn why businesses trust us to automate their pre-sales and post-sales customer journeys.

Schedule Demo

Recommended Reading: Check Out Our Favorite Blog Posts!

Recommended Reading: Check Out Our Favorite Blog Posts!

See more Blog Posts

Our achievements in numbers

plant icon

7+

years in the Enterprise Conversational AI space

crown icon

700+

global brands that we’ve worked with

message icon

50m+

customer conversations automated

public

10+

countries with deployed Chatbots