SlideShare a Scribd company logo
1 of 29
Download to read offline
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
@iamchrismayo
https://github.com/cmayomsft
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
Goals
User Stories
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
User Stories
Information Architecture
Pages/Views
Navigation
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
Layout Design
Interaction Design
Visual Design
Motion Design
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
Locations
User Zip/City, ST
Zip/City, ST?
No
Location Search
3
Yes
> 0
No
Locations
Yes
New Search
Location
More Locations
Schedule
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
 Characteristics or qualities that form an individual's distinctive character
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
https://dev.botframework.com/
Getting Started
https://github.com/Microsoft/BotBuilder
https://github.com/Microsoft/BotBuilder-Samples
Build 2017 - P4066 - Designing conversational UI for bots (and humans)
Build 2017 - P4066 - Designing conversational UI for bots (and humans)

More Related Content

More from Windows Developer

Technical deep dive into creating the “Solutions Showcase for Mixed Reality” ...
Technical deep dive into creating the “Solutions Showcase for Mixed Reality” ...Technical deep dive into creating the “Solutions Showcase for Mixed Reality” ...
Technical deep dive into creating the “Solutions Showcase for Mixed Reality” ...Windows Developer
 
Developing for Sets on Windows 10
Developing for Sets on Windows 10Developing for Sets on Windows 10
Developing for Sets on Windows 10Windows Developer
 
Data-Driven and User-Centric: Improving enterprise productivity and engagemen...
Data-Driven and User-Centric: Improving enterprise productivity and engagemen...Data-Driven and User-Centric: Improving enterprise productivity and engagemen...
Data-Driven and User-Centric: Improving enterprise productivity and engagemen...Windows Developer
 
Drive user reengagement across all your Windows, Android, and iOS with Micros...
Drive user reengagement across all your Windows, Android, and iOS with Micros...Drive user reengagement across all your Windows, Android, and iOS with Micros...
Drive user reengagement across all your Windows, Android, and iOS with Micros...Windows Developer
 
Fluent Design: Evolving our Design System
Fluent Design: Evolving our Design SystemFluent Design: Evolving our Design System
Fluent Design: Evolving our Design SystemWindows Developer
 
Seizing the Mixed Reality Revolution – A past, present and future Mixed Reali...
Seizing the Mixed Reality Revolution – A past, present and future Mixed Reali...Seizing the Mixed Reality Revolution – A past, present and future Mixed Reali...
Seizing the Mixed Reality Revolution – A past, present and future Mixed Reali...Windows Developer
 
Windows 10 on ARM for developers
Windows 10 on ARM for developersWindows 10 on ARM for developers
Windows 10 on ARM for developersWindows Developer
 
Building Mixed reality with the new capabilities in Unity
Building Mixed reality with the new capabilities in UnityBuilding Mixed reality with the new capabilities in Unity
Building Mixed reality with the new capabilities in UnityWindows Developer
 
Set up a windows dev environment that feels like $HOME
Set up a windows dev environment that feels like $HOMESet up a windows dev environment that feels like $HOME
Set up a windows dev environment that feels like $HOMEWindows Developer
 
Modernizing Twitter for Windows as a Progressive Web App
Modernizing Twitter for Windows as a Progressive Web AppModernizing Twitter for Windows as a Progressive Web App
Modernizing Twitter for Windows as a Progressive Web AppWindows Developer
 
Holograms for trade education, built for students, by students with Immersive...
Holograms for trade education, built for students, by students with Immersive...Holograms for trade education, built for students, by students with Immersive...
Holograms for trade education, built for students, by students with Immersive...Windows Developer
 
Designing Inclusive Experiences to Maximize Reach and Satisfaction
Designing Inclusive Experiences to Maximize Reach and Satisfaction Designing Inclusive Experiences to Maximize Reach and Satisfaction
Designing Inclusive Experiences to Maximize Reach and Satisfaction Windows Developer
 
Cboard: A Progressive Web App for Everyone
Cboard: A Progressive Web App for EveryoneCboard: A Progressive Web App for Everyone
Cboard: A Progressive Web App for EveryoneWindows Developer
 
Turn good code into a great business
Turn good code into a great businessTurn good code into a great business
Turn good code into a great businessWindows Developer
 
