How to Create the Best Chatbot Design in 2021 [12-Step Process] (2022)

Chatbot design combines elements of technology, user experience design, and good copywriting. It is also becoming a trending profession. The sheer number of chatbot conversation designer jobs listed on portals like LinkedIn is impressive. Last month there were 1,200+ chatbot designer job openings in the US alone.

The question is—

What does it take to build great chatbots?

We’ve broken down the chatbot design process into 12 actionable tips. Follow the guidelines and master the art of bot design in no time.

In this article:

  • The principles of chatbot conversation design
  • Good and bad chatbot design examples
  • Tips from professional chatbot designers

Easily design your first chatbot without coding, in minutes

Build Chatbots Now 🦾 Learn more about Tidio Chatbot

You can also dive in headfirst and explore some useful tools and resources:

  • Discover the best chatbot templates
  • Build workflows with chatbot software
  • Learn how to make a chatbot without coding

Let’s go through chatbot design best practices one at a time, shall we?

Best Chatbot Design Principles

Designing chatbot personalities and figuring out how to achieve your business goals at the same time can be a daunting task. We’ve compiled a list of chatbot design guidelines. You can scroll down to find some cool tips from the best chatbot design experts.

How to Create the Best Chatbot Design in 2021 [12-Step Process] (1)

If you want to learn how to design a chatbot conversation, you need to practice. But it is going to be much easier if you try to avoid some common chatbot design mistakes.

Things to avoid when designing your chatbots:

  • Pretending to be human
  • Pointless banter
  • Messages that may appear rude
  • Chatbot conversation scripts based only on NLP
  • Typos and irritating grammar mistakes
  • Messages that are too long

1. Make sure that what you need is a chatbot

Before you ask how to design a chatbot, you should ask yourself: Do I really need a chatbot for that?

The most important and often the hardest part of chatbot design is deciding if something should be a chatbot in the first place.

There are tasks that chatbots are suitable for—you’ll read about them soon. But there are also many situations where chatbots are an impractical gimmick at best.

In 2016 eBay introduced it’s ShopBot—a facebook messenger chatbot that was supposed to revolutionize online shopping. It seemed like a great idea and everyone was quite confident about the project.

Over a period of two years ShopBot managed to generate 37K likes… at a time when eBay had more than 180 million users. But people didn’t really feel comfortable with placing an order via a chatbot.

The mobile app turned out to be more intuitive and useful than the chatbot. If you think about it, it is way easier to browse through products via a mobile app than describe what you are looking for to a chatbot. It may feel like playing Twenty Questions!

Conversational interfaces were not built for navigating through countless product categories.

Chatbot design examples:

How to Create the Best Chatbot Design in 2021 [12-Step Process] (2)

Chatbots can inform you about promotions or featured products. But if you sell many types of products, a regular search bar and product category pages may be better. Incorporating complex navigation into a chatbot interface is a bad idea.

Conversational Design
Conversational user interfaces like Alexa, Siri or Google Assistant offer real-time assistance. They are extremely versatile and use advanced AI algorithms to determine what their user needs.

(Video) Build a chatbot from scratch - Ultimate Chatbot Tutorial

Find out more about specific business cases for chatbots here.

2. Choose the right platform and framework

There are many chatbot platforms and tools available online. You can use the majority of them in your browser as web apps. All you need to do is create an account.

Still, there are many things that can go wrong with your website chatbot design. Some chatbots can:

  • Look weird on mobile devices
  • Work only on few selected channels
  • Offer very limited personalization options

It may be a good idea to choose a platform that seamlessly integrates with your website or Facebook page.

For example, with Tidio you can:

  • Add a chatbot on websites powered by WordPress or Shopify by installing a plugin
  • Use chatbots on any website by inserting a single line of auto-generated code snippet
  • Integrate chatbots with Facebook Messenger or other messaging apps
  • Create a unique chatbot landing page with a customizable URL (you can just send a link to anyone and open it in any browser)
  • Use triggers or JavaScript API to connect chatbots with any kind of events happening on a website

If you want to use free chatbot design tools, it has a very intuitive editor.

How to Create the Best Chatbot Design in 2021 [12-Step Process] (3)

