{"id":24657,"date":"2020-09-08T17:38:42","date_gmt":"2020-09-08T16:38:42","guid":{"rendered":"https:\/\/www.intercom.com\/blog\/?p=24657"},"modified":"2025-01-10T13:43:55","modified_gmt":"2025-01-10T13:43:55","slug":"redesigning-product-navigation","status":"publish","type":"post","link":"https:\/\/www.intercom.com\/blog\/redesigning-product-navigation\/","title":{"rendered":"Sweating the details: Designing improvements to our product navigation"},"content":{"rendered":"<p>We recently shipped a <a href=\"https:\/\/www.intercom.com\/blog\/announcing-new-customer-support-features\/\" target=\"_blank\" rel=\"noopener noreferrer\">suite of new features<\/a> to dramatically uplevel Intercom\u2019s support capabilities, including advanced ticketing workflows and richer reporting.<\/p>\n<p>In addition to those features, we also took the opportunity to improve the main product navigation of the Intercom app in order to make it more usable, intuitive, and polished.<\/p>\n<p>The main navigation is a critical area of the Intercom app, and it helps ensure Intercom feels simple to use. It\u2019s how customers access the workflows they need on a daily basis to do their job. It also shapes their mental model and general understanding of Intercom by communicating what the product is and does through how it\u2019s named and organized.<\/p>\n<h2 id=\"complexity-creep\">Complexity creep<\/h2>\n<p>Over the years, however, a degree of complexity crept into the product navigation. We built a ton of features which made Intercom more powerful, but our navigation struggled to accommodate.<\/p>\n<blockquote class=\"pullquote-style-one\"><p>&#8220;It became obvious that we had reached a tipping point of confusion, and some simplification was required&#8221;<\/p><\/blockquote>\n<p>A couple of years ago, the navigation contained only a few items, and it looked pretty different, too. Over time we shipped more things, we renamed things and we reorganized things, and the navigation became a bit muddled.<\/p>\n<p>Recently, we were hearing more and more feedback around increased levels of friction stemming from the product navigation. It became obvious that we had reached a tipping point of confusion, and some simplification was required.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2020\/09\/Redesigning-Side-Nav-1.png\" \/><\/p>\n<h2 id=\"understanding-the-problem\">Understanding the problem<\/h2>\n<p>Guided by <a href=\"https:\/\/www.intercom.com\/blog\/intercom-product-principles\/\" target=\"_blank\" rel=\"noopener noreferrer\">our principles<\/a>, we started as we always do, by gaining a deep understanding of the problem.<\/p>\n<p>Initially, we believed that we needed to rethink our product\u2019s information architecture from the ground up and explore a fundamentally different navigation pattern. However, when we talked to customers, we found that there were actually two discrete problems which were the source of most of the confusion. Those problems were that the <strong>icons<\/strong> were not clear and the <strong>ordering<\/strong> of items within the navigation was not intuitive.<\/p>\n<blockquote class=\"pullquote-style-two\"><p>&#8220;Customers who are confused early in their journey won\u2019t go on to understand Intercom or see value, and therefore won\u2019t be successful customers in the long term&#8221;<\/p><\/blockquote>\n<p>This learning allowed us to focus. We zoomed into these two acute areas, and our goal became to solve for the bulk of the confusion, whilst limiting the blast radius of the changes so as not to overly disrupt customer workflows.<\/p>\n<p>Another learning was that fixing our unintuitive navigation was an important problem to solve for new customers especially. That\u2019s because customers who are confused early in their journey won\u2019t go on to understand Intercom or see value, and therefore won&#8217;t be successful customers in the long term. Making sure that the organization of our navigation is clear is a really important lever in ensuring healthy, retaining customers.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2020\/09\/Redesigning-Side-Nav-2.png\" \/><\/p>\n<p>All of this led us to the decision to make two simple, but impactful improvements: to reorder our navigation and to redesign our navigation icons.<\/p>\n<h2 id=\"reordering-the-navigation\">Reordering the navigation<\/h2>\n<p>First, we analyzed product usage and found that Inbox was the most frequently used area of Intercom. We also knew that it\u2019s primarily where support happens, which is the use case that we were focusing on improving with the other features we were shipping at the same time. So, because of both of these things, we reordered the navigation, to make Inbox the topmost item.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2020\/09\/Redesigning-Side-Nav-3.png\" \/><\/p>\n<p>Furthermore, by ordering Inbox above Outbound, \u201cin\u201d finally came before \u201cout,\u201d which made for a more naturally intuitive ordering. Previously, we saw that the unexpected placement of Outbound above Inbox caused minor but repeated dissonance for customers as they navigated through the product \u2014 it always just felt slightly wrong.<\/p>\n<h2 id=\"redesigning-our-navigation-icons\">Redesigning our navigation icons<\/h2>\n<p>It was also obvious from talking to customers that the icons that represented the different parts of the app needed to be much more clear.<\/p>\n<p>To help us make decisions about what a better set of navigation icons would look like, we defined four principles. These principles made sure that we were solving for the actual customer problems that existed and took much subjectivity out of our design decisions.<\/p>\n<h3>Principle 1: Obvious over pretty or clever<\/h3>\n<p>\u201cWe\u2019ll choose icons that have an intuitive pairing with the name of the area they represent.\u201d<\/p>\n<p>This principle led us to use the industry standard and ubiquitous metaphor for an inbox, as opposed to a more ambiguous chat bubble metaphor which we previously used.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2020\/09\/Redesigning-Side-Nav-4.png\" \/><\/p>\n<h3>Principle 2: Icons should pass the squint test<\/h3>\n<p>\u201cThe shape of each icon should be simple but varied, so that they are easy to understand individually and easy to distinguish collectively.\u201d<\/p>\n<p>This principle led us to intentionally design icons of varying shapes in order to make each one more distinct at a glance, as opposed to the many similar rectangular shaped icons which we previously used. It also led us to use simple geometric forms, as opposed to the \u201cink blob\u201d style treatment that we previously used, which made the icons difficult to recognize.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2020\/09\/Redesigning-Side-Nav-5.png\" \/><\/p>\n<h3>Principle 3: We\u2019ll draw from our logo<\/h3>\n<p>\u201cOur logo is the foundation of our visual identity, its anatomy will form the basis of our icons.\u201d<\/p>\n<p>This principle led us to deconstruct the various forms within our logo and create a visual system for our icons around it. This was in contrast to our previous icon set, which was misaligned with our visual identity.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2020\/09\/Redesigning-Side-Nav-6.png\" \/><\/p>\n<h3>Principle 4: We\u2019ll sweat the details<\/h3>\n<p>\u201cCertain parts of Intercom require the highest level of polish. Because of its prominence, the product navigation is one of them.\u201d<\/p>\n<p>This principle led us to iterate on the details until we were satisfied that the navigation was polished enough to sit in the highest zone of quality in our product.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2020\/09\/Redesigning-Side-Nav-7.png\" \/><\/p>\n<p>After internalizing these principles, and exploring and iterating on multiple options, we finally landed on our new navigation icons. Here they are:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2020\/09\/Redesigning-Side-Nav-8.png\" \/><\/p>\n<p>As you can see, some of the metaphors remain the same, some are different and some have been tweaked, and all the icons have been redrawn to make the navigation feel more intuitive and polished.<\/p>\n<p>If you look closely, you\u2019ll see the underlying system which connects the icons to our visual identity and aims to make them feel like a single coherent set. Or, in other words, design easter eggs!<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2020\/09\/Redesigning-Side-Nav-9.png\" \/><\/p>\n<h2 id=\"executional-details\">Executional details<\/h2>\n<p>We also polished the details and micro-interactions in the navigation. We improved the affordance on active states by using a filled icon as opposed to a line icon.<\/p>\n<blockquote class=\"pullquote-style-one\"><p>&#8220;We made the hover states more responsive, by showing tooltips instantly instead of waiting a fraction of a second&#8221;<\/p><\/blockquote>\n<p>We made the hover states more responsive, by showing tooltips instantly instead of waiting a fraction of a second. We updated our product icons to align them with our new navigation icons. Lots of design goodness!<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2020\/09\/Redesigning-Side-Nav-10.png\" \/><\/p>\n<h2 id=\"the-fight-against-entropy\">The fight against entropy<\/h2>\n<p>Zooming out, this work is less about these two relatively simple improvements. Instead, it\u2019s really about combating entropy \u2014 the law of the universe which states that it\u2019s inevitable that without intervention, all things become less organized over time.<\/p>\n<blockquote class=\"pullquote-style-one\"><p>&#8220;To avoid this slide into disorganization, we need to continually revisit fundamental parts of our product to rationalise, to simplify and to repair&#8221;<\/p><\/blockquote>\n<p>Entropy is as true in nature as it is in relationships as it is in technology. Without water, flowers die. Without love, friendships fade. Without design, software bloats.<\/p>\n<p>To avoid this slide into disorganization, we need to continually revisit fundamental parts of our product to rationalise, to simplify and to repair. Just another reason why a designer&#8217;s work is never done.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Over the years, Intercom&#8217;s main product navigation began to cause confusion. Here is how we tackled the problem by focusing on two areas to make it more usable, intuitive, and polished.<\/p>\n","protected":false},"author":378,"featured_media":24668,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"category":[5],"tags":[24638,24637,153,146],"coauthors":[13723,24640],"class_list":["post-24657","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-and-design","tag-icons","tag-navigation","tag-product-design","tag-recruitment"],"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>Sweating the details: Designing improvements to our product navigation - The Intercom Blog<\/title>\n<meta name=\"description\" content=\"Over the years, Intercom&#039;s main product navigation began to cause confusion. Here is how we made it more usable, intuitive, and polished.\" \/>\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\/redesigning-product-navigation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sweating the details: Designing improvements to our product navigation\" \/>\n<meta property=\"og:description\" content=\"Over the years, Intercom&#039;s main product navigation began to cause confusion. Here is how we made it more usable, intuitive, and polished.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.intercom.com\/blog\/redesigning-product-navigation\/\" \/>\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=\"2020-09-08T16:38:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-10T13:43:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2020\/09\/Redesigning-Side-Nav-Hero.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1968\" \/>\n\t<meta property=\"og:image:height\" content=\"921\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Paul Murphy, Kath Smith\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@88paulmurphy\" \/>\n<meta name=\"twitter:site\" content=\"@intercom\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Paul Murphy, Kath Smith\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/redesigning-product-navigation\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/redesigning-product-navigation\\\/\"},\"author\":{\"name\":\"Paul Murphy\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#\\\/schema\\\/person\\\/07634b7e43a15929ebae660cc7ce28ec\"},\"headline\":\"Sweating the details: Designing improvements to our product navigation\",\"datePublished\":\"2020-09-08T16:38:42+00:00\",\"dateModified\":\"2025-01-10T13:43:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/redesigning-product-navigation\\\/\"},\"wordCount\":1263,\"publisher\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/redesigning-product-navigation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/Redesigning-Side-Nav-Hero.jpg\",\"keywords\":[\"icons\",\"navigation\",\"product design\",\"recruitment\"],\"articleSection\":[\"Product &amp; Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/redesigning-product-navigation\\\/\",\"url\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/redesigning-product-navigation\\\/\",\"name\":\"Sweating the details: Designing improvements to our product navigation - The Intercom Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/redesigning-product-navigation\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/redesigning-product-navigation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/Redesigning-Side-Nav-Hero.jpg\",\"datePublished\":\"2020-09-08T16:38:42+00:00\",\"dateModified\":\"2025-01-10T13:43:55+00:00\",\"description\":\"Over the years, Intercom's main product navigation began to cause confusion. Here is how we made it more usable, intuitive, and polished.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.intercom.com\\\/blog\\\/redesigning-product-navigation\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/redesigning-product-navigation\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/Redesigning-Side-Nav-Hero.jpg\",\"contentUrl\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/Redesigning-Side-Nav-Hero.jpg\",\"width\":1968,\"height\":921},{\"@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\\\/07634b7e43a15929ebae660cc7ce28ec\",\"name\":\"Paul Murphy\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ea8c11311cdf2d8d1c86ca66fb880ea7eaf79408b397bd2cf656c6a1c4d2dca4?s=96&d=mm&r=pgec3dfe9a054945c81c6663dda6649437\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ea8c11311cdf2d8d1c86ca66fb880ea7eaf79408b397bd2cf656c6a1c4d2dca4?s=96&d=mm&r=pg\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ea8c11311cdf2d8d1c86ca66fb880ea7eaf79408b397bd2cf656c6a1c4d2dca4?s=96&d=mm&r=pg\",\"caption\":\"Paul Murphy\"},\"description\":\"Paul was a Principal Product Designer at Intercom.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/paul-murphy-44436865\\\/\",\"https:\\\/\\\/x.com\\\/88paulmurphy\"],\"url\":\"https:\\\/\\\/www.intercom.com\\\/blog\\\/author\\\/paul-murphy\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Sweating the details: Designing improvements to our product navigation - The Intercom Blog","description":"Over the years, Intercom's main product navigation began to cause confusion. Here is how we made it more usable, intuitive, and polished.","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\/redesigning-product-navigation\/","og_locale":"en_US","og_type":"article","og_title":"Sweating the details: Designing improvements to our product navigation","og_description":"Over the years, Intercom's main product navigation began to cause confusion. Here is how we made it more usable, intuitive, and polished.","og_url":"https:\/\/www.intercom.com\/blog\/redesigning-product-navigation\/","og_site_name":"The Intercom Blog","article_publisher":"https:\/\/www.facebook.com\/intercominc","article_published_time":"2020-09-08T16:38:42+00:00","article_modified_time":"2025-01-10T13:43:55+00:00","og_image":[{"width":1968,"height":921,"url":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2020\/09\/Redesigning-Side-Nav-Hero.jpg","type":"image\/jpeg"}],"author":"Paul Murphy, Kath Smith","twitter_card":"summary_large_image","twitter_creator":"@88paulmurphy","twitter_site":"@intercom","twitter_misc":{"Written by":"Paul Murphy, Kath Smith","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.intercom.com\/blog\/redesigning-product-navigation\/#article","isPartOf":{"@id":"https:\/\/www.intercom.com\/blog\/redesigning-product-navigation\/"},"author":{"name":"Paul Murphy","@id":"https:\/\/www.intercom.com\/blog\/#\/schema\/person\/07634b7e43a15929ebae660cc7ce28ec"},"headline":"Sweating the details: Designing improvements to our product navigation","datePublished":"2020-09-08T16:38:42+00:00","dateModified":"2025-01-10T13:43:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.intercom.com\/blog\/redesigning-product-navigation\/"},"wordCount":1263,"publisher":{"@id":"https:\/\/www.intercom.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.intercom.com\/blog\/redesigning-product-navigation\/#primaryimage"},"thumbnailUrl":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2020\/09\/Redesigning-Side-Nav-Hero.jpg","keywords":["icons","navigation","product design","recruitment"],"articleSection":["Product &amp; Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.intercom.com\/blog\/redesigning-product-navigation\/","url":"https:\/\/www.intercom.com\/blog\/redesigning-product-navigation\/","name":"Sweating the details: Designing improvements to our product navigation - The Intercom Blog","isPartOf":{"@id":"https:\/\/www.intercom.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.intercom.com\/blog\/redesigning-product-navigation\/#primaryimage"},"image":{"@id":"https:\/\/www.intercom.com\/blog\/redesigning-product-navigation\/#primaryimage"},"thumbnailUrl":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2020\/09\/Redesigning-Side-Nav-Hero.jpg","datePublished":"2020-09-08T16:38:42+00:00","dateModified":"2025-01-10T13:43:55+00:00","description":"Over the years, Intercom's main product navigation began to cause confusion. Here is how we made it more usable, intuitive, and polished.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.intercom.com\/blog\/redesigning-product-navigation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.intercom.com\/blog\/redesigning-product-navigation\/#primaryimage","url":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2020\/09\/Redesigning-Side-Nav-Hero.jpg","contentUrl":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2020\/09\/Redesigning-Side-Nav-Hero.jpg","width":1968,"height":921},{"@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\/07634b7e43a15929ebae660cc7ce28ec","name":"Paul Murphy","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/ea8c11311cdf2d8d1c86ca66fb880ea7eaf79408b397bd2cf656c6a1c4d2dca4?s=96&d=mm&r=pgec3dfe9a054945c81c6663dda6649437","url":"https:\/\/secure.gravatar.com\/avatar\/ea8c11311cdf2d8d1c86ca66fb880ea7eaf79408b397bd2cf656c6a1c4d2dca4?s=96&d=mm&r=pg","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ea8c11311cdf2d8d1c86ca66fb880ea7eaf79408b397bd2cf656c6a1c4d2dca4?s=96&d=mm&r=pg","caption":"Paul Murphy"},"description":"Paul was a Principal Product Designer at Intercom.","sameAs":["https:\/\/www.linkedin.com\/in\/paul-murphy-44436865\/","https:\/\/x.com\/88paulmurphy"],"url":"https:\/\/www.intercom.com\/blog\/author\/paul-murphy\/"}]}},"jetpack_featured_media_url":"https:\/\/www.intercom.com\/blog\/wp-content\/uploads\/2020\/09\/Redesigning-Side-Nav-Hero.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/posts\/24657","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\/378"}],"replies":[{"embeddable":true,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/comments?post=24657"}],"version-history":[{"count":0,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/posts\/24657\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/media\/24668"}],"wp:attachment":[{"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/media?parent=24657"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/category?post=24657"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/tags?post=24657"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.intercom.com\/blog\/wp-json\/wp\/v2\/coauthors?post=24657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}