Windows AI Platform & the Intelligent Edge (pptx)
Windows AI Platform & the Intelligent Edge (pptx)Windows AI Platform & the Intelligent Edge (pptx)
Windows AI Platform & the Intelligent Edge (pptx)Windows Developer
 
Spatial Analytics for Mixed Reality (ppt)
Spatial Analytics for Mixed Reality (ppt)Spatial Analytics for Mixed Reality (ppt)
Spatial Analytics for Mixed Reality (ppt)Windows Developer
 
Develop Industrial Mixed Reality applications with Unity
Develop Industrial Mixed Reality applications with Unity Develop Industrial Mixed Reality applications with Unity
Develop Industrial Mixed Reality applications with Unity Windows Developer
 
WebVR, not just Holograms in the web but powerful platform
WebVR, not just Holograms in the web but powerful platformWebVR, not just Holograms in the web but powerful platform
WebVR, not just Holograms in the web but powerful platformWindows Developer
 
Analyzing your Win32 applications
Analyzing your Win32 applicationsAnalyzing your Win32 applications
Analyzing your Win32 applicationsWindows Developer
 

More from Windows Developer (20)

Technical deep dive into creating the “Solutions Showcase for Mixed Reality” ...
Technical deep dive into creating the “Solutions Showcase for Mixed Reality” ...Technical deep dive into creating the “Solutions Showcase for Mixed Reality” ...
Technical deep dive into creating the “Solutions Showcase for Mixed Reality” ...
 
Developing for Sets on Windows 10
Developing for Sets on Windows 10Developing for Sets on Windows 10
Developing for Sets on Windows 10
 
Data-Driven and User-Centric: Improving enterprise productivity and engagemen...
Data-Driven and User-Centric: Improving enterprise productivity and engagemen...Data-Driven and User-Centric: Improving enterprise productivity and engagemen...
Data-Driven and User-Centric: Improving enterprise productivity and engagemen...
 
Drive user reengagement across all your Windows, Android, and iOS with Micros...
Drive user reengagement across all your Windows, Android, and iOS with Micros...Drive user reengagement across all your Windows, Android, and iOS with Micros...
Drive user reengagement across all your Windows, Android, and iOS with Micros...
 
Fluent Design: Evolving our Design System
Fluent Design: Evolving our Design SystemFluent Design: Evolving our Design System
Fluent Design: Evolving our Design System
 
Seizing the Mixed Reality Revolution – A past, present and future Mixed Reali...
Seizing the Mixed Reality Revolution – A past, present and future Mixed Reali...Seizing the Mixed Reality Revolution – A past, present and future Mixed Reali...
Seizing the Mixed Reality Revolution – A past, present and future Mixed Reali...
 
Windows 10 on ARM for developers
Windows 10 on ARM for developersWindows 10 on ARM for developers
Windows 10 on ARM for developers
 
Building Mixed reality with the new capabilities in Unity
Building Mixed reality with the new capabilities in UnityBuilding Mixed reality with the new capabilities in Unity
Building Mixed reality with the new capabilities in Unity
 
Set up a windows dev environment that feels like $HOME
Set up a windows dev environment that feels like $HOMESet up a windows dev environment that feels like $HOME
Set up a windows dev environment that feels like $HOME
 
Modernizing Twitter for Windows as a Progressive Web App
Modernizing Twitter for Windows as a Progressive Web AppModernizing Twitter for Windows as a Progressive Web App
Modernizing Twitter for Windows as a Progressive Web App
 
Holograms for trade education, built for students, by students with Immersive...
Holograms for trade education, built for students, by students with Immersive...Holograms for trade education, built for students, by students with Immersive...
Holograms for trade education, built for students, by students with Immersive...
 
Designing Inclusive Experiences to Maximize Reach and Satisfaction
Designing Inclusive Experiences to Maximize Reach and Satisfaction Designing Inclusive Experiences to Maximize Reach and Satisfaction
Designing Inclusive Experiences to Maximize Reach and Satisfaction
 
Cboard: A Progressive Web App for Everyone
Cboard: A Progressive Web App for EveryoneCboard: A Progressive Web App for Everyone
Cboard: A Progressive Web App for Everyone
 
Turn good code into a great business
Turn good code into a great businessTurn good code into a great business
Turn good code into a great business
 
Windows AI Platform & the Intelligent Edge (pptx)
Windows AI Platform & the Intelligent Edge (pptx)Windows AI Platform & the Intelligent Edge (pptx)
Windows AI Platform & the Intelligent Edge (pptx)
 
