DESIGNING CONVERSATIONAL UIS CRAIG PUGSLEY Director & Creative Lead @hellostudioflow s tudioflow beautiful conversational experiences
You’re going to build an AI
Wi-Fi: 1. www.dialogflow.com
Wi-Fi: 1. www.dialogflow.com 2. Log in S e l f - o r g a n i s e !
2. Log in 3. Create agent
3. Create agent 4. Name your agent
4. Name your agent 5. Create first intent
6.1. Intent details
6.2. Intent details
6.3. Intent details
6.4. Intent details
6.5. Intent details
7.1. Test response
7.2. Test response
7.3. Test response
7.4. Test response “whats my order status” “where is my order status” “where are my tickets?”
8.1. Training
8.2. Training
let’s go next- level!
Welcome to Big Top. What would you like to do? Get times or book tickets? MENU “get times” “book tickets” The next show is We’ll book you a ticket “book now” tomorrow at 7pm. Would for tomorrow at 7pm. you like to book now? Shall we order now? VIEW-TIMES BOOK- TICKET “order now” Everything’s booked. Confirmation emailed. Big Top CUI ORDER-CONFIRMATION
9.1. Multi-turn UI
9.2. Multi-turn UI
9.3. Multi-turn UI
Welcome to Big Top. What would you like to do? Get times or book tickets? MENU “get times” “book tickets” The next show is We’ll book you a ticket “book now” tomorrow at 7pm. Would for tomorrow at 7pm. you like to book now? Shall we order now? VIEW-TIMES BOOK- TICKET “order now” Everything’s booked. Confirmation emailed. Big Top CUI ORDER-CONFIRMATION
9.4. Multi-turn UI
Welcome to Big Top. What would you like to do? Get times or book tickets? MENU “get times” “book tickets” The next show is We’ll book you a ticket “book now” tomorrow at 7pm. Would for tomorrow at 7pm. you like to book now? Shall we order now? VIEW-TIMES BOOK- TICKET “order now” Everything’s booked. Confirmation emailed. Big Top CUI ORDER-CONFIRMATION
9.5. Multi-turn UI
10. Testing! WE MADE IT!
voice design principles
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.
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!
7. Re-write responses
s tudiof beautiful bespok thanks & con hugs
s tudioflow beautiful voice & chat experiences, in-house training, consultancy + more alexa facebook web google cortana slack messenger chat assistant “hi! i’m craig pugsley, projects consultancy platform director & creative give us the brief, existing product want to go beyond static lead at studioflow. we’ll give you a team? great! our conversation? our shippable product. experts will come in- personality platform will fancy a chat?” house and quickly make your AIs more +447803 109635 skill your team up human and effective @studioflow craig@studio-flow.co.uk
Recommend
More recommend