{"id":16737,"date":"2018-09-05T17:00:37","date_gmt":"2018-09-05T16:00:37","guid":{"rendered":"https:\/\/intercom.com\/blog\/?p=16737"},"modified":"2023-06-26T18:32:20","modified_gmt":"2023-06-26T17:32:20","slug":"designing-custom-bot-conversations","status":"publish","type":"post","link":"https:\/\/www.intercom.com\/blog\/designing-custom-bot-conversations\/","title":{"rendered":"Fresh perspective \u2013 how we invented our Custom Bot chatbot builder"},"content":{"rendered":"<p class=\"opening_paragraph\">A unique characteristic of our species is our enduring drive to represent the infinite richness of the real world in other mediums \u2013 from art to mathematics, we strive to capture and record the world around us.<\/p>\n<p>For instance, one of the most distinguishing aspects of Renaissance art was the gradual evolution of techniques to convincingly represent the 3D world on flat surfaces \u2013 elegant, clever tricks such as <a href=\"https:\/\/en.wikipedia.org\/wiki\/Perspective_(graphical)#Renaissance:_mathematical_basis\" target=\"_blank\" rel=\"noopener noreferrer\">perspective<\/a> and <a href=\"https:\/\/en.wikipedia.org\/wiki\/Chiaroscuro\" target=\"_blank\" rel=\"noopener noreferrer\">chiaroscuro<\/a> developed slowly as the result of experimentation by a huge number of artists over many decades, until those techniques came to seem inevitable and obvious. We had passed a threshold in our ability to represent the real world.<\/p>\n<h2 id=\"capturing-the-complexity-of-conversations\">Capturing the complexity of conversations<\/h2>\n<p>How can we represent all the rich complexity of human conversation?<\/p>\n<p>Today, we face different types of representative challenges, as we discovered when we began the process of designing <a href=\"https:\/\/www.intercom.com\/blog\/customizable-bots\" target=\"_blank\" rel=\"noopener noreferrer\">Custom Bots<\/a>, our recently released chatbot that allows people to design highly customizable conversation flows, or paths, for the bot to <a href=\"https:\/\/www.intercom.com\/blog\/announcing-custom-bots-chatbots-drive-business-growth\/\" target=\"_blank\" rel=\"noopener noreferrer\">interact with customers and leads<\/a>, all without needing to know any code.<\/p>\n<p>The challenge was significant \u2013 how can we represent all the rich complexity of human conversation, with its bewildering multidimensionality, in a form that users can <a href=\"https:\/\/www.intercom.com\/blog\/how-to-build-a-chatbot-six-recipes\/\" target=\"_blank\" rel=\"noopener noreferrer\">easily grasp and build with<\/a>. Flattening the infinite dimensions of a human conversation into something that can be programmed visually poses all sorts of incredibly complex questions. Tackling that was immensely difficult, and immensely fun.<\/p>\n<h2 id=\"the-first-fork-in-the-road\">The first fork in the road<\/h2>\n<p>The beginnings of projects are always filled with a bit of chaos and ambiguity. To start clarifying, we faced our first run against complexity as we contemplated the high level structure our bot builder would take.<\/p>\n<p>We were faced with two options. One was a <strong>tree-like builder<\/strong>, mapping directly to the way customers sketched out their conversation flows on paper. While the direct mapping was a huge plus, we realized this layout quickly became overwhelming with larger, more complex flows that our customers wanted to build \u2013 it meant that set up and ongoing maintenance could be challenging.<\/p>\n<p>As we were optimizing for clarity and consistency in all cases, we ultimately decided on another approach \u2013 a <strong>linear builder<\/strong>, which felt both simpler to understand and maintain, and more in line with our design patterns.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2018\/09\/CustomBotsDesign10.png\" alt=\"Intercom Custom Bots high level structure\" \/><\/p>\n<p>Building on this approach, we broke down our linear builder into two key aspects:<\/p>\n<ul>\n<li>A \u201cnav\u201d or bird\u2019s eye view, so teammates could quickly grasp the entirety of the flow<\/li>\n<li>An \u201ceditor\u201d or focused view of part of the flow, so teammates could zoom in and manage any part of the conversation<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"small\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2018\/09\/CustomBotsDesign5.png\" alt=\"Intercom Custom Bot linear builder\" \/><span style=\"font-size: small;\"><em>The two views of the linear Custom Bot builder<\/em><\/span><\/p>\n<p>With those foundations in place, our main challenge was how to help teammates intuitively build and visualize complex flows within this linear structure \u2013 condensing a multidimensional conversation flow into a flat one-dimensional view.<\/p>\n<h2 id=\"building-from-the-ground-up\">Building from the ground up<\/h2>\n<p>At Intercom <a href=\"https:\/\/www.intercom.com\/blog\/applying-systems-thinking-in-product-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">we think in systems<\/a>, so to begin we asked ourselves what were the core objects that would make up this bot builder? We considered the smallest element here to be a single piece of content that could be sent by a bot in a conversation: a chat bubble, reply buttons (that could branch the conversation in different flows), an attribute collector and an app.<br \/>\n<img decoding=\"async\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2018\/09\/CustomBotsDesign7.png\" alt=\"Intercom Custom Bot elements\" \/><span style=\"font-size: small;\"><em>The different elements that a Custom Bot can send in a conversation: chat bubble; reply buttons; attribute collector; and an app<\/em><\/span><\/p>\n<p>Paired with some logic here and there, these elements could be grouped together in different ways, and then connected flexibly to create a full conversation flow. Spoiler alert: the way we grouped together these elements was the crux of our final solution.<\/p>\n<h2 id=\"starting-simple-our-initial-approach\">Starting simple: our initial approach<\/h2>\n<p>In some of our earliest design explorations, engineering constraints limited how we could group the different elements of a conversation. Keeping to the system of our linear builder, our approach to organizing these groups was simply to arrange them in a flat one dimensional list, and show how each group could lead to different stages of the conversation flow through concepts like numbers and lines.<\/p>\n<p>This was the simplest first solution, which mapped to how we represented these structures in code, and functionally it could allow teammates to flexibly create the flows they wished.<\/p>\n<p><img decoding=\"async\" class=\"small\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2018\/09\/CustomBotsDesign1.png\" alt=\"Intercom Custom Bot linear list\" \/><br \/>\n<img decoding=\"async\" class=\"small\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2018\/09\/CustomBotsDesign6.png\" alt=\"Intercom Custom Bot linear list\" \/><span style=\"font-size: small;\"><em>These designs used a flat, one-dimensional list showing paths with numbers and lines<\/em><\/span><\/p>\n<p>However, when we tested these ideas, we found that teammates had a tough time translating the flat unorganized structure into the rich conversation flows they had mapped out. The linear list made all the groupings feel equal so it was difficult to see relationships and hierarchy \u2013 all in all, the navigation system felt too reductive in its representation of the conversation.<\/p>\n<p>Teammates said they wanted to see a nested structures to represent the different paths a conversation could take more closely. The lines to indicate relationships were also either confusing or unnoticed by teammates, so we deemed them a bit over-designed, more clever than functional.<\/p>\n<h2 id=\"adding-complexity-to-clarify\">Adding complexity to clarify<\/h2>\n<p>The initial direction we explored had fallen too flat, and so we realized we needed to add a sense of depth with the intricate combination of more extensive groups of elements to better match the way teammates naturally understood the different paths in their flow.<\/p>\n<p>To clarify and simplify our core experience, we actually ended up <a href=\"https:\/\/www.intercom.com\/blog\/embracing-complexity-designing-custom-bot-builder\/\" target=\"_blank\" rel=\"noopener noreferrer\">introducing more system complexity<\/a> as a way to structure how elements were grouped together. As John Maeda says in his book &#8220;Laws of Simplicity&#8221;, \u201cestablishing a feeling of simplicity in design requires making complexity consciously available in some explicit form.\u201d<\/p>\n<p>To do this, we made three significant decisions:<\/p>\n<ul>\n<li>We paired a letter with the title of each path as a shorthand to refer to the grouping, and to help teammates mentally chunk content, helping them identify the structure of conversation flow and key anchor points.<\/li>\n<li>We also worked through some of the initial engineering limitations, allowing us to group together multiple chat bubbles and attribute collectors \u2013 while it added project scope, ultimately allowed us to offer a more understandable experience.<\/li>\n<li>Finally, we created limitations such as each path could optionally end with branching buttons which point to another path, or with follow up actions.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"small\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2018\/09\/CustomBotsDesign4.png\" alt=\"Intercom Custom Bots\" \/><span style=\"font-size: small;\"><em>A letter is used as a shorthand for each path<\/em><\/span><\/p>\n<p>These constraints were added rulesets that meant additional logic for us to design and engineer, but we realized we needed these necessary complications in our system to scaffold the experience for teammates.<\/p>\n<p>From our research and testing with beta customers, we found that developing these constraints actually shielded teammates from complexity and helped them manage their full conversation flow within our linear bot builder UI in a sensible manner.<\/p>\n<h2 id=\"the-design-itself\">The design itself<\/h2>\n<p>After nailing down the core system of the page and validating the direction with early user research, we polished up the builder\u2019s visual and interaction details.<\/p>\n<p>We designed the navigation of the bot builder to function as a kind of preview for the full conversation flow, so we structured it in an object-oriented way such that each path visually represents a minimized version of the full path shown in the editor on the right. Earlier iterations of this design also explored visual differentiators for different elements in the nav, but in our final approach we stripped back any unnecessary parts of the UI so teammates could better focus on the conversation paths themselves.<\/p>\n<p>Here is the final result:<br \/>\n<img decoding=\"async\" class=\"small\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2018\/09\/Custom-Bots-Design-Final.gif\" alt=\"Intercom Custom Bot final design\" \/><span style=\"font-size: small;\"><em>Final design of the Custom Bot builder<\/em><\/span><\/p>\n<h2 id=\"embrace-your-constraints-together\">Embrace your constraints together<\/h2>\n<p>This project was challenging because of the nature of the problem we were seeking to solve \u2013 finding a way to represent the complexity of human conversation, or at least a simplified version of a human conversation, in a flat, visually comprehensible manner. And yet, it also had to encompass enough flexibility that it could be customized by the user.<\/p>\n<p>Key to overcoming this challenge was identifying the ideal constraints, and reducing scope to meet them. It was a mammoth design challenge, but the process highlighted how engineering, product and design all need to be partners in working out those constraints and reducing that scope.<\/p>\n<p>As we all discovered, it\u2019s okay to wrangle with complexity sometimes. Designing something simple doesn\u2019t mean it\u2019s not powerful under the hood. Indeed, as those pioneering Renaissance artists once proved, the more invisible the technique appears, the more inevitable the result will seem.<\/p>\n<hr \/>\n<p class=\"inline-cta-quote\"><a href=\"https:\/\/www.intercom.com\/blog\/operator-custom-bots\/?utm_medium=ii-blog&amp;utm_source=blog-cta&amp;utm_campaign=20180905-custom-bots-blog\" target=\"_blank\" rel=\"noopener noreferrer\">If you&#8217;re as excited as we are about how chatbots can grow your business, you can get started right here.<\/a><\/p>\n<p><a href=\"https:\/\/www.intercom.com\/blog\/operator-custom-bots\/?utm_medium=ii-blog&amp;utm_source=blog-cta&amp;utm_campaign=20180905-custom-bots-blog\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"small\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2018\/09\/Custom-Bots-CTA.png\" alt=\"Download The Beginner's Guide to Real-Time Sales\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Building Custom Bots unearthed a significant design challenge \u2013 how do you represent the rich complexity of human conversation in a form that users can easily grasp and build with? Here&#8217;s how we approached it.<\/p>\n","protected":false},"author":233,"featured_media":16738,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"category":[25198,5],"tags":[339,9980,489,11897,83,153,181,217],"coauthors":[510],"class_list":["post-16737","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-ml","category-product-and-design","tag-bots","tag-chatbot","tag-chatbots","tag-custom-bots","tag-design","tag-product-design","tag-product-research","tag-user-interface"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Perspective: How We Invented Our Custom Chatbot Builder<\/title>\n<meta name=\"description\" content=\"Custom Bots, our recently released chatbot that allows people to design highly customizable conversation flows, posed a significant design challenge \u2013 how do you represent all the rich complexity of human conversation in a form that users can easily grasp and build with. Here is how we approached the problem.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.intercom.com\/blog\/designing-custom-bot-conversations\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fresh perspective \u2013 how we invented our Custom Bot chatbot builder\" \/>\n<meta property=\"og:description\" content=\"Custom Bots, our recently released chatbot that allows people to design highly customizable conversation flows, posed a significant design challenge \u2013 how do you represent all the rich complexity of human conversation in a form that users can easily grasp and build with. Here is how we approached the problem.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.intercom.com\/blog\/designing-custom-bot-conversations\/\" \/>\n<meta property=\"og:site_name\" content=\"The Intercom Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/intercominc\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-05T16:00:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-26T17:32:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2018\/09\/Blog_DesignBot_HeroCompressed.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1968\" \/>\n\t<meta property=\"og:image:height\" content=\"932\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Cindy Chang\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@cindyjchang\" \/>\n<meta name=\"twitter:site\" content=\"@intercom\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cindy Chang\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/designing-custom-bot-conversations\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/designing-custom-bot-conversations\\\/\"},\"author\":{\"name\":\"Cindy Chang\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#\\\/schema\\\/person\\\/21003acdf08d0f47a5e68fa5fefb249b\"},\"headline\":\"Fresh perspective \u2013 how we invented our Custom Bot chatbot builder\",\"datePublished\":\"2018-09-05T16:00:37+00:00\",\"dateModified\":\"2023-06-26T17:32:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/designing-custom-bot-conversations\\\/\"},\"wordCount\":1417,\"publisher\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/designing-custom-bot-conversations\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/09\\\/Blog_DesignBot_HeroCompressed.jpg\",\"keywords\":[\"bots\",\"chatbot\",\"chatbots\",\"Custom Bots\",\"design\",\"product design\",\"product research\",\"user interface\"],\"articleSection\":[\"AI &amp; Automation\",\"Product &amp; Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/designing-custom-bot-conversations\\\/\",\"url\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/designing-custom-bot-conversations\\\/\",\"name\":\"Fresh Perspective: How We Invented Our Custom Chatbot Builder\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/designing-custom-bot-conversations\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/designing-custom-bot-conversations\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/09\\\/Blog_DesignBot_HeroCompressed.jpg\",\"datePublished\":\"2018-09-05T16:00:37+00:00\",\"dateModified\":\"2023-06-26T17:32:20+00:00\",\"description\":\"Custom Bots, our recently released chatbot that allows people to design highly customizable conversation flows, posed a significant design challenge \u2013 how do you represent all the rich complexity of human conversation in a form that users can easily grasp and build with. Here is how we approached the problem.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.intercom.com\\\/blog\\\/designing-custom-bot-conversations\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/designing-custom-bot-conversations\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/09\\\/Blog_DesignBot_HeroCompressed.jpg\",\"contentUrl\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/09\\\/Blog_DesignBot_HeroCompressed.jpg\",\"width\":1968,\"height\":932},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/\",\"name\":\"The Intercom Blog\",\"description\":\"Articles and Podcasts on Customer Service, AI and Automation, Product, and more\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#organization\",\"name\":\"The Intercom Blog\",\"url\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/Intercom-logo-sq-black-trans.png\",\"contentUrl\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/Intercom-logo-sq-black-trans.png\",\"width\":1000,\"height\":1000,\"caption\":\"The Intercom Blog\"},\"image\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/intercominc\",\"https:\\\/\\\/x.com\\\/intercom\",\"https:\\\/\\\/www.instagram.com\\\/intercom\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/2491343\",\"https:\\\/\\\/www.pinterest.ie\\\/intercom\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCJG0MvLP03kyzzAkD-w98aQ\",\"https:\\\/\\\/en.wikipedia.org\\\/wiki\\\/Intercom_(company)\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#\\\/schema\\\/person\\\/21003acdf08d0f47a5e68fa5fefb249b\",\"name\":\"Cindy Chang\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/479e19d9375cfa7361790650156f4dffb064f375c2a68e5ead953cfa14fc6f3d?s=96&d=mm&r=pgd71408e4ae961e35fc1abe374ff5cebc\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/479e19d9375cfa7361790650156f4dffb064f375c2a68e5ead953cfa14fc6f3d?s=96&d=mm&r=pg\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/479e19d9375cfa7361790650156f4dffb064f375c2a68e5ead953cfa14fc6f3d?s=96&d=mm&r=pg\",\"caption\":\"Cindy Chang\"},\"description\":\"Currently working at a stealth startup as a founding product designer. Before: ThoughtSpot and Salesforce.\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/cindyjchang\"],\"url\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/author\\\/cindyjchang\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Fresh Perspective: How We Invented Our Custom Chatbot Builder","description":"Custom Bots, our recently released chatbot that allows people to design highly customizable conversation flows, posed a significant design challenge \u2013 how do you represent all the rich complexity of human conversation in a form that users can easily grasp and build with. Here is how we approached the problem.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.intercom.com\/blog\/designing-custom-bot-conversations\/","og_locale":"en_US","og_type":"article","og_title":"Fresh perspective \u2013 how we invented our Custom Bot chatbot builder","og_description":"Custom Bots, our recently released chatbot that allows people to design highly customizable conversation flows, posed a significant design challenge \u2013 how do you represent all the rich complexity of human conversation in a form that users can easily grasp and build with. Here is how we approached the problem.","og_url":"https:\/\/www.intercom.com\/blog\/designing-custom-bot-conversations\/","og_site_name":"The Intercom Blog","article_publisher":"https:\/\/www.facebook.com\/intercominc","article_published_time":"2018-09-05T16:00:37+00:00","article_modified_time":"2023-06-26T17:32:20+00:00","og_image":[{"width":1968,"height":932,"url":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2018\/09\/Blog_DesignBot_HeroCompressed.jpg","type":"image\/jpeg"}],"author":"Cindy Chang","twitter_card":"summary_large_image","twitter_creator":"@cindyjchang","twitter_site":"@intercom","twitter_misc":{"Written by":"Cindy Chang","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.intercom.com\/blog\/designing-custom-bot-conversations\/#article","isPartOf":{"@id":"https:\/\/www.intercom.com\/blog\/designing-custom-bot-conversations\/"},"author":{"name":"Cindy Chang","@id":"https:\/\/www.intercom.com\/blog\/#\/schema\/person\/21003acdf08d0f47a5e68fa5fefb249b"},"headline":"Fresh perspective \u2013 how we invented our Custom Bot chatbot builder","datePublished":"2018-09-05T16:00:37+00:00","dateModified":"2023-06-26T17:32:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.intercom.com\/blog\/designing-custom-bot-conversations\/"},"wordCount":1417,"publisher":{"@id":"https:\/\/www.intercom.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.intercom.com\/blog\/designing-custom-bot-conversations\/#primaryimage"},"thumbnailUrl":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2018\/09\/Blog_DesignBot_HeroCompressed.jpg","keywords":["bots","chatbot","chatbots","Custom Bots","design","product design","product research","user interface"],"articleSection":["AI &amp; Automation","Product &amp; Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.intercom.com\/blog\/designing-custom-bot-conversations\/","url":"https:\/\/www.intercom.com\/blog\/designing-custom-bot-conversations\/","name":"Fresh Perspective: How We Invented Our Custom Chatbot Builder","isPartOf":{"@id":"https:\/\/www.intercom.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.intercom.com\/blog\/designing-custom-bot-conversations\/#primaryimage"},"image":{"@id":"https:\/\/www.intercom.com\/blog\/designing-custom-bot-conversations\/#primaryimage"},"thumbnailUrl":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2018\/09\/Blog_DesignBot_HeroCompressed.jpg","datePublished":"2018-09-05T16:00:37+00:00","dateModified":"2023-06-26T17:32:20+00:00","description":"Custom Bots, our recently released chatbot that allows people to design highly customizable conversation flows, posed a significant design challenge \u2013 how do you represent all the rich complexity of human conversation in a form that users can easily grasp and build with. Here is how we approached the problem.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.intercom.com\/blog\/designing-custom-bot-conversations\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.intercom.com\/blog\/designing-custom-bot-conversations\/#primaryimage","url":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2018\/09\/Blog_DesignBot_HeroCompressed.jpg","contentUrl":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2018\/09\/Blog_DesignBot_HeroCompressed.jpg","width":1968,"height":932},{"@type":"WebSite","@id":"https:\/\/www.intercom.com\/blog\/#website","url":"https:\/\/www.intercom.com\/blog\/","name":"The Intercom Blog","description":"Articles and Podcasts on Customer Service, AI and Automation, Product, and more","publisher":{"@id":"https:\/\/www.intercom.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.intercom.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.intercom.com\/blog\/#organization","name":"The Intercom Blog","url":"https:\/\/www.intercom.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.intercom.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2019\/08\/Intercom-logo-sq-black-trans.png","contentUrl":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2019\/08\/Intercom-logo-sq-black-trans.png","width":1000,"height":1000,"caption":"The Intercom Blog"},"image":{"@id":"https:\/\/www.intercom.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/intercominc","https:\/\/x.com\/intercom","https:\/\/www.instagram.com\/intercom\/","https:\/\/www.linkedin.com\/company\/2491343","https:\/\/www.pinterest.ie\/intercom\/","https:\/\/www.youtube.com\/channel\/UCJG0MvLP03kyzzAkD-w98aQ","https:\/\/en.wikipedia.org\/wiki\/Intercom_(company)"]},{"@type":"Person","@id":"https:\/\/www.intercom.com\/blog\/#\/schema\/person\/21003acdf08d0f47a5e68fa5fefb249b","name":"Cindy Chang","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/479e19d9375cfa7361790650156f4dffb064f375c2a68e5ead953cfa14fc6f3d?s=96&d=mm&r=pgd71408e4ae961e35fc1abe374ff5cebc","url":"https:\/\/secure.gravatar.com\/avatar\/479e19d9375cfa7361790650156f4dffb064f375c2a68e5ead953cfa14fc6f3d?s=96&d=mm&r=pg","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/479e19d9375cfa7361790650156f4dffb064f375c2a68e5ead953cfa14fc6f3d?s=96&d=mm&r=pg","caption":"Cindy Chang"},"description":"Currently working at a stealth startup as a founding product designer. Before: ThoughtSpot and Salesforce.","sameAs":["https:\/\/x.com\/cindyjchang"],"url":"https:\/\/www.intercom.com\/blog\/author\/cindyjchang\/"}]}},"jetpack_featured_media_url":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2018\/09\/Blog_DesignBot_HeroCompressed.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/posts\/16737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/users\/233"}],"replies":[{"embeddable":true,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/comments?post=16737"}],"version-history":[{"count":0,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/posts\/16737\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/media\/16738"}],"wp:attachment":[{"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/media?parent=16737"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/category?post=16737"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/tags?post=16737"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/coauthors?post=16737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}