# Chat Bot - Messenger

## Userflow & Behaviour

### 1/ Accueil

![](https://2839192808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L3Ckj9RuJ2qwWPoNJTG%2F-L3dqtTj3t4iK6diKydx%2F-L3dtWTJNuCRYT7keZwj%2FScreen%20Shot%202018-01-24%20at%2021.38.47.png?alt=media\&token=42b39597-d659-4bf7-9917-7d32a11c66fa)

{% hint style="success" %}
**DO**

* Adresse toi à l'utilisateur en premier et explique lui ce que tu peux faire pour lui
* Simplifie la tâche à ton utilisateur en lui proposant directement de cliquer sur des quick replies (boutons)
  {% endhint %}

{% hint style="info" %}
**BONUS**

* Adresse toi à l'utilisateur avec son prénom. *ex : "Salut Caroline..."*
  {% endhint %}

### 2/ Conversation : coeur du service

![](https://2839192808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L3Ckj9RuJ2qwWPoNJTG%2F-L3dxSFqA0zQJGKXdE_d%2F-L3dxVXN9n5cq9JWCbdp%2FScreen%20Shot%202018-01-24%20at%2021.56.35.png?alt=media\&token=5f5c1909-f40d-4cbc-9a15-e290c2386d4b)

![](https://2839192808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L3Ckj9RuJ2qwWPoNJTG%2F-L3dxSFqA0zQJGKXdE_d%2F-L3dxuHiu3yk9qCNEM5_%2FScreen%20Shot%202018-01-24%20at%2021.58.06.png?alt=media\&token=96e29017-4b31-4a04-8df9-273290e335c0)

{% hint style="success" %}
**DOs**

* **3 clics vaut mieux qu'une phrase à taper** : enchaîner plusieurs questions fermés avec des boutons est parfois plus rapide pour l'utilisateur qu'une seule question ouverte
* **Utilise un langage amical et inclusif** lorsque tu parles à l'utilisateur pour lui donner l'impression de discuter avec un ami ou avec quelqu'un de familier
* **Répète les réponses de l'utilisateur** pour montrer que tu as compris => Cela met l'utilisateur à l'aise et t'aide à gagner sa confiance. *ex : "Vous voulez réserver une table à Pu Ben. Quand souhaitez-vous..."*
* Soit toujours le dernier à parler et à proposer quelque chose pour que l'utilisateur sache à tout moment ce qu'il peut/doit faire
* Sache répondre aux moqueries et insultes
* **Accepte et comprend les fautes d'orthographes** courantes
  {% endhint %}

### 3/ En cas d'erreur

![](https://2839192808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L3Ckj9RuJ2qwWPoNJTG%2F-L3eKWGXi9PM0sBu2QE2%2F-L3eKZrG9t50syMFOQqu%2FScreen%20Shot%202018-01-24%20at%2023.40.09.png?alt=media\&token=716351fc-6fdb-4c5c-979e-b91a6f96d0b8)

{% hint style="success" %}
**DOs**

* Montre que tu **comprend leur problème**. *ex : "Sorry I'm just a baby bot still learning english. Could you try rephrasing or following the buttons below?"*
* Indique à l'utilisateur ce que tu ne comprend pas et ce que tu comprend. ex : *"Sorry I didn't get that, could you please enter a number?"*
* **Relance une nouvelle conversation** en cas d'impasse
* Permet à ton utilisateur d'enrichir la base de phrase que tu comprend quand tu détectes le mécontentement de ton utilisateur : "[👎](https://www.emojibase.com/emoji/1f44e/thumbsdownsign)" / "je suis déçu" / ... 
  {% endhint %}

{% hint style="danger" %}
**DON'Ts**

* Dit que tu ne comprend pas sans expliquer ce que tu ne comprend pas => l'utilisateur ne sais pas quoi changer dans sa réponse pour que le bot le comprenne
* Dit que tu as rencontré un pb (bot crash) sans redémarrer la conversation => L'utilisateur ne sais pas comment recommencer une conversation
  {% endhint %}

### 4/ Fin de conversation : service rendu

![](https://2839192808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L3Ckj9RuJ2qwWPoNJTG%2F-L3dvk50feL1WFeDhK2P%2F-L3dw9QDdnqYNgNW_qjb%2FScreen%20Shot%202018-01-24%20at%2021.50.59.png?alt=media\&token=eb61b7ce-507f-47c7-8fc8-5c6714ffdb66)

{% hint style="success" %}
**DOs**

* Envois du love à l'utilisateur et remercie le si pertinent (suivant le service)
* Propose à l'utilisateur si tu peux faire autre chose pour lui
* Propose à l'utilisateur de partager le chatbot
  {% endhint %}

## Content

### Carousel

![](https://2839192808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L3Ckj9RuJ2qwWPoNJTG%2F-L3cmZKaIZ_vkXrRuelc%2F-L3crzz9sxdCBTRy3_Zd%2FScreen%20Shot%202018-01-24%20at%2016.53.29.png?alt=media\&token=7ed6179a-f03c-46a2-b711-090adf2530db)

{% hint style="success" %}
**DOs**

* Propose des boutons supplémentaires dans la foulée du carousel pour permettre à l'utilisateur d'afficher plus de résultat ou de réinitialiser la recherche
* Utilise des smiley pour rendre la description des éléments plus lisible 
  {% endhint %}

{% hint style="danger" %}
**DON'Ts**

* Permet à l'utilisateur de sortir de la conversation. Ex un bouton "voir le site" sur un élément qui redirige vers un autre site  => l'utilisateur perd le contexte de la conversation (moins fluide) et c'est compliqué pour lui d'y revenir
  {% endhint %}

### Quick replies (Boutons)

![](https://2839192808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L3Ckj9RuJ2qwWPoNJTG%2F-L3cmZKaIZ_vkXrRuelc%2F-L3cqCETtLWH8qxk48iw%2FScreen%20Shot%202018-01-24%20at%2016.45.26.png?alt=media\&token=efe8270e-47a5-44e4-82f0-264f13d73a70)

 

{% hint style="info" %}
Quand les utilisateurs voient ces boutons ils ne pensent pas pouvoir écrire une autre réponse 
{% endhint %}

{% hint style="success" %}
**DOs**

* Proposer aux utilisateur d'entrer eux même une réponse si aucune option ne leur correspond
* ou Proposer une option "autre"
  {% endhint %}

### Geoloc prompt

![Bouton "Send Location" à gauche](https://2839192808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L3Ckj9RuJ2qwWPoNJTG%2F-L3dqtTj3t4iK6diKydx%2F-L3duqBw_3KEeMkQ94il%2FScreen%20Shot%202018-01-24%20at%2021.44.10.png?alt=media\&token=64f2a949-0736-4cb1-ac25-dbdc63896adb)

![Après avoir cliqué sur le bouton "Send Location"](https://2839192808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L3Ckj9RuJ2qwWPoNJTG%2F-L3dqtTj3t4iK6diKydx%2F-L3dvAqZ2ieh0aRLTmPe%2FScreen%20Shot%202018-01-24%20at%2016.46.53.png?alt=media\&token=627bee24-518a-47a6-be27-ce36f50ce2d7)

{% hint style="success" %}
**DOs**

* Proposer le dernier endroit où la recherche a été faite
* Proposer d'autres endroits courants (villes ou quartier suivant le service)
  {% endhint %}

### Facebook Login

{% hint style="success" %}
**DO**

* Explique à l'utilisateur à quelles informations de son profil tu auras accès et à quoi ça va te servir
  {% endhint %}

### Webviews

![](https://2839192808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L3Ckj9RuJ2qwWPoNJTG%2F-L4G9vi-52_S5VrGevan%2F-L4GCztteEQX_5qPKgrC%2FScreen%20Shot%202018-02-01%20at%2012.49.57.png?alt=media\&token=8a6150f4-690e-4eca-b6d5-6b1fd6aa78a8)

TODO

### Message action

![](https://2839192808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L3Ckj9RuJ2qwWPoNJTG%2F-L4GDG_h-MFvNI2EQIaq%2F-L4GDKgfyehVZet0NXLd%2FScreen%20Shot%202018-02-01%20at%2012.44.22.png?alt=media\&token=dc4e699d-f197-4cd1-8632-96ad81f64fb2)

TODO

### Image & GIFs

TODO

## Chatbot examples

* [Shine](https://www.messenger.com/t/589688037840561) : le chatbot qui veut vous redonner confiance
* [Table Reservation Chatbot for Restaurants](https://www.messenger.com/t/806885352808085) : le chatbot de réservation de restaurant
* [Butleroy](https://www.messenger.com/t/128731104380834) : le chatbot de réservation de restaurant
* [Kayak](https://www.messenger.com/t/kayak) : Organisation voyage et vols   
* [Citron](https://www.messenger.com/t/332701860261015) : recommandation personnalisées de bar et restaurants
* [Goosebump](https://www.messenger.com/t/higoosebump) : trouve les meilleurs sorties pour toi
* [Louise](https://www.messenger.com/t/LouiseChatbot) : le chatbot qui boost ton mental
* [Swelly](https://www.messenger.com/t/1703565566559446) : your new Decision-Buddy!
* [HiJiffy Hotel](https://www.messenger.com/t/hijiffyhotel) : virtual assistant and to help you booking your stay at a hotel

## More about chatbots (articles)

* [The ultimate guide to chatbot](https://medium.muz.li/the-ultimate-guide-to-chatbots-why-theyre-disrupting-ux-and-best-practices-for-building-345e2150b682#.jmx3p3394) by Joe Toscano
* [Designing a chatbot conversation : How to keep users in the loop](https://uxdesign.cc/designing-a-chatbot-conversation-how-to-keep-users-in-the-loop-4d3a29e44de4) by Joe Toscano