Spatial Analytics for Mixed Reality (ppt)
Spatial Analytics for Mixed Reality (ppt)Spatial Analytics for Mixed Reality (ppt)
Spatial Analytics for Mixed Reality (ppt)
 
Develop Industrial Mixed Reality applications with Unity
Develop Industrial Mixed Reality applications with Unity Develop Industrial Mixed Reality applications with Unity
Develop Industrial Mixed Reality applications with Unity
 
Human Holograms 101
Human Holograms 101Human Holograms 101
Human Holograms 101
 
WebVR, not just Holograms in the web but powerful platform
WebVR, not just Holograms in the web but powerful platformWebVR, not just Holograms in the web but powerful platform
WebVR, not just Holograms in the web but powerful platform
 
Analyzing your Win32 applications
Analyzing your Win32 applicationsAnalyzing your Win32 applications
Analyzing your Win32 applications
 

Recently uploaded

online pdf editor software solutions.pdf
online pdf editor software solutions.pdfonline pdf editor software solutions.pdf
online pdf editor software solutions.pdfMeon Technology
 
Generative AI for Cybersecurity - EC-Council
Generative AI for Cybersecurity - EC-CouncilGenerative AI for Cybersecurity - EC-Council
Generative AI for Cybersecurity - EC-CouncilVICTOR MAESTRE RAMIREZ
 
Kawika Technologies pvt ltd Software Development Company in Trivandrum
Kawika Technologies pvt ltd Software Development Company in TrivandrumKawika Technologies pvt ltd Software Development Company in Trivandrum
Kawika Technologies pvt ltd Software Development Company in TrivandrumKawika Technologies
 
IA Generativa y Grafos de Neo4j: RAG time
IA Generativa y Grafos de Neo4j: RAG timeIA Generativa y Grafos de Neo4j: RAG time
IA Generativa y Grafos de Neo4j: RAG timeNeo4j
 
Your Vision, Our Expertise: TECUNIQUE's Tailored Software Teams
Your Vision, Our Expertise: TECUNIQUE's Tailored Software TeamsYour Vision, Our Expertise: TECUNIQUE's Tailored Software Teams
Your Vision, Our Expertise: TECUNIQUE's Tailored Software TeamsJaydeep Chhasatia
 
Mastering Kubernetes - Basics and Advanced Concepts using Example Project
Mastering Kubernetes - Basics and Advanced Concepts using Example ProjectMastering Kubernetes - Basics and Advanced Concepts using Example Project
Mastering Kubernetes - Basics and Advanced Concepts using Example Projectwajrcs
 
Transforming PMO Success with AI - Discover OnePlan Strategic Portfolio Work ...
Transforming PMO Success with AI - Discover OnePlan Strategic Portfolio Work ...Transforming PMO Success with AI - Discover OnePlan Strategic Portfolio Work ...
Transforming PMO Success with AI - Discover OnePlan Strategic Portfolio Work ...OnePlan Solutions
 
Cybersecurity Challenges with Generative AI - for Good and Bad
Cybersecurity Challenges with Generative AI - for Good and BadCybersecurity Challenges with Generative AI - for Good and Bad
Cybersecurity Challenges with Generative AI - for Good and BadIvo Andreev
 
How Does the Epitome of Spyware Differ from Other Malicious Software?
How Does the Epitome of Spyware Differ from Other Malicious Software?How Does the Epitome of Spyware Differ from Other Malicious Software?
How Does the Epitome of Spyware Differ from Other Malicious Software?AmeliaSmith90
 
Top Software Development Trends in 2024
Top Software Development Trends in  2024Top Software Development Trends in  2024
Top Software Development Trends in 2024Mind IT Systems
 
Big Data Bellevue Meetup | Enhancing Python Data Loading in the Cloud for AI/ML
Big Data Bellevue Meetup | Enhancing Python Data Loading in the Cloud for AI/MLBig Data Bellevue Meetup | Enhancing Python Data Loading in the Cloud for AI/ML
Big Data Bellevue Meetup | Enhancing Python Data Loading in the Cloud for AI/MLAlluxio, Inc.
 
Kubernetes go-live checklist for your microservices.pptx
Kubernetes go-live checklist for your microservices.pptxKubernetes go-live checklist for your microservices.pptx
Kubernetes go-live checklist for your microservices.pptxPrakarsh -
 