3. Determine if you need AI and NLP or a simple decision tree chatbot

This is another difficult decision and a common beginner mistake. Most rookie chatbot designers jump in at the deep end and overestimate the usefulness of artificial intelligence.

Conversational AI and Natural Language Processing are promising technologies. But—

Novice chatbot designers don’t take into account that machine learning works well only when we have lots of data to learn from. And you don’t have it when you are starting from scratch.

Chatbot design examples:

How to Create the Best Chatbot Design in 2021 [12-Step Process] (4)

Some chatbot apps, like Tidio, offer both types of bots. But that doesn’t mean that you should choose AI chatbots just because they are “more advanced.”

Here is the best way to approach the problem of insufficient data for your AI:

  • Phase 1: Use live chat and analyze conversation scripts to discover the most common customer queries and messages
  • Phase 2: Build a decision tree chatbot that helps to solve the essential problems and collect more data
  • Phase 3: Use the data to create an additional AI bot equipped with intent detection to handle other things customers ask about
How to Create the Best Chatbot Design in 2021 [12-Step Process] (5)

A clean and simple rule-based chatbot build—made of buttons and decision trees—is 100x better than an AI chatbot without training.

4. Set up goals and stick to them

A good chatbot is designed to perform one task at a time. That’s the way customers like them too. No one wants their chatbot to change the subject in the middle of a conversation.

It will tempt you to kill two or three birds with one stone. Sometimes it is possible but most of the time you should focus on one objective only.

One trick is to start with designing the outcomes of the chatbot before thinking of the questions it’ll ask.

Dr. Saksham Sharda
Chief Information Officer at Outgrow.co

Take a look at this example.

How to Create the Best Chatbot Design in 2021 [12-Step Process] (6)

Here, you can design your first chatbot by selecting one of pre-configured goals. But you can’t eat the cookie and have the cookie (but there is an easy trick I’ll share with you in a moment).

The most popular chatbot goals are:

  • Generating leads
  • Showing featured products
  • Booking meetings and demos
  • Answering FAQs
  • Rescuing abandoned shopping carts
  • Collecting feedback

You can design complex chatbot workflows that will cover three or four of the aims mentioned above. However, it is better to use a dedicated chatbot for each and every goal.

For example, you can trigger a lead generation chatbot when somebody visits a specific page. Afterward, when the visitor scrolls down to the bottom of the page, another chatbot that collects reviews can pop up. This way you can combine several goals.

Chatbot design examples:

How to Create the Best Chatbot Design in 2021 [12-Step Process] (7)

5. Consider the tone and voice

Most chatbots will not be able to accurately judge the emotions or intentions of their conversation partners.

Take a look at this poor, clueless bot:

(Video) Build your own chatbot using Python | Python Tutorial for Beginners in 2022 | Great Learning

How to Create the Best Chatbot Design in 2021 [12-Step Process] (8)

A real person would adjust their tone accordingly. However, a cheerful chatbot will most likely remain cheerful even when you tell it that your hamster just died.

If you want to hear the truth—

You don’t need to worry about it. A fixed tone is a good thing. You don’t need to always mimic human conversations.

With a chatbot that has a clear objective, it shouldn’t be an issue. Once you decide on a specific purpose, choose the appropriate message tone and chatbot personality. Some users won’t play along but you need to focus on your perfect user and their goals.

When designing your chatbot conversations, choose from the following tone qualities:

How to Create the Best Chatbot Design in 2021 [12-Step Process] (9)

Are you designing a chatbot for a mental health website? It should probably be sympathetic, respectful, and friendly.

Maybe your chatbot is supposed to increase sales. OK. It should be persuasive, energetic, and spiced up with a dash of urgency.

Choose between 3-5 of the most desired characteristics. You can also select some of the ones to avoid. It will make your messages more interesting and consistent.

If you want to be sure you’re sticking to the right tone, you can also check your messages with dedicated apps. Here is a tone detector tool from Grammarly.

What’s the difference between tone and voice?
The tone is an expression of attitude in a given situation. Voice is linked with general character and personality. Find more about the differences here:Why Are Brand Voice and Brand Tone of Voice Important?

