How to Create Chatbots on Facebook Messenger without Programming Experience

29
Become a Chatbot consultant - Foundations by Cameron Jenkinson

Transcript of How to Create Chatbots on Facebook Messenger without Programming Experience

Page 1: How to Create Chatbots on Facebook Messenger without Programming Experience

Become a Chatbot consultant - Foundations

by Cameron Jenkinson

Page 2: How to Create Chatbots on Facebook Messenger without Programming Experience

Introduction

Become a Chatbot Consultant: Foundations

Page 3: How to Create Chatbots on Facebook Messenger without Programming Experience

botconsult.co

Cameron Jenkinson My mission is to help define the grammar of

conversational design and Chatbot UX

Designer at Accenture, co-founder of Dialect.ai - Product

designer with most of my experience in the

start-up B2B space in London.

Enrol in this course for free at: www.botconsult.co

Page 4: How to Create Chatbots on Facebook Messenger without Programming Experience

Course Outline

botconsult.co

- About the course

- Bots for Business

- Your consulting workflow

- Designing Chatbot experiences

- Introduction to Chatfuel

- Setting up your development workflow

- What we are going to build

- Project brief

- Designing Healthio

- Building Healthio

- What we’ve built

- Where to go from here

Enrol in this course for free at: www.botconsult.co

Page 5: How to Create Chatbots on Facebook Messenger without Programming Experience

What you will build

botconsult.co

Structured Input based Chatbot

Enrol in this course for free at: www.botconsult.co

Page 6: How to Create Chatbots on Facebook Messenger without Programming Experience

What is a Chatbot

botconsult.co

• A chatbot is a computer program that can have a conversation

on instant messaging platforms, such as Facebook Messenger

• For businesses it helps customers interact with their brand in a

better way

• They can feel using like a phone tree which we typically use

when we need to call a support line

Enrol in this course for free at: www.botconsult.co

Page 7: How to Create Chatbots on Facebook Messenger without Programming Experience

Why Chatbots and why now

botconsult.co

• The number of mobile social media users has risen by 17% in the last

year

• 23% of time spent on online is on social and messaging apps

• 88% of Millennials report that they prefer chatting over the web or social

media to talk to businesses, rather than over the phone

• Thought leaders are suggesting bots will replace apps

• By 2034, 47% of all U.S. jobs will be at risk of automation

Enrol in this course for free at: www.botconsult.co

Page 8: How to Create Chatbots on Facebook Messenger without Programming Experience

botconsult.co

“Chat apps will come to be thought of as the new

browsers; bots will be the new websites. This is

the beginning of a new Internet.”

Ted Livingston, Founder of Kik

Enrol in this course for free at: www.botconsult.co

Page 9: How to Create Chatbots on Facebook Messenger without Programming Experience

Designing Chatbot Experiences

Become a Chatbot Consultant: Foundations

Enrol in this course for free at: www.botconsult.co

Page 10: How to Create Chatbots on Facebook Messenger without Programming Experience

Chatbot Design process

botconsult.co

Project Brief

Job Stories

UX Plan

Hand Over

Development

Chat Flow

Page 11: How to Create Chatbots on Facebook Messenger without Programming Experience

Project Brief

botconsult.co

What problem are we solving and why?

Add the client problem from the scoping phase, clearly explain all facets of the problem and how it will impact

different parts of the client’s current CRM process

Job Stories

Describe job stories to make the value we deliver to customers clear, and what it will enable them to do

How will we measure success?

Add how we will determine whether the problem has being solved. Qualitative and quantitative measures.

Scope

What is in scope and out of scope, and estimated dates for delivery

Notes:

Do not add the solutions here, mention the the clients technology capabilities that may impact the job stories

Always use plain simple English, no technical terminology or codenames.

Write this document as you would describe the problem to a client face to face.

Enrol in this course for free at: www.botconsult.co

Page 12: How to Create Chatbots on Facebook Messenger without Programming Experience

Creating Job stories

botconsult.co

‘When ____’ focuses on the situation, ‘I want to ____’ focuses on the motivation,

and ‘So I can ____’ focuses on the outcome.

If we understood the situation in which people encounter a problem to solve,

understand the motivation for solving it, and understand what a great outcome

looks like, we were confident that we would be building valuable product for our

customers.

- Intercom

When _____ , I want to _____ , So I can _____

Enrol in this course for free at: www.botconsult.co

Page 13: How to Create Chatbots on Facebook Messenger without Programming Experience

Chatbox UX 101

botconsult.co

Provide shortcuts + talk to a human

Create and instruct users on text based shortcuts to get to key and frequently used features.

Always provide an easy way to talk to a human

Design for returning users

Two experiences for first time and returning users.

