[PPT] - s tudioflow beautiful conversational experiences Youre going to PowerPoint Presentation

SLIDE 1

s tudioflow

DESIGNING CONVERSATIONAL UIS

beautiful conversational experiences

Director & Creative Lead @hellostudioflow

CRAIG PUGSLEY

SLIDE 2

You’re going to build an AI

SLIDE 3

1. www.dialogflow.com

Wi-Fi:

SLIDE 4

2. Log in
1. www.dialogflow.com

S e l f

r

g a n i s e !

Wi-Fi:

SLIDE 5

3. Create agent
2. Log in

SLIDE 6

4. Name your agent
3. Create agent

SLIDE 7

5. Create first intent
4. Name your agent

SLIDE 8

6.1. Intent details

SLIDE 9

6.2. Intent details

SLIDE 10

6.3. Intent details

SLIDE 11

6.4. Intent details

SLIDE 12

6.5. Intent details

SLIDE 13

7.1. Test response

SLIDE 14

7.2. Test response

SLIDE 15

7.3. Test response

SLIDE 16

7.4. Test response

“whats my order status” “where is my order status” “where are my tickets?”

SLIDE 17

8.1. Training

SLIDE 18

8.2. Training

SLIDE 19

let’s go next- level!

SLIDE 20

Welcome to Big Top. What would you like to do? Get times or book tickets? MENU

Big Top CUI

The next show is tomorrow at 7pm. Would you like to book now? VIEW-TIMES “get times” We’ll book you a ticket for tomorrow at 7pm. Shall we order now? BOOK- TICKET “book tickets” “book now” Everything’s booked. Confirmation emailed. ORDER-CONFIRMATION “order now”

SLIDE 21

9.1. Multi-turn UI

SLIDE 22

9.2. Multi-turn UI

SLIDE 23

9.3. Multi-turn UI

SLIDE 24

Welcome to Big Top. What would you like to do? Get times or book tickets? MENU

Big Top CUI

The next show is tomorrow at 7pm. Would you like to book now? VIEW-TIMES “get times” We’ll book you a ticket for tomorrow at 7pm. Shall we order now? BOOK- TICKET “book tickets” “book now” Everything’s booked. Confirmation emailed. ORDER-CONFIRMATION “order now”

SLIDE 25

9.4. Multi-turn UI

SLIDE 26

Welcome to Big Top. What would you like to do? Get times or book tickets? MENU

Big Top CUI

The next show is tomorrow at 7pm. Would you like to book now? VIEW-TIMES “get times” We’ll book you a ticket for tomorrow at 7pm. Shall we order now? BOOK- TICKET “book tickets” “book now” Everything’s booked. Confirmation emailed. ORDER-CONFIRMATION “order now”

SLIDE 27

9.5. Multi-turn UI

SLIDE 28

10. Testing!

WE MADE IT!

SLIDE 29

voice design principles

SLIDE 30

1. Be fast

Conversations happen in the moment. Being slow breaks the flow.

2. Be malleable

Humans are messy. Do the work for them.

3. Repair quickly

If something’s not right, recover fluidly to move conversation onwards.

4. Have character

Humans respond to ‘mediated’ personas. Have character or have nothing.

SLIDE 31

5. Keep context

Humans don’t forget detail. Also aids speed & is more natural.

6. Don’t Make Me Think

Require near-zero thinking. Talking to an AI is cognitively heavy.

7. Be intimate

Understand and exploit micro-interactions

8. Set expectations

Don’t assume you know your users’ mental models. They will vary!

SLIDE 32

7. Re-write responses

SLIDE 33

tudiof

beautiful bespok con

s

thanks & hugs

SLIDE 34

tudioflow

s

beautiful voice & chat experiences, in-house training, consultancy

facebook messenger alexa google assistant cortana slack + more web chat

platform

want to go beyond static conversation? our personality platform will make your AIs more human and effective

consultancy

existing product team? great! our experts will come in- house and quickly skill your team up

projects

give us the brief, we’ll give you a shippable product.

“hi! i’m craig pugsley, director & creative lead at studioflow. fancy a chat?”

+447803 109635 @studioflow craig@studio-flow.co.uk