You should also think about your target users. The same chatbot can be perceived as helpful and knowledgeable by one group of users and as patronizing by another.

Great chatbot design always puts end users first. Consider criteria such as their:

  • Age
  • Gender
  • Education
  • Native language
  • Technical skills
  • Profession
  • Health

6. See to it your chatbot UI is friendly and readable

Designing chatbot personalities is hard but allows you to be creative. On the other hand, nobody will talk to a chatbot that has an impractical UI.

It’s important to consider all the contexts in which people will talk to our chatbot. For example, it may turn out that your message input box will blend with the background of a website. Or messages will become unreadable if they are too dark or light and users decide to switch the color mode.

Poor UX example:

How to Create the Best Chatbot Design in 2021 [12-Step Process] (10)

If you want your chatbot UI to work, make sure that:

  • It is easy to read all messages and scroll up and down
  • The chatbot widget does not interfere with other elements of a website
  • It is easy to start the conversation again from the beginning
  • It’s clear when to write and when to click a button or take other actions
  • The conversation panel displays correctly on mobile devices
  • The design follows the Web Content Accessibility Guidelines (WCAG)

Website chatbot design is no different from regular front-end development. But if you don’t want to design a chatbot UI in HTML and CSS, use an out-of-the-box chatbot solution. Most of the potential problems with UI will already be taken care of.

How to Create the Best Chatbot Design in 2021 [12-Step Process] (11)

7. Tell your customers that they’re talking to a chatbot

Chatbots can’t pretend to be human for very long. The users see that something suspicious is going on right off the bat. If someone discovers they are talking to a robot only after some time, it becomes all the more frustrating.

The best policy?

Say it right at the very beginning of the conversation. For example, in your welcome message.

How to Create the Best Chatbot Design in 2021 [12-Step Process] (12)

The sooner users know they are writing with a chatbot, the lower the chance for misunderstandings.

In the long run, there is really no point in hiding the fact that the messages are sent automatically. It will even work to your advantage—your visitors will know they can expect a quick response as soon as they type in their questions.

Compare this human impostor chatbot with a button-based chatbot conversation design:

How to Create the Best Chatbot Design in 2021 [12-Step Process] (13)

8. Keep chatbot conversation flows simple and to the point

It is very easy to fall down the rabbit hole when you are working on your chatbot design.

(Video) The Basics & Best Practices of Writing for Chatbots Webinar Replay | UXPA Webinar

You feel like you can anticipate every potential question and every way the conversation might unfold.

I know the thrill! But before you know it, it’s five in the morning and you’re preparing elaborate answers to totally random questions. You know, just in case users decide to ask the chatbot about its favorite color.

You’ll probably end up with something like this terrible chatbot design example:

How to Create the Best Chatbot Design in 2021 [12-Step Process] (14)

Zoom out and you’ll see that this is just a small fragment of an even bigger chatbot flow. This chatbot interaction design tries to cover too much ground.

You’re probably tempted to design a chatbot that would be able to entertain dinner guests and show off its knowledge of numerous topics. But ask yourself if it makes any business sense. And if your chatbot really needs to be that complex.

Try to map out the potential outcomes of the conversation and focus on those that overlap with the initial goals of your chatbot.

How to Create the Best Chatbot Design in 2021 [12-Step Process] (15)

9. Use visuals for better effect

Most channels where you can use chatbots also allow you to send GIFs and images. Emojis and images are very popular in private conversations. If you want the conversations with your chatbot to have a similar, informal feel, consider decorating it with nice visuals.

You can use memes and GIFs just the same way you would during a chat with a friend. It can add more oomph to your messages. A nice animation can make a joke land better or give a visual confirmation of certain actions. It creates great conversational experiences.

Here is an example:

How to Create the Best Chatbot Design in 2021 [12-Step Process] (16)

This chatbot uses emojis, animated GIFs, and it sends messages with a slight delay. This allows you to control exactly how the conversation with the user moves forward. The pacing and the visual hooks make customers more engaged and drawn into the exchange of messages.

Adding visual buttons and decision cards makes the interaction with your chatbot easier.