JS-Experts - Cybersecurity for Generative AI
JS-Experts - Cybersecurity for Generative AIJS-Experts - Cybersecurity for Generative AI
JS-Experts - Cybersecurity for Generative AIIvo Andreev
 
Webinar - IA generativa e grafi Neo4j: RAG time!
Webinar - IA generativa e grafi Neo4j: RAG time!Webinar - IA generativa e grafi Neo4j: RAG time!
Webinar - IA generativa e grafi Neo4j: RAG time!Neo4j
 
Watermarking in Source Code: Applications and Security Challenges
Watermarking in Source Code: Applications and Security ChallengesWatermarking in Source Code: Applications and Security Challenges
Watermarking in Source Code: Applications and Security ChallengesShyamsundar Das
 
OpenChain Webinar: Universal CVSS Calculator
OpenChain Webinar: Universal CVSS CalculatorOpenChain Webinar: Universal CVSS Calculator
OpenChain Webinar: Universal CVSS CalculatorShane Coughlan
 
ARM Talk @ Rejekts - Will ARM be the new Mainstream in our Data Centers_.pdf
ARM Talk @ Rejekts - Will ARM be the new Mainstream in our Data Centers_.pdfARM Talk @ Rejekts - Will ARM be the new Mainstream in our Data Centers_.pdf
ARM Talk @ Rejekts - Will ARM be the new Mainstream in our Data Centers_.pdfTobias Schneck
 
Growing Oxen: channel operators and retries
Growing Oxen: channel operators and retriesGrowing Oxen: channel operators and retries
Growing Oxen: channel operators and retriesSoftwareMill
 

Recently uploaded (20)

online pdf editor software solutions.pdf
online pdf editor software solutions.pdfonline pdf editor software solutions.pdf
online pdf editor software solutions.pdf
 
Generative AI for Cybersecurity - EC-Council
Generative AI for Cybersecurity - EC-CouncilGenerative AI for Cybersecurity - EC-Council
Generative AI for Cybersecurity - EC-Council
 
Kawika Technologies pvt ltd Software Development Company in Trivandrum
Kawika Technologies pvt ltd Software Development Company in TrivandrumKawika Technologies pvt ltd Software Development Company in Trivandrum
Kawika Technologies pvt ltd Software Development Company in Trivandrum
 
IA Generativa y Grafos de Neo4j: RAG time
IA Generativa y Grafos de Neo4j: RAG timeIA Generativa y Grafos de Neo4j: RAG time
IA Generativa y Grafos de Neo4j: RAG time
 
Your Vision, Our Expertise: TECUNIQUE's Tailored Software Teams
Your Vision, Our Expertise: TECUNIQUE's Tailored Software TeamsYour Vision, Our Expertise: TECUNIQUE's Tailored Software Teams
Your Vision, Our Expertise: TECUNIQUE's Tailored Software Teams
 
Mastering Kubernetes - Basics and Advanced Concepts using Example Project
Mastering Kubernetes - Basics and Advanced Concepts using Example ProjectMastering Kubernetes - Basics and Advanced Concepts using Example Project
Mastering Kubernetes - Basics and Advanced Concepts using Example Project
 
Transforming PMO Success with AI - Discover OnePlan Strategic Portfolio Work ...
Transforming PMO Success with AI - Discover OnePlan Strategic Portfolio Work ...Transforming PMO Success with AI - Discover OnePlan Strategic Portfolio Work ...
Transforming PMO Success with AI - Discover OnePlan Strategic Portfolio Work ...
 
Sustainable Web Design - Claire Thornewill
Sustainable Web Design - Claire ThornewillSustainable Web Design - Claire Thornewill
Sustainable Web Design - Claire Thornewill
 
Cybersecurity Challenges with Generative AI - for Good and Bad
Cybersecurity Challenges with Generative AI - for Good and BadCybersecurity Challenges with Generative AI - for Good and Bad
Cybersecurity Challenges with Generative AI - for Good and Bad
 
How Does the Epitome of Spyware Differ from Other Malicious Software?
How Does the Epitome of Spyware Differ from Other Malicious Software?How Does the Epitome of Spyware Differ from Other Malicious Software?
How Does the Epitome of Spyware Differ from Other Malicious Software?
 
