Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

UXversity of LiveChat #1 "Using Conversational Interfaces to Build (Better?) Web Forms"

6.973 Aufrufe

Veröffentlicht am

Check out the first presentation from LiveChat UXversity meeting. This time we were talking about using conversational interfaces. If you want to dig deeper into this subject read this article from our dev blog: http://lc.chat/conversational-forms

Veröffentlicht in: Design
  • Als Erste(r) kommentieren

UXversity of LiveChat #1 "Using Conversational Interfaces to Build (Better?) Web Forms"

  1. 1. uxversity of LiveChat
  2. 2. uxversity Using Conversational Interfaces to Build (Better?) Web Forms 13 January 2017 by Maciej Serafinowicz
  3. 3. uxversity What is Conversational Interface? “It enable users to command the computer with plain text (e.g., via text messages, or chatbots) or voice commands, instead of graphic elements. These interfaces often emulate human-to-human conversations.” - Wikipedia
  4. 4. uxversity Voice assistants - Siri (Apple) - Alexa (Amazon) - OK Google - Cortana (Microsoft) 1.
  5. 5. uxversity Chatbots - Slackbot - Facebook M - Magic - Kik 2.
  6. 6. uxversity Pseudo-chatbots Traditional point-and-click GUI (3.) - Microsoft Clippy - Quartz
  7. 7. uxversity What is web form? “A webform, web form or HTML form on a web page allows a user to enter data that is sent to a server for processing. Forms can resemble paper or database forms because web users fill out the forms using checkboxes, radio buttons, or text fields. For example, forms can be used to enter shipping or credit card data to order a product, or can be used to retrieve search results from a search engine.” - Wikipedia
  8. 8. uxversity Web form components - text input (with or without validation) - radio button - file upload - textarea - select (dropdown) - checkbox (multiple seclect) - submit - reset
  9. 9. uxversity Conversational forms chat + web form =
  10. 10. uxversity LiveChat Survey Bot (prototype)
  11. 11. uxversity Regular Web Form
  12. 12. uxversity Regular Web Form Conversational Form
  13. 13. uxversity Regular Web Form Conversational Form
  14. 14. uxversity Regular Web Form Conversational Form
  15. 15. uxversity Regular Web Form Conversational Form
  16. 16. uxversity Regular Web Form Conversational Form
  17. 17. uxversity Regular Web Form Conversational Form
  18. 18. uxversity Regular Web Form Conversational Form
  19. 19. uxversity Regular Web Form Conversational Form
  20. 20. uxversity Regular Web Form Conversational Form
  21. 21. uxversity Regular Web Form Conversational Form
  22. 22. uxversity Regular Web Form Conversational Form
  23. 23. uxversity Regular Web Form Conversational Form
  24. 24. uxversity File upload
  25. 25. uxversity TARS Demo Awesome Rooms Demo Domino Pizza
  26. 26. uxversity Space10
  27. 27. uxversity Summary + personal, human touch - deeper relation, more engaging + fresh and innovative + convenient, natural way + cross-platform + perfect for smart form scenario - adjusting questions based on answers. — length of form - how long will it take to complete the form? — complicated mistake correction — limited trust for providing sensitive or confidential data
  28. 28. uxversity Want to know more? More… Read my article on LiveChat's developer blog: "Using Conversational Interfaces to Build (Better?) Web Forms”
  29. 29. uxversity More… This presentation was brought to you by LiveChat - online chat with help desk software for an amazing customer service!

×