I have seen this mistake made over and over again; websites will have chatbots that are just plain text, with no graphical elements. It’s disengaging, and I didn’t know what the chatbot was trying to achieve. It is an absolute must to add in images, cards, and buttons, even where there normally wouldn’t be in a text conversation.

Tony Martins
Profitable Venture

10. A/B test your chatbots to see which messages work

Play around with the messages and images used in your chatbots. It’s good to experiment and find out what type of message resonates with your website visitors.

You can use external tools like VWO or trigger two versions of your chatbot with Tidio Chatbot API. If you want to learn more about AB tests you may find these resources useful:

It is very easy to clone chatbot designs and make some slight adjustments. You can trigger custom chatbots in different versions and connect them with your Google Analytics account. It is also possible to create your own user tags and monitor performance of specific chatbot templates or custom chatbot designs.

It may turn out that a more aggressive approach can improve your engagement or sales. Here’s what Kevin Cook from On the Map discovered:

If the chat box overtakes the page after 10 seconds, you will see engagements shoot through the roof. It goes against everything we care about and is an annoyingly true statistic. It’s invasive and aggressive, but it really does work.

Kevin Cook
Chief Product Owner, On the Map Inc.

You can try out some of the following experiments and see what is more engaging to your visitors. You can A/B test chatbots:

  • With or without an avatar
  • With quick reply buttons or open-ended questions
  • With benefit-oriented messages or messages that offer assistance
  • That use pre-chat survey or ask for emails only during chats
How to Create the Best Chatbot Design in 2021 [12-Step Process] (17)

11. Design a chatbot avatar that matches its personality

Designing chatbot personalities is extremely difficult when you have to do it with just a few short messages. That’s why chatbot avatars come in really handy.

A cool chatbot avatar is like the icing on the cake. It’s a nice touch that makes it more memorable and fun to interact with. When users see a character—even if it is just a cartoon dog or a robot—it is much easier to channel their emotions.

How to Create the Best Chatbot Design in 2021 [12-Step Process] (18)

Still, you should be careful. If we use a chatbot instead of an impersonal and abstract interface, people will connect with it on a deeper level. It means that it will be easier to get angry at it too.

How to Create the Best Chatbot Design in 2021 [12-Step Process] (19)

I have given a name to my pain, and it is Clippy…

Many people hated Clippy, the overly-helpful Microsoft Office virtual assistant. Let’s face it— working on documents can sometimes be a frustrating experience. When the tool dangled a mascot in front of them, it was adding insult to the injury. If you know that your chatbot will talk mostly with the users who are upset, a cute chatbot avatar won’t help. It may be better to use a solution that is more neutral and impersonal.

(Video) Best Practices and Tips to Create Your Chatbot with SAP Conversational AI | SAP TechEd in 2020

Here are several interesting examples of memorable chatbot avatar designs.

Chatbot avatar design examples:

How to Create the Best Chatbot Design in 2021 [12-Step Process] (20)

Some of them are robots, some are cute animals. Some are both.

Is it a robot squirrel? A squirrel robot?

In any case—

The horror. The horror.

The hard truth is that the best chatbots are the ones that are most useful. We usually don’t remember interacting with them because it was effortless and smooth.

How can this be?

Good design doesn’t draw attention to itself but makes the user experience better. It is perfectly acceptable that at times the best avatar for a chatbot is a neutral one. Or no avatar whatsoever. There are many great chatbot designs that don’t use anything resembling a face or a character.

If you want to check out more chatbots, read our article about the best chatbot examples.

12. Leave a possibility to contact a human support agent too

It is important to decide if something should be a chatbot and when it should not. That’s what the first tip was about. But it is also equally important to know when a chatbot should retreat and hand the conversation over.

What’s the worst-case scenario in chatbot design?

The user can’t get the right information from the chatbot despite numerous efforts. It is deeply frustrating and happens all too often.

It is perfectly OK for your chatbot to say: I’m sorry but I can’t help you. Would you like to contact a live chat agent?

Your chatbot, especially if it is one of your first projects, will need your help from time to time. But you can create a very smooth workflow for emergencies. You can set up mobile notifications that will pop up on your phone and allow you to take the conversation over in 10s.

