Conversational UX/UI Explained: Design Perfect Chatbots and Voice Assistants

December 17, 2022

6 min read

Dasha Fomin

 

Conversational agents like chatbots and virtual assistants are becoming an integral part of our lives on many different levels. A 2021 study by Voicebot.ai discovered that 60% of marketing experts surveyed thought voice assistants would make a great marketing channel. Many businesses rely on conversational technology to promptly address user queries, grow direct sales, and increase customer loyalty.

 

Here, we’ve put together the most important insights gathered over the years of designing voice assistants and chatbots. We’ll explain how to make conversational services user-friendly and create smooth bot flows, starting from the simplest and gradually moving to the more complex. So, if you’re already familiar with the basics, feel free to move to a more advanced level.

 

Beginner: Dialog UX/UI basics

What is UX? As the name suggests, UX — short for user experience — is how users experience services, systems and products and interact with them. As one might guess, UI — or user interface — is the point of that very interaction.

 

Thus, Conversational UX, is how users communicate with other people and conversational interfaces, aka Conversational UI, that include chatbots and virtual assistants. Be it playing voice games, using in-car voice controls or voice search, messaging to virtual assistants, anything can be part of the dialogue here — voice-based and text-based information input/output, dialog boxes, pop-up windows — you name it.

 

There are two types of conversational interfaces: Conversational User Interfaces (CUI), which comprise both text- and voice-based interfaces where users communicate in natural language. At the same time, Voice User Interfaces (VUI) are part of the CUI concept, which implies voice-only interaction with devices.

 

So, Google Assistant in a Google Home smart speaker is an example of voice UI (or VUI), while Google Assistant in a smartphone that understands both text-based and voice-based commands is conversational UI (CUI). And either one is a conversational interface.

 

 

Who’s behind the chatbot UI?

People whose job is to build conversational interfaces are called conversation designers, conversational UI designers, or voice UX designers. The industry is still relatively young, so there are no established definitions or job descriptions, but here you can find out more about a career in conversation design.

 

A conversation designer makes interactions with chatbots and voice assistants more humanlike. They think through the bot’s logic, list all possible interaction topics, design the bot’s navigation and consider potential difficulties. Also, a good conversation designer needs to think beyond a happy path and make sure the chatbot UI matches its personality.

 

Advanced: Building conversational user interfaces

Make sure conversational interfaces are a good fit for your tasks

Address this checklist from Google and tick whatever boxes feel right for you. The more boxes you tick, the greater the chance conversational interfaces are what you need:

 

  • Users already have human-to-human conversations about this task or topic
  • The interaction is brief, with minimal back-and-forth dialog
  • Users would have to tap multiple times to complete the task with a screen
  • Users might have to navigate multiple apps or widgets to complete the task with a screen
  • The feature is difficult or cumbersome to find
  • Users can do this task while multitasking
  • Users can do this task when their hands or eyes are busy
  • Users feel comfortable talking or typing about this topic

 

Please bear in mind that there are situations and venues not suited for voice-powered interfaces:

 

1. Public spaces: background noises may complicate speech recognition and the voice assistant will likely fail to define user intents.

 

2. Uncomfortable surroundings: sometimes using a voice interface is inappropriate, e.g. when users are surrounded by other people or find themselves in a place where noises are prohibited.

 

3. When texting is preferable: some users find it more convenient to communicate by texting and never use voice commands. In this case, you should provide text-based interfaces to them.

 

4. Privacy concerns: Sometimes user-to-bot interactions imply providing personal information. Using a voice interface would violate user privacy, so you must use a text box here.

 

Create a viable user persona

Once you’ve decided what kind of conversational interface you will create, it’s time for the chatbot design. First, you need a user persona — a short and detailed description of a user who will interact with the conversational interface.

 

There can be more than one — the more you understand about the target audience, the dialogs you can create. Before you start building a script, answer the following questions:

 

  • Who are your users?
  • What do they want?
  • What difficulties do they experience?
  • How are they trying to fix them now?
  • How do they describe their problems?
  • What words or phrases do they use?
  • What do you know about the context of these problems?

 

Think about the tone of voice

How your chatbot or virtual assistant will communicate with users. Will it sound formal? Will it allow for a little chit-chat? Will it make jokes?

 

