Upload
livechat
View
1.127
Download
3
Embed Size (px)
Citation preview
uxversityof LiveChat
uxversity
Using Conversational Interfaces to Build (Better?) Web Forms13 January 2017
by Maciej Serafinowicz
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
uxversity
Voice assistants- Siri (Apple) - Alexa (Amazon) - OK Google - Cortana (Microsoft)
1.
uxversity
Chatbots- Slackbot - Facebook M - Magic - Kik
2.
uxversity
Pseudo-chatbotsTraditional point-and-click GUI
(3.)
- Microsoft Clippy - Quartz
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
uxversity
Web form components- text input (with or without validation) - radio button - file upload - textarea - select (dropdown) - checkbox (multiple seclect) - submit - reset
uxversity
Conversational formschat + web form =
uxversity
LiveChat Survey Bot(prototype)
uxversity
Regular Web Form
uxversity
Regular Web Form Conversational Form
uxversity
Regular Web Form Conversational Form
uxversity
Regular Web Form Conversational Form
uxversity
Regular Web Form Conversational Form
uxversity
Regular Web Form Conversational Form
uxversity
Regular Web Form Conversational Form
uxversity
Regular Web Form Conversational Form
uxversity
Regular Web Form Conversational Form
uxversity
Regular Web Form Conversational Form
uxversity
Regular Web Form Conversational Form
uxversity
Regular Web Form Conversational Form
uxversity
Regular Web Form Conversational Form
uxversity
File upload
uxversity
TARSDemo Awesome Rooms
Demo Domino Pizza
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
uxversity
Want to know more?
More…
Read my article on LiveChat's developer blog: "Using Conversational Interfaces to Build (Better?) Web Forms”
uxversity
More…
This presentation was brought to you by LiveChat - online chat with help desk software
for an amazing customer service!