How to Create the Best Chatbot Design in 2021 [12-Step Process] (21)

For many companies, chatbots work like digital speed bumps. Their primary goal is to keep visitors a little longer on a website and find out what they want.

We use our chatbot to filter visitors as a receptionist would do. Through the chatbot, we are able to determine whether a person really likes to chat with a live agent, or if they are only looking around.

Andrew Raso
Online Marketing Gurus

The Most Important Chatbot Design Principles: Summary

As soon as you start working on your own chatbot projects, you will discover many subtleties of designing bots. But the core rules from this article should be more than enough to start. They will allow you to avoid the many pitfalls of chatbot design and jump to the next level very quickly.

Here’s a quick recap of our chatbot design guidelines:

  • Try to determine if the chatbot is the best way to solve a problem
  • Consider the advantages of designing a bot over search bars, forms, or pop-ups in a given situation
  • Choose an all-in-one platform that will allow you to modify chatbot templates, design new ones, and deploy chatbots in an easy way
  • Select your objectives and don’t try to solve all of your problems at once
  • Choose the right tone and voice for your chatbots
  • Design a chatbot avatar that is pleasant to look at but does not steal the show
  • Take care of potential chatbot interface issues such as message readability
  • Don’t make your chatbots pretend that they are humans
  • Keep your chatbot flows simple and organized
  • Add visuals and emojis for more natural chatting experiences
  • A/B test you chatbot designs and copy
  • If you can, try to add an option to connect with a human agent

Are you ready to test them out straight away?

Easily design your first chatbot without coding, in minutes

Build Chatbots Now 🦾 Learn more about Tidio Chatbot

(Video) Intelligent chatbots | Sophie Hundertmark | TEDxHochschuleLuzern

FAQs

What are the elements and best practices needed to design a chatbot? ›

Below is a list of elements to consider when you are creating your brand's next chatbot.
  • Purpose. ...
  • Company values. ...
  • Personality. ...
  • Tone of Voice. ...
  • Conversation flows. ...
  • Technology. ...
  • User interface design. ...
  • Test before code.
Nov 21, 2018

What are the 7 steps to create a chatbot strategy? ›

Let's walk through them in order.
  1. Audience. The first key to a successful strategy is to profile your ideal customers. ...
  2. Goal. To define the purpose or goal for your chatbot strategy, begin with the end in mind. ...
  3. Performance. ...
  4. Key Intents. ...
  5. Storytelling. ...
  6. Platform Strengths: ...
  7. Feedback.

Which algorithm is best for chatbot? ›

Among other things, some of the most popular algorithms used by conventional Chatbots are Naïve Bayes, Decision Trees, Support Vector Machines, Recurrent Neural Networks (RNN), Markov Chains, Long Short Term Memory (LSTM) and Natural Language Processing (NLP).

How easy is it to build a chatbot? ›

Because building a chatbot with code is immensely difficult for people with no development background and limited exposure to coding languages, it's good to research sample chatbot code from expert developers as a jumping-off point for those determined to learn how to build their own bot without help.

Which software is used for chatbot? ›

Best AI Chatbots for 2022
RankAI ChatbotRating (Out of 5 Stars)
1.Netomi5
2.atSpoke4.8
3.WP-Chatbot4.7
4.Microsoft Bot Framework4.6
12 more rows
Aug 22, 2022

How a chatbot can be designed? ›

Overview of chatbot design phases

While use cases may differ, the phases you'll go through to design a chatbot (and write chatbot scripts) are similar for every bot: Define what your chatbot will do. Shape your chatbot's personality. Build out effective scripts to create conversations with users.

How chatbot works step by step? ›

A chatbot is a computer program that's designed to simulate human conversation. Users communicate with these tools using a chat interface or via voice, just like they would converse with another person. Chatbots interpret the words given to them by a person and provide a pre-set answer.

How long does it take to build a chatbot? ›

Implementing a chatbot takes 4 to 12 weeks, depending on the bot's scope, the time required to build your knowledge base and its technical complexity.

What is the architecture of chatbot? ›