To define the right tone of voice, go through the resources your audience frequently visits — communities on social media, magazines, media outlets, and forums. However, when building a virtual agent for a company, make sure its tone of voice goes in line with corporate policy.

The tone of voice affects the way users feel about the conversational agent

Hey, Ann! Check out our new pricing plans — there’s something cool for you!

 

or

 

Hello, Ann! We’d like to inform you that from 7/10/2022 our pricing plans will change. Please address the respective section of our website for more details.

Some rules help design effective dialogs, such as Grice’s Maxims. Based on the cooperation principle by British philosopher Herbert Paul Grice, these rules for making a conversation are equally important both for AI-powered voice assistants and basic Facebook Messenger bots.

  • The maxim of quantity. Provide just the right amount of information as necessary: no more, no less.
  • The maxim of quality. Always fact-check the information you provide, and never share anything that is not supported by evidence.
  • The maxim of relation. Stick to the point and say only what’s relevant to the discussion.
  • The maxim of manners. Be clear and concise, and avoid vague statements.

 

Following these maxims will help you design a smooth bot flow

 

 

Design a chatbot script

The bot script is a document that lists sequences of text or voice messages depending on user intents and choices. You need a tool like Voiceflow, Chatflow or DialogStudio to write and edit bot scripts.

 

Start with a happy path — a default scenario where user-to-bot interaction goes smoothly from start to finish — then think about everything that could go wrong: additional questions, clarifications, and difficulties.

 

Write down the detailed script

With the user path and desired tone of voice in mind, write down the detailed bot script. Once they become a piece of code, parts of this dialog will become real replicas of the conversational agent. In the example below, you can see what happens when the bot struggles to respond:

 

 

Create a prototype

Now that you’ve done all the previous tasks, you can start designing a prototype. This way, you’ll test your hypotheses, optimise navigation, and see how your text is perceived in a channel. Usually, a UX designer who specialises in conversational UI does that part.

 

UX design is not just about buttons, but rather emotional and sensory experiences that help solve users’ problems. Naturally, a chatbot script in a Google doc cannot deliver such experiences, so be sure to test your ideas with a good prototype.

In summary

Many companies are successfully implementing bots to interact with customers. With the right approach, conversational AI can enhance your competitive advantage and change the nature of communication between businesses and end-users.

 

Let’s list all the key steps and essential nuances for creating effective chatbots.

 

1. Determine the goals and objectives of the chatbot.

The choice of a chatbot’s goals and tasks depends on the company’s business objectives. In one case, it may aim to reduce costs (e.g., a technical support bot), while in another, it may focus on increasing profits (often achieved with lead generation bots).

 

2. Create a detailed user persona.

Understand your target audience and their needs. Describe the user’s journey in detail and consider what information they require and their goals. It will make it easier to craft genuinely helpful responses for the bot.

 

3. Develop the bot’s tone of voice.

The tone of the bot’s messages logically stems from the bot’s audience. For instance, a medical centre may require a formal communication tone, while a cosmetic brand may opt for a light and friendly style akin to a best friend. Regardless of the tone of voice you choose, engage the user in a virtual dialogue. To achieve this, emulate natural speech and integrate elements of humour and emojis into the bot’s responses.

 

4. Design a chatbot script.

The bot should manage the conversation to guide the user towards their goal. Using closed-ended questions, where users can select either “yes” or “no,” can aid in accomplishing this goal.

 

5. Create a prototype and test it.

After deploying the bot, monitor the dialogues and improve the script if common errors occur. Don’t forget to update the bot if there are changes in the company’s information or new products become available.

Get a demo

Please tell us about yourself and we’ll get back as soon as we can.

Name

Business email

Please enter a valid work email address!

Company name

Message

Contact Us

Please, fill in the form and we will contact you shortly.

Name

Business email

Please enter a valid work email address!

Company name

Message

Thank you for reaching out!

We appreciate you contacting Tovie AI and will get back to you as soon as we can.

Obrigado por estender a mão!

Agradecemos o seu contato e entraremos em contato o mais rápido possível.

Thank you for reaching out!

We appreciate you contacting Tovie AI and will get back to you as soon as we can.