80
My bot has a personality disorder @TessFerrandez @TessFerrandez

My bot has a personality disorder

Embed Size (px)

Citation preview

Page 1: My bot has a personality disorder

My bot has a personality disorder

@TessFerrandez

@TessFerrandez

Page 2: My bot has a personality disorder
Page 3: My bot has a personality disorder
Page 4: My bot has a personality disorder
Page 5: My bot has a personality disorder

@TessFerrandez

Page 6: My bot has a personality disorder

@TessFerrandez

Page 7: My bot has a personality disorder

@TessFerrandez

Page 8: My bot has a personality disorder

Can all apps be bots?

@TessFerrandez

Page 9: My bot has a personality disorder

@TessFerrandez

Page 10: My bot has a personality disorder

@TessFerrandez

Page 11: My bot has a personality disorder

@TessFerrandez

Page 12: My bot has a personality disorder

{ Your Code }

AI

BotConnector

APIs

BotFramework

@TessFerrandez

Page 13: My bot has a personality disorder

Designing bots

@TessFerrandez

Page 14: My bot has a personality disorder

TYPE TALK TAP

@TessFerrandez

Page 15: My bot has a personality disorder

Short, frequent interactionsLight data entry/consumption

@TessFerrandez

Page 16: My bot has a personality disorder

Designing a bot is very similar to designing an app

@TessFerrandez

Page 17: My bot has a personality disorder

Goals and Scenarios

@TessFerrandez

Page 18: My bot has a personality disorder

@TessFerrandez

Welcome to Happy Scissors, How can I help you?

Do you have time

for a hair cut

on Saturday?

Do you do eye

brow tatoos?

What other

locations do

you have?

Does Eva still

work at the

Sollentuna shop?

Page 19: My bot has a personality disorder

Haircutters:Less time on the phoneCustomers:Less time on hold

@TessFerrandez

Page 20: My bot has a personality disorder

Make an appointment

Learn about our services

Learn about our locations

@TessFerrandez

Page 21: My bot has a personality disorder

Hairy Harry, the Happy Scissors Bot

@TessFerrandez

Page 22: My bot has a personality disorder

Navigation

@TessFerrandez

Page 23: My bot has a personality disorder

@TessFerrandez

Page 24: My bot has a personality disorder

A bot with a Turing complex

Page 25: My bot has a personality disorder

Help the user discover

Page 26: My bot has a personality disorder

Help the user find the way

Page 27: My bot has a personality disorder

Help the user navigate quicker

@TessFerrandez

Page 28: My bot has a personality disorder
Page 29: My bot has a personality disorder

@TessFerrandez

Page 30: My bot has a personality disorder

Mr. Clueless

Page 31: My bot has a personality disorder

UI Design

@TessFerrandez

Page 32: My bot has a personality disorder

Apps and Websites

@TessFerrandez

Layout -> Interaction -> Visual -> Motion

Page 33: My bot has a personality disorder

Bots

@TessFerrandez

Conversational Flow -> Conversational UI -> Copy

Page 34: My bot has a personality disorder

Conversation Flow:Layout and high-level structure of the conversation

@TessFerrandez

Page 35: My bot has a personality disorder

Conversation Flow

Walk through the user scenarios

Focus on the structure

DON’T focus on copy

@TessFerrandez

Page 36: My bot has a personality disorder

Conversation UI

@TessFerrandez

Page 37: My bot has a personality disorder

Conversation UI:Layout, interaction, visual, motion design of the dialogue

@TessFerrandez

Page 38: My bot has a personality disorder

The bot is always asking questions

@TessFerrandez

Page 39: My bot has a personality disorder

Ask the fewest number of questions possible

@TessFerrandez

Page 40: My bot has a personality disorder

Sir AskALot

@TessFerrandez

Page 41: My bot has a personality disorder

The captain obvious bot

Page 42: My bot has a personality disorder

