Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Design Guidelines for Conversational Interfaces

191 vues

Publié le

Video and slides synchronized, mp3 and slide download available at URL http://bit.ly/2o2hek6.

Angie Terrell discusses the current state of conversational interfaces and human-centered design principles to guide the design of conversational apps. From messaging apps, with screen interface, to voice interfaces which require natural language processing, she talks about fundamental user-centered design principles to build experiences that avoid frustration and annoyance and provide value. Filmed at qconsf.com.

Angie Terrell is the Director of Design at Big Nerd Ranch where she leads a team of user experience and interface designers. She designs mobile and web products for clients and is also an instructor for Big Nerd Ranch, teaching others to design for mobile and emerging technology.

Publié dans : Technologie
  • Soyez le premier à commenter

Design Guidelines for Conversational Interfaces

  1. 1. Designing for Conversational UI Angie Terrell Design Director, Big Nerd Ranch
  2. 2. InfoQ.com: News & Community Site • Over 1,000,000 software developers, architects and CTOs read the site world- wide every month • 250,000 senior developers subscribe to our weekly newsletter • Published in 4 languages (English, Chinese, Japanese and Brazilian Portuguese) • Post content from our QCon conferences • 2 dedicated podcast channels: The InfoQ Podcast, with a focus on Architecture and The Engineering Culture Podcast, with a focus on building • 96 deep dives on innovative topics packed as downloadable emags and minibooks • Over 40 new content items per week Watch the video with slide synchronization on InfoQ.com! https://www.infoq.com/presentations/ design-conversational-interface
  3. 3. Purpose of QCon - to empower software development by facilitating the spread of knowledge and innovation Strategy - practitioner-driven conference designed for YOU: influencers of change and innovation in your teams - speakers and topics driving the evolution and innovation - connecting and catalyzing the influencers and innovators Highlights - attended by more than 12,000 delegates since 2007 - held in 9 cities worldwide Presented at QCon San Francisco www.qconsf.com
  4. 4. Designing for Conversational UI Angie Terrell Design Director, Big Nerd Ranch
  5. 5. Designing for People who Use Conversational UI Angie Terrell Design Director, Big Nerd Ranch
  6. 6. The Landscape
  7. 7. 2025
  8. 8. 2040
  9. 9. 2075
  10. 10. The Challenge
  11. 11. –Your client “We need a bot.”
  12. 12. Getting Started
  13. 13. User Interface Design
  14. 14. User Interface Design • Select the tasks to support
  15. 15. User Interface Design • Select the tasks to support • Determine the structure of the dialogue
  16. 16. User Interface Design • Select the tasks to support • Determine the structure of the dialogue • Deciding which commands and features are available to the user
  17. 17. User Interface Design • Select the tasks to support • Determine the structure of the dialogue • Deciding which commands and features are available to the user • Letting user specify what they want
  18. 18. User Interface Design • Select the tasks to support • Determine the structure of the dialogue • Deciding which commands and features are available to the user • Letting user specify what they want • Making the computer provide feedback on its actions
  19. 19. User Interface Design
  20. 20. User Interface Design 1. What is the environment/context?
  21. 21. User Interface Design 1. What is the environment/context? 2. What will be the common behaviors or modes of the user?
  22. 22. User Interface Design 1. What is the environment/context? 2. What will be the common behaviors or modes of the user? 3. What are the needs and expectations of the user?
  23. 23. Guidelines & Principles for Conversational Interfaces
  24. 24. 1. Prompt-and-Response
  25. 25. 1. Prompt-and-Response 2. Recognition over Recall
  26. 26. 1. Prompt-and-Response 2. Recognition over Recall 3. Speech Requires Focus
  27. 27. 1. Prompt-and-Response 2. Recognition over Recall 3. Speech Requires Focus 4. Always Provide a Fallback
  28. 28. 1. Prompt-and-Response 2. Recognition over Recall 3. Speech Requires Focus 4. Always Provide a Fallback 5. Respect People’s Time
  29. 29. 1. Prompt-and-Response
  30. 30. Intents
  31. 31. No Intent
  32. 32. No Intent Hi Weatherbot.
  33. 33. No Intent Hi Weatherbot. Hello. You can request to hear the local weather or weather in a particular city. Which will it be?
  34. 34. Partial Intent
  35. 35. Partial Intent Weatherbot, what is the weather like in Madison?
  36. 36. Partial Intent Weatherbot, what is the weather like in Madison? Okay, I can check the weather in Madison. In what State?
  37. 37. Partial Intent Weatherbot, what is the weather like in Madison? Okay, I can check the weather in Madison. In what State? Wisconsin.
  38. 38. Partial Intent Weatherbot, what is the weather like in Madison? Okay, I can check the weather in Madison. In what State? Wisconsin. Today’s weather in Madison, Wisconsin is…
  39. 39. Full Intent
  40. 40. Full Intent Weatherbot, what will it be like in San Francisco, California today?
  41. 41. Full Intent Weatherbot, what will it be like in San Francisco, California today? Today’s weather in San Francisco, California is…
  42. 42. Intents
  43. 43. Close-ended
  44. 44. Close-Ended
  45. 45. Close-Ended What is a top-rated bike pump?
  46. 46. Close-Ended What is a top-rated bike pump? The top-rated bike pump is the Vibrelli High Performance Bike Pump for $37.98.
  47. 47. Close-Ended What is a top-rated bike pump? The top-rated bike pump is the Vibrelli High Performance Bike Pump for $37.98. Would you like to hear the rest?
  48. 48. Close-Ended What is a top-rated bike pump? The top-rated bike pump is the Vibrelli High Performance Bike Pump for $37.98. Would you like to hear the rest? No.
  49. 49. Close-ended
  50. 50. Options
  51. 51. Options
  52. 52. Options Would you like french fries or a salad?
  53. 53. Options Yes. Would you like french fries or a salad?
  54. 54. Options Yes. Would you like french fries or a salad? don’t do this
  55. 55. Options
  56. 56. Options Which side would you like: french fries or salad?
  57. 57. Options Salad. Which side would you like: french fries or salad?
  58. 58. Options
  59. 59. 1. Prompt-and-Response 2. Recognition over Recall 3. Speech Requires Focus 4. Always Provide a Fallback 5. Respect People’s Time
  60. 60. 2. Recognition over Recall
  61. 61. - Luke Wroblewski “When there's no graphical user interface (icons, labels, etc.) in a product to guide us, our memory becomes the UI.”
  62. 62. Help
  63. 63. Help Score Keeper. You can give a player points, ask for the score, or say help. What would you like?
  64. 64. Help Help. Score Keeper. You can give a player points, ask for the score, or say help. What would you like?
  65. 65. Help Help. Score Keeper. You can give a player points, ask for the score, or say help. What would you like? Here are some things you can say:
  66. 66. Help Help. Score Keeper. You can give a player points, ask for the score, or say help. What would you like? Here are some things you can say:
  67. 67. Help Help. Score Keeper. You can give a player points, ask for the score, or say help. What would you like? Here are some things you can say: add John,
  68. 68. Help Help. Score Keeper. You can give a player points, ask for the score, or say help. What would you like? Here are some things you can say: add John, give John 5 points,
  69. 69. Help Help. Score Keeper. You can give a player points, ask for the score, or say help. What would you like? Here are some things you can say: add John, give John 5 points, tell me the score,
  70. 70. Help Help. Score Keeper. You can give a player points, ask for the score, or say help. What would you like? Here are some things you can say: add John, give John 5 points, tell me the score, start a new game, or
  71. 71. Help Help. Score Keeper. You can give a player points, ask for the score, or say help. What would you like? Here are some things you can say: add John, give John 5 points, tell me the score, start a new game, or reset all players.
  72. 72. Help Help. Score Keeper. You can give a player points, ask for the score, or say help. What would you like? Here are some things you can say: add John, give John 5 points, tell me the score, start a new game, or reset all players.
  73. 73. Help Help. Score Keeper. You can give a player points, ask for the score, or say help. What would you like? Here are some things you can say: add John, give John 5 points, tell me the score, start a new game, or reset all players. So, how can I help?
  74. 74. Help Help. Score Keeper. You can give a player points, ask for the score, or say help. What would you like? Here are some things you can say: add John, give John 5 points, tell me the score, start a new game, or reset all players. So, how can I help?
  75. 75. 1. Prompt-and-Response 2. Recognition over Recall 3. Speech Requires Focus 4. Always Provide a Fallback 5. Respect People’s Time
  76. 76. 3. Speech Requires Focus
  77. 77. –Human Factors and Voice Interactive Systems “[People] lose attention after 10-15 seconds of listening to a prompt.”
  78. 78. 1. Prompt-and-Response 2. Recognition over Recall 3. Speech Requires Focus 4. Always Provide a Fallback 5. Respect People’s Time
  79. 79. 4. Always Provide a Fallback
  80. 80. Fallback
  81. 81. Fallback Get off the couch!
  82. 82. Fallback Get off the couch! I’m sorry, Angie, but I didn’t understand “get off the couch”.
  83. 83. Fallback Get off the couch! I’m sorry, Angie, but I didn’t understand “get off the couch”.
  84. 84. Fallback Get off the couch! I’m sorry, Angie, but I didn’t understand “get off the couch”. The available colors are: purple, orange, red, green, and blue.
  85. 85. Fallback Get off the couch! I’m sorry, Angie, but I didn’t understand “get off the couch”. The available colors are: purple, orange, red, green, and blue.
  86. 86. Fallback Get off the couch! I’m sorry, Angie, but I didn’t understand “get off the couch”. The available colors are: purple, orange, red, green, and blue. Which will it be?”
  87. 87. Fallback Get off the couch! I’m sorry, Angie, but I didn’t understand “get off the couch”. The available colors are: purple, orange, red, green, and blue. Which will it be?”
  88. 88. 1. Prompt-and-Response 2. Recognition over Recall 3. Speech Requires Focus 4. Always Provide a Fallback 5. Respect People’s Time
  89. 89. 5. Respect People’s Time
  90. 90. 1. Prompt-and-Response 2. Recognition over Recall 3. Speech Requires Focus 4. Always Provide a Fallback 5. Respect People’s Time
  91. 91. Recap • At the present, we cannot interact with machines likes humans • Designing a conversational UI does not free us from the most substantial problems of user interface design • Employ the 5 guidelines for conversational UI
  92. 92. Thank you.
  93. 93. Watch the video with slide synchronization on InfoQ.com! https://www.infoq.com/presentations/ design-conversational-interface

×