{"id":6392,"date":"2016-01-20T14:20:40","date_gmt":"2016-01-20T14:20:40","guid":{"rendered":"https:\/\/www.gosquared.com\/blog\/?p=6392"},"modified":"2019-11-28T11:37:08","modified_gmt":"2019-11-28T11:37:08","slug":"make-complex-tasks-simple","status":"publish","type":"post","link":"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple","title":{"rendered":"Product design \u2014 How we make complex tasks feel simple"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/static.gosquared.com\/images\/liquidicity\/16_01_19_filters-banner.jpg\" width=\"700\" height=\"525\" alt=\"Product design sketches\" style=\"border-radius: 5px;\"\/><\/p>\n<p>A difficult aspect of interface design is making complex tasks feel simple and easy to do.<\/p>\n<p>Often a task is <a href=\"https:\/\/www.gosquared.com\/blog\/simplicity\">conceptually simple<\/a>, but the complexity comes from the implementation and edge cases. In this post we&#8217;re going to explore the process involved in adding more functionality to our filtering UI without compromising usability and the product decisions we had made before.<\/p>\n<p>To give you some context, at GoSquared we offer the ability to <a href=\"https:\/\/www.gosquared.com\/crm\/\">see your users on a per-person level<\/a>, and intelligently automate actions based on things they do throughout your site or app. The actions are linked up to people entering and exiting <a href=\"https:\/\/www.gosquared.com\/blog\/smart-groups-guide\">Smart Groups<\/a> \u2014 a set of properties or events you filter your users by. When someone enters (matches) that filter, or when someone leaves (stops matching), an action is triggered. You can set up Smart Groups to do pretty powerful things like <a href=\"https:\/\/www.gosquared.com\/blog\/drip-integration\">encouraging loyal and active users to upgrade their subscription<\/a>.<\/p>\n<p><img decoding=\"async\" src=\"\/\/static.gosquared.com\/images\/software\/filterbar_eg_01.png\" alt=\"filtering bar in GoSquared People\" \/><\/p>\n<p>Previously, you could only construct filters using the AND operator (e.g. find all the people who are paying customers AND have logged in within the last 30 days AND have product emails enabled), however as we and our customers started using People more and more, we started feeling the need for building more advanced filters.<\/p>\n<p>When filtering users, we found that often you\u2019ll want to target different values for a property (e.g. users with their \u201clocation\u201d set as \u201cLondon\u201d, \u201cParis\u201d or \u201cBerlin\u201d), or want to target multiple behaviours at the same time (e.g. having multiple definitions of what an \u201cactive user\u201d is). Only being able to build filters with AND operators became limiting, so we decided to add the ability to build filters with OR operators as well.<\/p>\n<p>When talking to our customers, the reoccurring frustration with services offering similar functionality was being limited to the use of just one operator (either only AND operators or only OR operators). From a technical standpoint it\u2019s not hard to filter with multiple operators; the difficulty is in creating a user interface that is easy to understand and use.<\/p>\n<h2>Design with real examples from the start<\/h2>\n<p>The first step in tackling the problem was to put together a list of filters that we and our customers wanted but were unable to use. Using real examples from the start of the design process is incredibly important as it forces you to design for the reality and not just what looks or works well. I often come across beautiful mockups of user interfaces that end up failing in the real world because they\u2019ve used idealistic examples.<\/p>\n<p>Josh Puckett wrote a fantastic article with his thoughts on bringing real data into your design tools, which I highly recommend reading:\u00a0<a href=\"https:\/\/medium.com\/bridge-collection\/modern-design-tools-using-real-data-62d499e97482\" target=\"_blank\" rel=\"noopener noreferrer\">Modern Design Tools: Using Real Data<\/a><\/p>\n<h2>Getting your ideas onto paper quickly<\/h2>\n<p>The next stage in the process for us was getting as many ideas out of our heads without worrying too much about constraints or limitations. The goal here was to go through as many ideas as possible without getting attached to any single design. I personally like to sketch out variations quickly and get as much of what\u2019s in my head on paper as soon as possible and then develop them later. This is a process to get lots of ideas you can develop and refer back to later, but done in a way that doesn\u2019t require you to spend more than a few minutes on each variation \u2014 the longer you spend developing a single idea, the less likely you are to explore others.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/static.gosquared.com\/images\/liquidicity\/16_01_19_filters_sketch.jpg\" width=\"960\" height=\"592\" alt=\"Product design filter sketches\" \/><\/p>\n<p>When deciding which variations are worthy of testing and developing, its often useful to reflect on what your current designs do well. When adding new functionality, it\u2019s often difficult to maintain the simplicity and ease of use of what already exists. Think about how frustrating it is when a service you use adds a new feature but at the same time breaks something that previously worked well \u2014 it sucks. In our case, although the filters you could put together were limited, building them was an incredibly easy thing to do \u2014 it was just one button to add a new parameter to the filter. Another incredibly useful aspect was the results updating as you built your filter \u2014 you\u2019re able to see how each piece of your filter affects the results, allowing you to spot mistakes in your logic sooner. Those were two really important features we knew we wanted to have continue through to our updated design.<\/p>\n<h2>Building prototypes for rapid iteration<\/h2>\n<p>Prototyping has always been an important stage in the design process and it often feels theres a new tool for creating prototypes every day. When deciding which tool to use, it\u2019s important to know what you\u2019re trying to prototype \u2014 is it the whole flow? Just the interaction? Something else? Different tools are better at different things. A good question to ask when evaluating tools is: which tool will help me iterate most quickly for what im trying to test? You want to choose a tool where you\u2019ll be able to make changes easily, and quickly.<\/p>\n<p>We went with simple HTML + jQuery + CSS instead of anything fancy. It\u2019s quick to work with, doesn\u2019t require learning any new tools, and by moving options into variables, is easily changeable. Additionally, we were only focused on interactions and less so about visuals \u2014 any visual cues we really needed were applied roughly in CSS, but otherwise just left as the browser default styles. For each prototype iteration we&#8217;d duplicate it before we make a change to give us an old copy to refer back to. Sometimes you\u2019ll explore an idea and realise that wasn\u2019t the right way to think about it; you can then go and take another direction from a previous version.<\/p>\n<h2>User testing internally and externally<\/h2>\n<p>Throughout the prototyping stage we&#8217;d ask other members of the GoSquared team to have a play around with the prototype and try to perform the real world tasks we collected at the start. During this, we&#8217;d observe how quickly they understood how to get started with the tasks, where they got stuck, and how they resolved any issues they came across. Interestingly when you have multiple tasks to perform, you can watch to see how the user goes about moving from one test to another. In this case, asking to build one filter and then another, provided the opportunity to see how people naturally go about editing and resetting their filters.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/static.gosquared.com\/images\/liquidicity\/proto-1.png\" alt=\"Prototype 1\" width=\"1080\" height=\"160\" \/> <\/p>\n<p>In this prototype, parameters were added with the + button, which would AND it to the other parameters. When clicking on an \u201cAND\u201d it would switch to OR and create an OR group with the parameters either side. In practice this was not obvious and quite complicated on a conceptual level. From the user testing, we found that\u2019s just not how people think about building their filters, but it was interesting to experiment with something quite different early on.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/static.gosquared.com\/images\/liquidicity\/proto-2.png\" width=\"1400\" height=\"164\" alt=\"Prototype 2\" \/><\/p>\n<p>A later prototype replaced the + button with an \u201cAND\u201d button and an \u201cOR\u201d button. Conceptually this was a lot easier to understand and matched up closely with how people went about trying to build filters. In this iteration, operators would be fixed for each group, so inside a group, all parameters must be ANDed together or ORed together. This fixed edge cases when trying to build more complicated filters, but at the expense of a more complicated and potentially confusing UI.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/static.gosquared.com\/images\/liquidicity\/proto-3.png\" width=\"1300\" height=\"156\" alt=\"Prototype 3\" \/><\/p>\n<p>A later prototype restricted ANDs to the root level, and ORs would be applied to groups. This restriction stopped some filters being able to be built, but improved the mental model of how the UI worked removing all the confusion we\u2019d seen in our previous internal user tests.<\/p>\n<p>After the bulk of the prototyped design was built, we tested with people outside the company to again gauge people\u2019s understanding of the interface. You can share a few variants of the prototypes you\u2019ve been working on and see if anything works better in one than another. If you\u2019ve built your prototype to be easily modified, you\u2019re also able to make quick changes and see how those perform. It\u2019s important to remember though, that those changes should also then be tested with many other people; what works for one person might not make sense to everyone else.<\/p>\n<h2>Tidying visuals<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/static.gosquared.com\/images\/liquidicity\/filters-full.png\" width=\"1320\" height=\"640\" alt=\"Final Filter UI - how we made complex tasks simple\" \/><\/p>\n<p>After we were happy with the interaction design and confident that the metaphors used made sense, we finished up by tidying the visual design. This stage is all about making it fit in visually with everything that surrounds it, make it look polished and make sure the metaphors are visually communicated effectively. One of our challenges was communicating grouped sections effectively. The way you think about grouped sections in mathematics is to use brackets, so we decided to build on that idea. Every new parameter added is either added to an existing group, or its own group, and that\u2019s indicated by a darker blue bubble.<\/p>\n<h2>Keep it simple<\/h2>\n<p>The new filtering interface in GoSquared has been available for our users for a few weeks now, and so far the feedback has been great.<\/p>\n<p>We methodically followed a design process that used real examples from the start through to the end and explored as many ideas as possible, from as early as possible to ensure we didn\u2019t become falsely attached to one single approach.<\/p>\n<p>When building and testing prototypes, focus on the core user interaction first and visuals after. Good visual design highlights actionable areas in the design and is an important aspect in the design process, however is secondary to good user interaction and conveying a solid mental model of how the interface works.<\/p>\n<p>This is just a brief look at process behind one of the many ways we focus on making complex tasks feel simple at GoSquared. If you have any thoughts on the design process or the final outcome, let me know in the comments below!<\/p>\n<p><a href=\"https:\/\/static.gosquared.com\/images\/liquidicity\/19_05_23_Analytics\/2x\/19_05_23_download_guide@2x.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/19_05_23_Analytics\/2x\/19_05_23_download_guide@2x.jpg\" width=\"1400\" height=\"900\" alt=\"download free analytics ebook \" class=\"alignnone size-medium\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A difficult aspect of interface design is making complex tasks feel simple and easy to do. Often a task is&#8230;<\/p>\n","protected":false},"author":22,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1587],"tags":[96,1202,1158,484,1172,1106,919],"class_list":["post-6392","post","type-post","status-publish","format-standard","hentry","category-product-design","tag-analytics","tag-build","tag-design","tag-interface","tag-people","tag-product","tag-ui"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.6 (Yoast SEO v19.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Product design \u2014 How we make complex tasks feel simple - GoSquared Blog<\/title>\n<meta name=\"description\" content=\"We take a look at the filtering interface of GoSquared as we dive into the product design process around how we make complex tasks simple\" \/>\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.gosquared.com\/blog\/make-complex-tasks-simple\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Product design \u2014 How we make complex tasks feel simple\" \/>\n<meta property=\"og:description\" content=\"We take a look at the filtering interface of GoSquared as we dive into the product design process around how we make complex tasks simple\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple\" \/>\n<meta property=\"og:site_name\" content=\"GoSquared Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GoSquared\" \/>\n<meta property=\"article:published_time\" content=\"2016-01-20T14:20:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-28T11:37:08+00:00\" \/>\n<meta property=\"og:image\" content=\"\/\/static.gosquared.com\/images\/liquidicity\/16_01_19_filters-banner.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/static.gosquared.com\/images\/liquidicity\/16_01_19_filters-banner.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@GoSquared\" \/>\n<meta name=\"twitter:site\" content=\"@GoSquared\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ed Wellbrook\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/#organization\",\"name\":\"GoSquared\",\"url\":\"https:\/\/www.gosquared.com\/blog\/\",\"sameAs\":[\"https:\/\/instagram.com\/gosquaredteam\",\"https:\/\/www.linkedin.com\/company\/go-squared-ltd.\",\"https:\/\/www.facebook.com\/GoSquared\",\"https:\/\/twitter.com\/GoSquared\"],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.gosquared.com\/blog\/wp-content\/uploads\/2015\/07\/gosquared.png\",\"contentUrl\":\"https:\/\/www.gosquared.com\/blog\/wp-content\/uploads\/2015\/07\/gosquared.png\",\"width\":1270,\"height\":250,\"caption\":\"GoSquared\"},\"image\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/#website\",\"url\":\"https:\/\/www.gosquared.com\/blog\/\",\"name\":\"GoSquared Blog\",\"description\":\"Turn visitors into customers.\",\"publisher\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.gosquared.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#webpage\",\"url\":\"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple\",\"name\":\"Product design \u2014 How we make complex tasks feel simple - GoSquared Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#primaryimage\"},\"datePublished\":\"2016-01-20T14:20:40+00:00\",\"dateModified\":\"2019-11-28T11:37:08+00:00\",\"description\":\"We take a look at the filtering interface of GoSquared as we dive into the product design process around how we make complex tasks simple\",\"breadcrumb\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.gosquared.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Product design \u2014 How we make complex tasks feel simple\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#webpage\"},\"author\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/#\/schema\/person\/8eb15634420f2b805d1583059c48e975\"},\"headline\":\"Product design \u2014 How we make complex tasks feel simple\",\"datePublished\":\"2016-01-20T14:20:40+00:00\",\"dateModified\":\"2019-11-28T11:37:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#webpage\"},\"wordCount\":1676,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#primaryimage\"},\"thumbnailUrl\":\"\",\"keywords\":[\"Analytics\",\"Build\",\"Design\",\"Interface\",\"People\",\"Product\",\"UI\"],\"articleSection\":[\"Product Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/#\/schema\/person\/8eb15634420f2b805d1583059c48e975\",\"name\":\"Ed Wellbrook\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b9b391df7583786dc70a43c0e298a8cf9f29ab7f0d47814c169677c00e1fffce?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b9b391df7583786dc70a43c0e298a8cf9f29ab7f0d47814c169677c00e1fffce?s=96&d=mm&r=g\",\"caption\":\"Ed Wellbrook\"},\"url\":\"https:\/\/www.gosquared.com\/blog\/author\/edwellbrook\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Product design \u2014 How we make complex tasks feel simple - GoSquared Blog","description":"We take a look at the filtering interface of GoSquared as we dive into the product design process around how we make complex tasks simple","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.gosquared.com\/blog\/make-complex-tasks-simple","og_locale":"en_US","og_type":"article","og_title":"Product design \u2014 How we make complex tasks feel simple","og_description":"We take a look at the filtering interface of GoSquared as we dive into the product design process around how we make complex tasks simple","og_url":"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple","og_site_name":"GoSquared Blog","article_publisher":"https:\/\/www.facebook.com\/GoSquared","article_published_time":"2016-01-20T14:20:40+00:00","article_modified_time":"2019-11-28T11:37:08+00:00","og_image":[{"url":"\/\/static.gosquared.com\/images\/liquidicity\/16_01_19_filters-banner.jpg"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/static.gosquared.com\/images\/liquidicity\/16_01_19_filters-banner.jpg","twitter_creator":"@GoSquared","twitter_site":"@GoSquared","twitter_misc":{"Written by":"Ed Wellbrook","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.gosquared.com\/blog\/#organization","name":"GoSquared","url":"https:\/\/www.gosquared.com\/blog\/","sameAs":["https:\/\/instagram.com\/gosquaredteam","https:\/\/www.linkedin.com\/company\/go-squared-ltd.","https:\/\/www.facebook.com\/GoSquared","https:\/\/twitter.com\/GoSquared"],"logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.gosquared.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.gosquared.com\/blog\/wp-content\/uploads\/2015\/07\/gosquared.png","contentUrl":"https:\/\/www.gosquared.com\/blog\/wp-content\/uploads\/2015\/07\/gosquared.png","width":1270,"height":250,"caption":"GoSquared"},"image":{"@id":"https:\/\/www.gosquared.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"WebSite","@id":"https:\/\/www.gosquared.com\/blog\/#website","url":"https:\/\/www.gosquared.com\/blog\/","name":"GoSquared Blog","description":"Turn visitors into customers.","publisher":{"@id":"https:\/\/www.gosquared.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.gosquared.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#primaryimage","url":"","contentUrl":""},{"@type":"WebPage","@id":"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#webpage","url":"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple","name":"Product design \u2014 How we make complex tasks feel simple - GoSquared Blog","isPartOf":{"@id":"https:\/\/www.gosquared.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#primaryimage"},"datePublished":"2016-01-20T14:20:40+00:00","dateModified":"2019-11-28T11:37:08+00:00","description":"We take a look at the filtering interface of GoSquared as we dive into the product design process around how we make complex tasks simple","breadcrumb":{"@id":"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.gosquared.com\/blog"},{"@type":"ListItem","position":2,"name":"Product design \u2014 How we make complex tasks feel simple"}]},{"@type":"Article","@id":"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#article","isPartOf":{"@id":"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#webpage"},"author":{"@id":"https:\/\/www.gosquared.com\/blog\/#\/schema\/person\/8eb15634420f2b805d1583059c48e975"},"headline":"Product design \u2014 How we make complex tasks feel simple","datePublished":"2016-01-20T14:20:40+00:00","dateModified":"2019-11-28T11:37:08+00:00","mainEntityOfPage":{"@id":"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#webpage"},"wordCount":1676,"commentCount":1,"publisher":{"@id":"https:\/\/www.gosquared.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#primaryimage"},"thumbnailUrl":"","keywords":["Analytics","Build","Design","Interface","People","Product","UI"],"articleSection":["Product Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.gosquared.com\/blog\/make-complex-tasks-simple#respond"]}]},{"@type":"Person","@id":"https:\/\/www.gosquared.com\/blog\/#\/schema\/person\/8eb15634420f2b805d1583059c48e975","name":"Ed Wellbrook","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.gosquared.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b9b391df7583786dc70a43c0e298a8cf9f29ab7f0d47814c169677c00e1fffce?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b9b391df7583786dc70a43c0e298a8cf9f29ab7f0d47814c169677c00e1fffce?s=96&d=mm&r=g","caption":"Ed Wellbrook"},"url":"https:\/\/www.gosquared.com\/blog\/author\/edwellbrook"}]}},"wps_subtitle":"Mastering the art of adding functionality without compromising usability","_links":{"self":[{"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/posts\/6392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/comments?post=6392"}],"version-history":[{"count":0,"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/posts\/6392\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/media?parent=6392"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/categories?post=6392"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/tags?post=6392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}