Learn by doing to separate experience based on previous user activity and engagement

Structure what the users says

Balance your goals with the design constraints of the platform

Add buttons with the specific answers to the message and ask people to choose one.

Enrol in this course for free at: www.botconsult.co

Page 14: How to Create Chatbots on Facebook Messenger without Programming Experience

Designing Chat Flows

botconsult.coEnrol in this course for free at: www.botconsult.co

Page 15: How to Create Chatbots on Facebook Messenger without Programming Experience

UX Plans

botconsult.coEnrol in this course for free at: www.botconsult.co

Page 16: How to Create Chatbots on Facebook Messenger without Programming Experience

Hand Over

botconsult.co

Collection

Getting all related content such as

written text, images, downloadable

resources, media, RSS feeds etc

Package

Making these resources accessible

and organised into a simple folder

structure via Dropbox / Google Drive

Enrol in this course for free at: www.botconsult.co

Page 17: How to Create Chatbots on Facebook Messenger without Programming Experience

Building Chatbots with Chatfuel

Become a Chatbot Consultant: Foundations

Enrol in this course for free at: www.botconsult.co

Page 18: How to Create Chatbots on Facebook Messenger without Programming Experience

Introduction to Chatfuel

botconsult.co

“Chatfuel is the best bot platform for creating an AI chatbot on

Facebook. Learn how to create a Facebook message bot

quickly and easily, no coding required.”

www.cha<uel.com

Enrol in this course for free at: www.botconsult.co

Page 19: How to Create Chatbots on Facebook Messenger without Programming Experience

Setting up your development workflow

botconsult.co

1 - Setup an admin Facebook account

2 - Create an account on Chatfuel

3 - Create a blank bot template

ACTIVITY

Enrol in this course for free at: www.botconsult.co

Page 20: How to Create Chatbots on Facebook Messenger without Programming Experience

What we’ve built

HealthioScan Code to Get Started

Page 21: How to Create Chatbots on Facebook Messenger without Programming Experience

Healthio Bot

botconsult.co

Project Brief

Job Stories

UX Plan

Hand Over

Development

Chat Flow

Page 22: How to Create Chatbots on Facebook Messenger without Programming Experience

The Healthio Experience

ACTIVITY

1 - Make a copy of the project brief and review it

2 - Review the Job Stories and Chat Flow

3 - Make a copy of UX Plan and complete the blanks

4 - Download the handover package from the resources folder

Enrol in this course for free at: www.botconsult.co

Page 23: How to Create Chatbots on Facebook Messenger without Programming Experience

Building Healthio in Chatfuel

ACTIVITY

1 - Create a new project in Chatfuel

2 - Open the asset folder

3 - Use the UX plan to guide you

4 - Watch each section then re-build it

Enrol in this course for free at: www.botconsult.co

Page 24: How to Create Chatbots on Facebook Messenger without Programming Experience

Testing Healthlio

botconsult.co

Bot Testing Steps:

1 - All health outcomes / Action Plans

2 - Text based shortcuts

3 - Breaking the flow

Enrol in this course for free at: www.botconsult.co

Page 25: How to Create Chatbots on Facebook Messenger without Programming Experience

Where to go from here

Become a Chatbot Consultant: Foundations

Enrol in this course for free at: www.botconsult.co

Page 26: How to Create Chatbots on Facebook Messenger without Programming Experience

Creating your own process

botconsult.co

Improving your skills:

1 - Improve Healthio

2 - Create your own projects

3 - Recreate popular Chatbots

Enrol in this course for free at: www.botconsult.co

Page 27: How to Create Chatbots on Facebook Messenger without Programming Experience

Getting involved in the bot community

botconsult.co

• Read Medium publications

• Join the Communities

• Use different platforms

• Sign up to bot specific newsletters

• Follow thought leaders

Enrol in this course for free at: www.botconsult.co

Page 28: How to Create Chatbots on Facebook Messenger without Programming Experience

Immersive course overview

Sell • Marketing your service • Prospecting & Identifying

clients • How to scope client needs

• Proposal writing • How to price and up-sell

additional services

Build • Accelerate your design skills by

reverse engineering other bot

experiences

• Learn how to design UX plans /

Chatflows using prototyping

tools

• Build a portfolio of templates

by creating 10 new Chatbots

Measure & Improve • How to measure and report

performance to your clients • Using Facebook advertising to

acquire new users and achieve

marketing objectives

• How to support clients and

manage feedback • Private Facebook group access

to a private community to share

stories and insight

botconsult.coEnrol in this course for free at: www.botconsult.co

Page 29: How to Create Chatbots on Facebook Messenger without Programming Experience

Thank you

Learn more at botconsult.co

Enrol in this course for free at: www.botconsult.co