Rough flowchart and copy Locations

User Zip/City, ST

Zip/City, ST?

No

Location Search

3

Yes

> 0

No

Locations

Yes

New Search

Location

More Locations

Schedule

@TessFerrandez

Page 43: My bot has a personality disorder

UI Controls

Page 44: My bot has a personality disorder

@TessFerrandez

markdown text buttons

Page 45: My bot has a personality disorder

@TessFerrandez

Hero card Animation card Video card

Page 46: My bot has a personality disorder

@TessFerrandez

Receipt card Sign-in card

Page 47: My bot has a personality disorder

Adaptive cards

@TessFerrandez

Page 48: My bot has a personality disorder

@TessFerrandez

Page 49: My bot has a personality disorder

Conversation Design Principles

@TessFerrandez

Page 50: My bot has a personality disorder

understood understand learn/remember

@TessFerrandez

Page 51: My bot has a personality disorder

@TessFerrandez

understood

Page 52: My bot has a personality disorder

Be concise, concise and more concise

@TessFerrandez

Page 53: My bot has a personality disorder

Break up longer messages ...and minimize scrolling

@TessFerrandez

Page 54: My bot has a personality disorder

Ask close-ended questions

@TessFerrandez

Page 55: My bot has a personality disorder

Be clear with open-ended questions

@TessFerrandez

Page 56: My bot has a personality disorder

understand

@TessFerrandez

Page 57: My bot has a personality disorder

Humans are unpredictable

Page 58: My bot has a personality disorder

Support as many data formats as possibleMay 2, 2017, May 2, 5/2, 5/2/2017, Tuesday, Today, Next Week

@TessFerrandez

Page 59: My bot has a personality disorder

Validate every replyType, Content, Format

@TessFerrandez

Page 60: My bot has a personality disorder

The mysterious bot

Page 61: My bot has a personality disorder

Design Do not understand

@TessFerrandez

Page 62: My bot has a personality disorder

Hairy Harry doesn’t understand

@TessFerrandez

?

Page 63: My bot has a personality disorder

@TessFerrandez

Be ClearWhy?What?

Try again3 times

allow re-start

Human hand-off

Page 64: My bot has a personality disorder

Mr. Stubborn

Page 65: My bot has a personality disorder

learn/remember

@TessFerrandez

Page 66: My bot has a personality disorder

@TessFerrandez

Page 67: My bot has a personality disorder

Learn from conversationsLearn from account/loginMake it clear what you know andwhy

@TessFerrandez

Page 68: My bot has a personality disorder

The bot that can’t forget

Page 69: My bot has a personality disorder

Copy

@TessFerrandez

Page 70: My bot has a personality disorder

Mr. Two-faced

@TessFerrandez

Page 71: My bot has a personality disorder

Personality:Match your brandFormal or Casual

Emojis ?

@TessFerrandez

Page 72: My bot has a personality disorder

Talk directly to the userDon’t be robotic

@TessFerrandez

Page 73: My bot has a personality disorder

But... What about the smarts?

@TessFerrandez

Page 74: My bot has a personality disorder

LUIS

@TessFerrandez

Page 75: My bot has a personality disorder

Cognitive Services – Text Analytics

@TessFerrandez

Page 76: My bot has a personality disorder

Cognitive Services – Face API

@TessFerrandez

Page 77: My bot has a personality disorder

A bots success does not depend on

How ”smart” the bot is

How much natural language it uses

If you can interact using your voice

@TessFerrandez

Page 78: My bot has a personality disorder

A bots success does depend on

How well it solves your problem

If it’s available for your device

If you know how to interact with it

@TessFerrandez

Page 79: My bot has a personality disorder

Resources

https://dev.botframework.com/Getting Started

https://github.com/Microsoft/BotBuilder-Samples

@TessFerrandez

Page 80: My bot has a personality disorder

My bot has a personality disorder

@TessFerrandez

@TessFerrandez