Top Software Development Trends in 2024
Top Software Development Trends in  2024Top Software Development Trends in  2024
Top Software Development Trends in 2024
 
Big Data Bellevue Meetup | Enhancing Python Data Loading in the Cloud for AI/ML
Big Data Bellevue Meetup | Enhancing Python Data Loading in the Cloud for AI/MLBig Data Bellevue Meetup | Enhancing Python Data Loading in the Cloud for AI/ML
Big Data Bellevue Meetup | Enhancing Python Data Loading in the Cloud for AI/ML
 
Kubernetes go-live checklist for your microservices.pptx
Kubernetes go-live checklist for your microservices.pptxKubernetes go-live checklist for your microservices.pptx
Kubernetes go-live checklist for your microservices.pptx
 
JS-Experts - Cybersecurity for Generative AI
JS-Experts - Cybersecurity for Generative AIJS-Experts - Cybersecurity for Generative AI
JS-Experts - Cybersecurity for Generative AI
 
Webinar - IA generativa e grafi Neo4j: RAG time!
Webinar - IA generativa e grafi Neo4j: RAG time!Webinar - IA generativa e grafi Neo4j: RAG time!
Webinar - IA generativa e grafi Neo4j: RAG time!
 
Watermarking in Source Code: Applications and Security Challenges
Watermarking in Source Code: Applications and Security ChallengesWatermarking in Source Code: Applications and Security Challenges
Watermarking in Source Code: Applications and Security Challenges
 
OpenChain Webinar: Universal CVSS Calculator
OpenChain Webinar: Universal CVSS CalculatorOpenChain Webinar: Universal CVSS Calculator
OpenChain Webinar: Universal CVSS Calculator
 
ARM Talk @ Rejekts - Will ARM be the new Mainstream in our Data Centers_.pdf
ARM Talk @ Rejekts - Will ARM be the new Mainstream in our Data Centers_.pdfARM Talk @ Rejekts - Will ARM be the new Mainstream in our Data Centers_.pdf
ARM Talk @ Rejekts - Will ARM be the new Mainstream in our Data Centers_.pdf
 
Growing Oxen: channel operators and retries
Growing Oxen: channel operators and retriesGrowing Oxen: channel operators and retries
Growing Oxen: channel operators and retries
 
Program with GUTs
Program with GUTsProgram with GUTs
Program with GUTs
 

Build 2017 - P4066 - Designing conversational UI for bots (and humans)