Most chatbot architectures consist of four pillars, these are typically intents, entities, the dialog flow (State Machine), and scripts. The dialog contains the blocks or states a user navigates between. Each dialog is associated with one or more intents and or entities.

How do you train a model for chatbot? ›

How to train a chatbot
  1. Define your chatbot's specific use cases. ...
  2. Make sure your intents are distinct. ...
  3. Make sure each intent contains many utterances. ...
  4. Create a diverse team to handle the bot training process. ...
  5. Make sure your entities are purposeful. ...
  6. Don't forget to add personality. ...
  7. Don't rely only on text. ...
  8. Don't stop training!

What is the most popular ChatBot? ›

Here are 11 of the world's most popular chatbots today achieving growth marketing strategy gains in sales, publishing, education, and service industries:
  • National Geographic.
  • James Patterson “The Chef” Short Story.
  • AccuWeather.
  • TGIFridays.
  • Western Union.
  • Summit Academy OIC.
  • MobileMonkey.
  • Stanford's QuizBot.

Are chatbots successful? ›

Used as a targeted tool, chatbots can increase engagement up to 90% and sales by 67%. In 2020, 57% of businesses said conversational bots deliver substantial ROI for minimal effort.

How do you make a chatbot in prototype? ›

How to create an interactive prototype of a chatbot (Botsociety Tutorial)

How do I make a chatbot in Python? ›

How To Make A Chatbot In Python?
  1. Prepare the Dependencies. The first step in creating a chatbot in Python with the ChatterBot library is to install the library in your system. ...
  2. Import Classes. ...
  3. Create and Train the Chatbot. ...
  4. Communicate with the Python Chatbot. ...
  5. Train your Python Chatbot with a Corpus of Data.

What is chatbot how AI used in chatbot? ›

At the most basic level, a chatbot is a computer program that simulates and processes human conversation (either written or spoken), allowing humans to interact with digital devices as if they were communicating with a real person.

What is skill in chatbot? ›

A Skill is like a standard conversational bot but with the ability to be plugged in to a broader solution. This can be a complex Virtual Assistant or perhaps an Enterprise Bot seeking to stitch together multiple bots within an organization.

What are the limitations of chatbots? ›

Such chatbots are still not smart enough to answer even the most basic questions or entertain a simple conversation. Such chatbots lack the backing of the right algorithms that are powered by natural language processing, machine learning, and emotional intelligence.

How chatbot works step by step? ›

A chatbot is a computer program that's designed to simulate human conversation. Users communicate with these tools using a chat interface or via voice, just like they would converse with another person. Chatbots interpret the words given to them by a person and provide a pre-set answer.

Which terms are important to know before you build your bot? ›

Before you take the leap into the exciting world of chatbots, keep in mind 1) what it needs to do, 2) where it will live, 3) what information it needs, 4) when it will escalate, and 5) who will build it. Answering these five questions will set you—and your chatbot—on the path to success.

Videos

1. How to build a chatbot with Microsoft Azure AI | Azure AI Essentials
(Microsoft Azure)
2. Rasa Livestream: 5 Chatbots NOT to build
(Rasa)
3. Creating chatbots in Microsoft Teams in 10 minutes
(MS Power Platform Tutorials)
4. How to build Interactive Chatbots (Class 8-12) | Introduction to Chatbots | Great Learning
(Great Learning)
5. How to create an accurate Chat Bot Response System in Python Tutorial (2021)
(Indently)
6. Build A Smart AI Chat Bot Using Python & Machine Learning
(Computer Science)

You might also like

Latest Posts

Article information

Author: Lidia Grady

Last Updated: 11/10/2022

Views: 5635

Rating: 4.4 / 5 (45 voted)

Reviews: 92% of readers found this page helpful

Author information

Name: Lidia Grady

Birthday: 1992-01-22

Address: Suite 493 356 Dale Fall, New Wanda, RI 52485

Phone: +29914464387516

Job: Customer Engineer

Hobby: Cryptography, Writing, Dowsing, Stand-up comedy, Calligraphy, Web surfing, Ghost hunting

Introduction: My name is Lidia Grady, I am a thankful, fine, glamorous, lucky, lively, pleasant, shiny person who loves writing and wants to share my knowledge and understanding with you.