{"id":35,"date":"2018-01-14T00:00:48","date_gmt":"2018-01-14T00:00:48","guid":{"rendered":"http:\/\/eris-lite.tkdemos.com\/?p=35"},"modified":"2019-09-24T19:49:36","modified_gmt":"2019-09-24T19:49:36","slug":"creativity-at-work-wonderful-serenity","status":"publish","type":"post","link":"https:\/\/www.dumindesign.com\/index.php\/creativity-at-work-wonderful-serenity\/","title":{"rendered":"Designing a guided Chatbot"},"content":{"rendered":"<p>Online campaign based on a chatbot flow to get more engagement within the site.<\/p>\n<p><!--more--><\/p>\n<p>1. <strong>Design challenge<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">We want to boost the user engagement of our product, and drive them towards certain actions that increase conversion.<\/span><\/p>\n<p><strong>2. User research<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">We started doing a competitive analysis to find out strengths and weaknesses of current and potential competitors. This helped us to define the nature of the industry and determine who the competitors are. At the same time we discover new market trends that can apply to our product in order to be closer to users.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Then we drove multiple sessions to create user-personas that enable us to focus on a manageable and memorable cast of characters, instead of focusing on thousands of individuals. We followed two type of insights, on one hand the data taken from the product through our own tracking tools, and in the other hand the knowledge of the marketing department lead, who has been working for the industry more than 5 years. <\/span><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-682\" src=\"http:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/userpersona.png\" alt=\"User persona\" width=\"1024\" height=\"768\" srcset=\"https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/userpersona.png 1024w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/userpersona-300x225.png 300w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/userpersona-768x576.png 768w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/userpersona-233x175.png 233w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/userpersona-680x510.png 680w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/userpersona-960x720.png 960w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/userpersona-480x360.png 480w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><strong>3. Ideation<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Looking at what we gathered in the research phase, we concluded that the best idea to achieve our goal was to produce a CHATBOT. They will soon become as commonplace as automated phone systems, only much more interactive and interesting. If customers have a positive interaction with the product, they are more likely to convert.&nbsp;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Beyond that, we have two clear evidences that endorse our decision:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Being a Dating Site, our users are used to interact with this kind of technologies, as illustrated by the competitive analysis.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Users are always looking at new features, and things that offer them something unique, as reflected in the user-persona.<\/span><\/li>\n<\/ol>\n<p><strong>4. Design<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">The first decision we had to make was what type of Chatbot should we build. At this point we saw two options:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">A guided conversation with a bot that simulates to be a real person.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">A virtual assistant that helps the user to find the right girl to him.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">For that purpose, we sketched both choices to get an idea of which flow suits better to each option, trying to find potential problems and doubts that could arise.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The next step is define all the general aspects that have an impact on the Chatbot. The main point is develop a decision tree to understand the entire flow. This was perhaps the most difficult part of all because if this fails, the entire user experience will break and thus, the chatbot shall be repaired.&nbsp;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The language is also a very important thing here, and we should pay attention to how we communicate and how the user perceives this messages. This is what builds the chatbot personality, and in addition should be raised in the early stages.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-660\" src=\"http:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/options.jpg\" alt=\"\" width=\"1015\" height=\"737\" srcset=\"https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/options.jpg 1015w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/options-300x218.jpg 300w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/options-768x558.jpg 768w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/options-241x175.jpg 241w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/options-680x494.jpg 680w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/options-960x697.jpg 960w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/options-480x349.jpg 480w\" sizes=\"(max-width: 1015px) 100vw, 1015px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Finally, we decided to create hi-fi prototypes because another important aspects were the microinteractions and animations. This can cause that the users move forward, or on the contrary, they drop off the application. <\/span><\/p>\n<p><strong>5. Testing<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">In this last stage, it is time to test the Chatbot with real users. We recognized the need of having quantitative data, as well as qualitative. With the qualitative data we can get valuable insights about user engagement and usability issues. Furthermore, the quantitative data will show us if the product is working in terms of conversion.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For the qualitative data we conducted a usability lab study at our office. We prepared one room containing the lab with the system being tested for usability and all the other necessary equipment such as cameras to record the session. We observed the behaviour of the users we brought for the test, and we obtained very useful feedback, not only during the session, but afterwards.&nbsp;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We used a form based on the Likert scale to measure mainly user engagement and identify how long it took to complete the specified task. With this information, we continued working on the prototype to fix some details before releasing the final Chatbot. <\/span><\/p>\n<p><!--more--><img decoding=\"async\" class=\"aligncenter size-full wp-image-657\" src=\"http:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/chatbot.jpg\" alt=\"\" width=\"737\" height=\"499\" srcset=\"https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/chatbot.jpg 737w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/chatbot-300x203.jpg 300w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/chatbot-258x175.jpg 258w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/chatbot-680x460.jpg 680w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/chatbot-480x325.jpg 480w\" sizes=\"(max-width: 737px) 100vw, 737px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Once we were satisfied with the improved prototypes, we moved to the next level: A\/B test with massive real users. The results will give us only objective numbers of conversions, that will probe if we designed the correct UX strategy, and will help us to choose one of the Chatbots as a winner to continue doing iterations of it.&nbsp;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In our case, the A\/B test verified that our users would be more willing to convert with the virtual assistant than with the fake girl. This is something we also detected during the user lab study, because some users were remarking they prefered to know from the very beginning that the bot is a bot and not a girl. In any case, we needed data to confirm this assertion.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-689\" src=\"http:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/datachat.jpg\" alt=\"\" width=\"1024\" height=\"550\" srcset=\"https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/datachat.jpg 1024w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/datachat-300x161.jpg 300w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/datachat-768x413.jpg 768w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/datachat-680x365.jpg 680w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/datachat-960x516.jpg 960w, https:\/\/www.dumindesign.com\/wp-content\/uploads\/2017\/04\/datachat-480x258.jpg 480w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Online campaign based on a chatbot flow to get more engagement within the site.<\/p>\n<a class=\"read-more-link\" href=\" https:\/\/www.dumindesign.com\/index.php\/creativity-at-work-wonderful-serenity\/ \">Read more<\/a>","protected":false},"author":1,"featured_media":911,"comment_status":"closed","ping_status":"closed","sticky":true,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.dumindesign.com\/index.php\/wp-json\/wp\/v2\/posts\/35"}],"collection":[{"href":"https:\/\/www.dumindesign.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dumindesign.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dumindesign.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dumindesign.com\/index.php\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":6,"href":"https:\/\/www.dumindesign.com\/index.php\/wp-json\/wp\/v2\/posts\/35\/revisions"}],"predecessor-version":[{"id":912,"href":"https:\/\/www.dumindesign.com\/index.php\/wp-json\/wp\/v2\/posts\/35\/revisions\/912"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dumindesign.com\/index.php\/wp-json\/wp\/v2\/media\/911"}],"wp:attachment":[{"href":"https:\/\/www.dumindesign.com\/index.php\/wp-json\/wp\/v2\/media?parent=35"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dumindesign.com\/index.php\/wp-json\/wp\/v2\/categories?post=35"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dumindesign.com\/index.php\/wp-json\/wp\/v2\/tags?post=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}