Editor's Notes

  1. Chris Mayo, Senior UX Engineer @ Microsoft In particular, we’ll talk about how: You can leverage the same design skills, tools, and process you use today when designing web sites and mobile apps… …while learning what’s new and unique to designing conversational experiences for bots. Abstract: The Bot Framework enables you to quickly build and publish a bot that reaches users on many of the popular messaging services like Skype, Microsoft Teams, Facebook Messenger, and Slack. But to many designers and developers, designing and developing the bot UI as a conversation in a messaging windows is a new and daunting prospect. In this session, you'll learn how to design a conversational UI that feels as fast, as fluid and as natural as a messaging conversation between friends while driving the user engagement of your bot.
  2. Design sessions for Contoso Cuts bot resulted in these goals, user stories.
  3. Web/Mobile Designing your web site/apps, you’re using a process to map the user stories to…. … the information architecture of your site… …to the pages… …to some sort of navigation diagram, navigation UI design to support navigating those pages to support the user stories. Web/mobile Navigation Navigation menu Links Back button
  4. Bots Navigation is supported by the conversation. Navigation Changes the topic of the conversation. Just like telling someone when talking about the Redmond location… …that you want to schedule an appointment there… Navigation Commands Global keywords Navigate to a new topic of conversation. Discoverability Web/mobile UI elements on screen that make navigation discoverable… Bots There is nothing in the UI until your bot says it, so need to introduce navigation early in the conversation. Casey does this at the start of the conversation… Wayfinding Where am I? How did I get here? How do I get back?
  5. Web/Mobile At this point, you’d start designing the pages Layout of the pages, UI controls… Interaction design Visual design Motion design Starting low-fi Black and white, wireframes, placeholder images, etc. Prototype Get signoff before moving forward with final branding, assets, etc.
  6. You’ll follow a similar flow with your bot design. Goal is to ideate, illustrate, get sign off on conversational experience as you add fidelity. 2 passes Conversation Flow Structure of the conversation at a high level. Conversation UI Layout of the dialog to support the conversation flow.
  7. Start with the structure of the conversation You should be able to see how the user story will be completed by the conversation flow. No more detail than that. Don’t focus on the copy (yet) You can get bogged down on the copy Only to realize that the copy you discussed was eliminated as the structure changed. Design the “long form” first Assume you have to walk user through the whole process We’ll talk about how bot memory, intuition can expedite these conversation Storyboard/walkthrough Usually post it notes, walk through, then document/share with team.
  8. Dialog -> Conversation Flow Bots are always in a state of asking a question, waiting for response. Explicit – What is your zip code? Implicit – Which location would you like to learn more about? Balance what bot asks vs. what bot adds to the conversation. 2-4 prompts Users will get frustrated/bored if they don’t see value in conversation. Don’t worry about copy yet Start with structure, focus on flow Use overly simple/placeholder copy Use placeholder images
  9. Web/mobile Grid Label Textbox Button Image Option buttons Dropdowns Can depend on channel, but these are the basics…
  10. Design to be understood Design the UI so it’s easy for users to understand your bot. Design to understand Design your UI so your bot can easily understand your user Design for when your bot doesn’t understand Design to learn, remember Bots should learn/remember, the conversation gets better over time
  11. Guide the conversation The bot should always be guiding the conversation towards the goal/user story Be concise Most important Viewed on mobile devices On Casey, iterated to get copy as concise as possible. Break longer prompts down into smaller messages Promotes glancing. Minimize scrolling Limit how much, now often you reply Break messages up, prioritize information, let user decide if they need more info by clicking “more” button. Use carousels, makes information horizontal, prioritize information left to right, let user decide if they need to flip.
  12. Ask “closed-ended” questions where possible. Use buttons Makes it clear to user what you expect Be clear with “open-ended” questions Give examples What type of reply do you expect? Text? Attachment? Image? Document? What format do you expect? Want this to be a wide as possible, but for dates, what do you expect?
  13. Humans are unpredictable They will reply with anything and everything, your bot needs to provide a great experience Setting expectations Handling exceptions Support as many data formats as possible All of the following represent May 2nd. May 2, 2017, May 2, 5/2, 5/2/2017, Tuesday, Today, Next Week The more text formats your bot supports, the more it understands. Validate every reply Type Content, format Design the “Do not understand” prompt Design a DNU for every prompt in your bot. Be clear what/why bot doesn’t understand Be clear what bot does understand You need to handle these situations well, goal should be to minimize them down to zero. Retry the prompt
  14. Don’t strand your users Retry prompts a set number of times (3) Good place to start Retry to try and be more clear Retry in case the user goofed on their reply. Stop the Conversation Flow Don’t leave your customers stranded trying to answer a prompt they obviously don’t know how to answer. Give the user the opportunity to get help Get them in touch with a human Give the them opportunity to provide details/feedback Provide opportunity to start another Conversation Flow
  15. Contoso Cuts, chain of neighborhood barbershop/salons. Built a bot to help customers find locations, select services and schedule appointments. Welcome Navigation menu Locations Schedule Services Appointment Confirmation Natural Language Preferred location
  16. Humans remember and learn from conversations We take this for granted, your bot shouldn’t Bot should learn/remember when user tells it something Use what you know to improve the conversation over time Bot should use what it knows to help user From conversation From login/account Make it clear what your bot knows, how it knows it
  17. We did a flow chart for every conversation flow. Reviewed with stakeholders, got feedback, refined. We then wrote out every conversation flow in Excel to show back/forth. Can use any tool you want, but want to show conversation, get feedback before coding…
  18. Your conversations are well structured, conversation UI is concise, and interactions are fluid. Time to finalize copy and visual assets. Think of moving from wireframes to final visuals, assets, branding. Design for Persona A character assumed by an author in a written work. Reflects and embodiment of your brand. Design for Personality The combination of characteristics or qualities that form an individual's distinctive character. Tone - Casual/Formal. Contractions - Can't vs. Cannot. Emoji - Prompts/replies. Visual assets - Color, font, layout. Talk directly to the user. Your bot is a contact, trusted friend, so should talk like one. Call users by their name if you know it. Avoid gendered pronouns if you don't know. Don't be robotic. Design varied copy so prompts/replies aren't always the same. Design varied copy based on context. Do not understand. More human.