{"id":14308,"date":"2022-09-27T11:10:48","date_gmt":"2022-09-27T11:10:48","guid":{"rendered":"https:\/\/userpilot.com\/blog\/anticipatory-design\/"},"modified":"2025-05-19T12:47:26","modified_gmt":"2025-05-19T12:47:26","slug":"anticipatory-design","status":"publish","type":"post","link":"https:\/\/userpilot.com\/blog\/anticipatory-design\/","title":{"rendered":"How to Leverage Anticipatory Design to Create Better Products"},"content":{"rendered":"<p>What is anticipatory design? How can <a href=\"https:\/\/userpilot.com\/role\/product-management\" target=\"_blank\" rel=\"noopener noreferrer\">product managers<\/a> use it to develop better products?<\/p>\n<p>If you are after the answers to these questions, you are in the right place!<\/p>\n<p>In the article, we explore what anticipatory design is, discuss its benefits, identify its elements and look at a few good examples in B2B and B2C products.<\/p>\n<p>Are you ready to dive in? Let&#8217;s get to it!<\/p>\n<h2 id=\"fnb98\">What is anticipatory design?<\/h2>\n<p>Aaron Shapiro, the co-founder and the CEO of Huge, defined anticipatory design as a &#8216;design that is one step ahead of you.&#8217;<\/p>\n<p>Cool, but what does this mean in practice?<\/p>\n<p>It is an approach that involves predicting future user needs and designing ways to satisfy them based on existing data, like previous choices. As a result, the solutions are ready and present themselves at the <a href=\"https:\/\/userpilot.com\/blog\/needs-based-segmentation\/\" target=\"_blank\" rel=\"noopener noreferrer\">exact moment the user experiences the need<\/a>.<\/p>\n<h2 id=\"9dm2q\">How does anticipatory design help create better products?<\/h2>\n<p>The three main principles of anticipatory design are:<\/p>\n<ul>\n<li>flow, not friction<\/li>\n<li>convenience, not choice<\/li>\n<li>efficiency, not freedom<\/li>\n<\/ul>\n<p>In addition to that, anticipatory design relies on personal data, is based on human psychology, and uses AI. The combination makes it sound almost Orwellian.<\/p>\n<p>Not quite. In fact, anticipatory design can benefit users a lot.<\/p>\n<h3 id=\"cdtq7\">Faster time to value with less friction across the user journey<\/h3>\n<p>To start with, anticipatory design aims to remove friction from the <a href=\"https:\/\/userpilot.com\/blog\/user-journey-vs-user-flow\/\" target=\"_blank\" rel=\"noopener noreferrer\">user journey<\/a> and <a href=\"https:\/\/userpilot.com\/blog\/reduce-time-to-value-saas\/\" target=\"_blank\" rel=\"noopener noreferrer\">reduce the time to value<\/a>.<\/p>\n<p>This is done by restricting the choices available to the user. However, it&#8217;s not about removing the choice altogether. Instead, it is about getting rid of the irrelevant choices that distract the user from completing their tasks.<\/p>\n<p>How do you achieve that?<\/p>\n<p>It starts by anticipating what objectives your users may want to achieve. Next, you identify the best ways for the particular <a href=\"https:\/\/userpilot.com\/blog\/product-user-segmentation\/\" target=\"_blank\" rel=\"noopener noreferrer\">user segment<\/a> to reach its goal. We call such an optimized route <a href=\"https:\/\/userpilot.com\/blog\/happy-path-ux\/\" target=\"_blank\" rel=\"noopener noreferrer\">the happy path<\/a>.<\/p>\n<p>Finally, you present them only with the options that will help them complete the journey as quickly as possible.<\/p>\n<h4 id=\"rchr\">Anticipatory design example of simplified user interfaces<\/h4>\n<p>Let&#8217;s look at the Notion branched <a href=\"https:\/\/userpilot.com\/blog\/onboarding-user-flow-examples\/\" target=\"_blank\" rel=\"noopener noreferrer\">onboarding flows<\/a>.<\/p>\n<p>As you can see, the users have only two choices. This depends on who they are and how they&#8217;re planning to use the application.<\/p>\n<figure class=\"image strchf-type-image regular strchf-size-regular strchf-align-center\"><picture><source srcset=\"https:\/\/images.storychief.com\/account_6827\/anticipatory-design-branched-onboarding-notion_b167c9b40166bc70966a1e89e649b19d_800.jpg 1x\" media=\"(max-width: 768px)\" \/><source srcset=\"https:\/\/images.storychief.com\/account_6827\/anticipatory-design-branched-onboarding-notion_b167c9b40166bc70966a1e89e649b19d_800.jpg 1x\" media=\"(min-width: 769px)\" \/><img decoding=\"async\" src=\"https:\/\/images.storychief.com\/account_6827\/anticipatory-design-branched-onboarding-notion_b167c9b40166bc70966a1e89e649b19d_800.jpg\" alt=\"Notion\u2019s branched onboarding flows are a good example of anticipatory design.\" \/><\/picture><figcaption>Notion\u2019s branched onboarding flows are a good example of anticipatory design.<\/figcaption><\/figure>\n<p>Each of the options takes them down one of the <a href=\"https:\/\/userpilot.com\/blog\/progressive-onboarding\/\" target=\"_blank\" rel=\"noopener noreferrer\">onboarding flows<\/a>. Each of these leads them to their <a href=\"https:\/\/userpilot.com\/blog\/improve-user-activation\/\" target=\"_blank\" rel=\"noopener noreferrer\">activation <\/a>points in the most direct way.<\/p>\n<p class=\"p1\">Creating <a href=\"https:\/\/userpilot.com\/blog\/userpilot-for-mobile-onboarding\/\" target=\"_blank\" rel=\"noopener\">mobile-optimized onboarding flows<\/a> with welcome screens, carousels, and slideouts is another way to simplify user interfaces.<\/p>\n<h3 id=\"6j3au\">Decluttered user interfaces that reduce cognitive load<\/h3>\n<p>Have you ever heard of the paradox of choice?<\/p>\n<p>Basically, having the choice is important for people to feel content unless there are too many options available. If that\u2019s the case, it may overwhelm the user and lead to product fatigue in the long run.<\/p>\n<p>By simplifying the processes and removing needless choices, anticipatory design reduces the mental effort needed to complete the task.<\/p>\n<p>If you manage to solve the problem of cognitive overload by decluttering and personalizing the user interface, you improve <a href=\"https:\/\/userpilot.com\/blog\/usability-testing-methods-saas\/\" target=\"_blank\" rel=\"noopener noreferrer\">usability <\/a>and make the experience more enjoyable.<\/p>\n<h4 id=\"99bhu\">Anticipatory design example with reduced cognitive load<\/h4>\n<p><a href=\"https:\/\/userpilot.com\/blog\/empty-state-saas\/\" target=\"_blank\" rel=\"noopener noreferrer\">Empty states<\/a> are just the opposite of what we&#8217;re trying to avoid. There&#8217;s nothing there to get the user going, so why don&#8217;t we start here?<\/p>\n<p>Just add a relevant CTA to the page to set them off on the user journey.<\/p>\n<p>However, never ask them to focus on more than one thing at a time. Only when they complete the action, reveal the next step, and then the next, until they <a href=\"https:\/\/userpilot.com\/blog\/product-adoption-strategy\/\" target=\"_blank\" rel=\"noopener noreferrer\">adopt the product<\/a>.<\/p>\n<figure class=\"image strchf-type-image regular strchf-size-regular strchf-align-center\"><picture><source srcset=\"https:\/\/images.storychief.com\/account_6827\/anticipatory-design-empty-states_8cb26e539eb439bcc27901fbba3c83e0_800.png 1x\" media=\"(max-width: 768px)\" \/><source srcset=\"https:\/\/images.storychief.com\/account_6827\/anticipatory-design-empty-states_8cb26e539eb439bcc27901fbba3c83e0_800.png 1x\" media=\"(min-width: 769px)\" \/><img decoding=\"async\" src=\"https:\/\/images.storychief.com\/account_6827\/anticipatory-design-empty-states_8cb26e539eb439bcc27901fbba3c83e0_800.png\" alt=\"A simple CTA on empty state doesn\u2019t overwhelm the user\" \/><\/picture><figcaption>A simple CTA on an empty state doesn\u2019t overwhelm the user.<\/figcaption><\/figure>\n<h3 id=\"b1qvr\">Anticipating user needs will reduce the time spent on a task<\/h3>\n<p>If you can predict user needs accurately, you can also design solutions that will help them complete their jobs faster.<\/p>\n<h4 id=\"5o40m\">Anticipatory design example of reducing time on task<\/h4>\n<p>Pre-filled forms are a great example of how anticipatory design can save time.<\/p>\n<p>First, the web browser or another app stores your data. Whenever you need to complete a form, it offers to pre-fill it for you so that you don&#8217;t have to enter the data manually again.<\/p>\n<p>This can smoothen some repetitive sequences of actions like shopping.<\/p>\n<p>You can go even further and instead of leading the user step by step, you can take them directly to their destination.<\/p>\n<p>That&#8217;s what online retailers like Amazon or Ebay do with their Buy Now buttons. You hit the button and the purchase is ready. No need to go through all the other steps like entering the payment method details or the delivery address.<\/p>\n<figure class=\"image strchf-type-image regular strchf-size-regular strchf-align-center\"><picture><source srcset=\"https:\/\/images.storychief.com\/account_6827\/anticipatory-design-amazon-button_3b1c309a80928ac1284544a01c46039a_800.png 1x\" media=\"(max-width: 768px)\" \/><source srcset=\"https:\/\/images.storychief.com\/account_6827\/anticipatory-design-amazon-button_3b1c309a80928ac1284544a01c46039a_800.png 1x\" media=\"(min-width: 769px)\" \/><img decoding=\"async\" src=\"https:\/\/images.storychief.com\/account_6827\/anticipatory-design-amazon-button_3b1c309a80928ac1284544a01c46039a_800.png\" alt=\"The Buy now button is a good example of anticipatory design\" \/><\/picture><figcaption>The Buy now button is a good example of anticipatory design.<\/figcaption><\/figure>\n<h3 id=\"fnsk1\">Using anticipatory design leads to an overall improved customer satisfaction<\/h3>\n<p>Anticipatory design helps teams build products that <a href=\"https:\/\/userpilot.com\/blog\/customer-love\/\" target=\"_blank\" rel=\"noopener noreferrer\">customers love<\/a>.<\/p>\n<p>How?<\/p>\n<p>It has a solid foundation in human psychology. It is a very <a href=\"https:\/\/userpilot.com\/blog\/product-centric-vs-customer-centric\/\" target=\"_blank\" rel=\"noopener noreferrer\">customer-centered approach<\/a> that offers a personalized experience and solves unique user needs.<\/p>\n<p>As a result, it doesn&#8217;t only allow users to complete their tasks with the least possible effort. It also satisfies the need to be understood and feel important, and amplifies the positive experience with surprise.<\/p>\n<figure class=\"image strchf-type-image regular strchf-size-regular strchf-align-center\"><picture><source srcset=\"https:\/\/images.storychief.com\/account_6827\/anticipatory-customer-focus_f18706cbaaebe04bc46072afb87172ec_800.png 1x\" media=\"(max-width: 768px)\" \/><source srcset=\"https:\/\/images.storychief.com\/account_6827\/anticipatory-customer-focus_f18706cbaaebe04bc46072afb87172ec_800.png 1x\" media=\"(min-width: 769px)\" \/><img decoding=\"async\" src=\"https:\/\/images.storychief.com\/account_6827\/anticipatory-customer-focus_f18706cbaaebe04bc46072afb87172ec_800.png\" alt=\"Anticipatory design is very customer-centric approach\" \/><\/picture><figcaption>Anticipatory design is a very customer-centric approach.<\/figcaption><\/figure>\n<h2 id=\"9tve9\">Anticipatory design elements<\/h2>\n<p>What do you need to be aware of when implementing anticipatory design? Let&#8217;s look at a few design aspects.<\/p>\n<h3 id=\"a675m\">Data collection to &#8221;inform&#8221; the design<\/h3>\n<p>User data is the key to the effectiveness of anticipatory design. You can&#8217;t make accurate predictions without knowing user habits and their previous preferences.<\/p>\n<p>The data often comes directly from the user.<\/p>\n<p>For example, during the <a href=\"https:\/\/userpilot.com\/blog\/sign-up-page-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">sign-up process<\/a> you can ask them to provide you with the details necessary to design the best <a href=\"https:\/\/userpilot.com\/blog\/onboarding-user-flow-examples\/\" target=\"_blank\" rel=\"noopener noreferrer\">onboarding flow<\/a> for them.<\/p>\n<p>User <a href=\"https:\/\/userpilot.com\/blog\/product-feedback-form\/\" target=\"_blank\" rel=\"noopener noreferrer\">feedback <\/a>is another source of valuable insights, so make sure to collect it regularly and offer the user a chance to provide<a href=\"https:\/\/userpilot.com\/blog\/active-vs-passive-customer-feedback\/\" target=\"_blank\" rel=\"noopener noreferrer\"> passive feedback<\/a>.<\/p>\n<figure class=\"image strchf-type-image regular strchf-size-regular strchf-align-center\"><picture><source srcset=\"https:\/\/images.storychief.com\/account_6827\/airtable-onboarding-survey-anticipatory-design_eb47dc4cde64fbf4bc6026c935e63203_800.png 1x\" media=\"(max-width: 768px)\" \/><source srcset=\"https:\/\/images.storychief.com\/account_6827\/airtable-onboarding-survey-anticipatory-design_eb47dc4cde64fbf4bc6026c935e63203_800.png 1x\" media=\"(min-width: 769px)\" \/><img decoding=\"async\" src=\"https:\/\/images.storychief.com\/account_6827\/airtable-onboarding-survey-anticipatory-design_eb47dc4cde64fbf4bc6026c935e63203_800.png\" alt=\"airtable-onboarding-survey-anticipatory-design\" \/><\/picture><figcaption>Airtbale onboarding survey during the signup process.<\/figcaption><\/figure>\n<p>The most objective data comes from <a href=\"https:\/\/userpilot.com\/blog\/user-behavior-tracking\/\" target=\"_blank\" rel=\"noopener noreferrer\">tracking user behavior<\/a> in the product. By observing how they engage with the product, you can identify behavior patterns and use them to optimize your predictions and the user experience.<\/p>\n<figure class=\"image strchf-type-image regular strchf-size-regular strchf-align-center\"><picture><source srcset=\"https:\/\/images.storychief.com\/account_6827\/event-occurance-by-user-userpilot-analytics-anticipatory-design_73099005c704d871b1d027bd248bb29b_800.png 1x, https:\/\/images.storychief.com\/account_6827\/event-occurance-by-user-userpilot-analytics-anticipatory-design_73099005c704d871b1d027bd248bb29b_1600.png 2x\" media=\"(max-width: 768px)\" \/><source srcset=\"https:\/\/images.storychief.com\/account_6827\/event-occurance-by-user-userpilot-analytics-anticipatory-design_73099005c704d871b1d027bd248bb29b_800.png 1x, https:\/\/images.storychief.com\/account_6827\/event-occurance-by-user-userpilot-analytics-anticipatory-design_73099005c704d871b1d027bd248bb29b_1600.png 2x\" media=\"(min-width: 769px)\" \/><img decoding=\"async\" src=\"https:\/\/images.storychief.com\/account_6827\/event-occurance-by-user-userpilot-analytics-anticipatory-design_73099005c704d871b1d027bd248bb29b_800.png\" alt=\"event-occurance-by-user-userpilot-analytics-anticipatory-design\" \/><\/picture><figcaption>Track user behavior in-app with <a href=\"https:\/\/userpilot.com\/userpilot-demo\" target=\"_blank\" rel=\"noopener noreferrer\">Userpilot<\/a>.<\/figcaption><\/figure>\n<h3 id=\"f4hel\">Machine learning algorithms to &#8221;predict&#8221;<\/h3>\n<p>Apart from data collection, anticipatory design uses machine learning algorithms to predict users&#8217; needs and their preferred choices.<\/p>\n<p>AI analyzes historic information, like past orders, and contextual information, like the time of the day or weather, to make predictions. Whenever it receives more user input, it automatically adjusts the predictions to make them more accurate.<\/p>\n<p>While it&#8217;s more easily available than before, Machine Learning has one main drawback: the cost.<\/p>\n<p>Fear not though, as there are still ways to anticipate user needs if you don&#8217;t have the resources to incorporate machine learning into your product.<\/p>\n<p>Would you like to see some examples?<\/p>\n<p>Check out the final sections below.<\/p>\n<h3 id=\"apa29\">User experience design principles to &#8221;guide&#8221;<\/h3>\n<p>Even if you have access to machine learning algorithms, you still need to pay attention to the basic <a href=\"https:\/\/userpilot.com\/blog\/good-ux-examples\/\" target=\"_blank\" rel=\"noopener noreferrer\">UX design principles.<\/a><\/p>\n<p>Remember that your focus is on solving user problems in the simplest and most direct way. Prioritize familiarity, consistency, predictability, and <a href=\"https:\/\/userpilot.com\/blog\/usability-testing-methods-saas\/\">usability<\/a>, and only use AI to enhance the experience to delight users.<\/p>\n<h3 id=\"9hd2h\">Data security and ethical considerations<\/h3>\n<p>Collecting data to learn and predict user needs comes with a lot of responsibility.<\/p>\n<p>To begin with, you need to store it in a safe way and protect it from breaches that would compromise your customers&#8217; safety and well-being.<\/p>\n<p>Such breaches could have serious legal implications. For example, you could be liable under the GDPR even if you are not based in the European Union.<\/p>\n<p>Anticipatory design, especially when powered by algorithms, can create filter bubbles that restrict user experiences instead of enriching them.<\/p>\n<p>For example, a playlist recommendation may be a good way to discover new songs that match user tastes. However, if it\u2019s the only way they find new music, they will end up listening to similar music all the time.<\/p>\n<p>Finally, there\u2019s the really creepy stuff like political marketers targeting users with tailored messages that play up their fears and phobias or online retailers exploiting customer trust and private data to sell their products.<\/p>\n<h2 id=\"9juqq\">B2B Examples of anticipatory design in practice<\/h2>\n<p>Let&#8217;s look at some examples of anticipatory design that don&#8217;t require sophisticated machine learning algorithms.<\/p>\n<h3 id=\"8igid\">Canva personalized getting-started screen<\/h3>\n<p>Canva, like many other SaaS products, collects data about user goals during the <a href=\"https:\/\/userpilot.com\/blog\/sign-up-page-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">sign-up process<\/a>.<\/p>\n<figure class=\"image strchf-type-image regular strchf-size-regular strchf-align-center\"><picture><source srcset=\"https:\/\/images.storychief.com\/account_6827\/canva-anticipatory-design_a4e6096eaadba3dc4550fbf99416b0f7_800.jpg 1x\" media=\"(max-width: 768px)\" \/><source srcset=\"https:\/\/images.storychief.com\/account_6827\/canva-anticipatory-design_a4e6096eaadba3dc4550fbf99416b0f7_800.jpg 1x\" media=\"(min-width: 769px)\" \/><img decoding=\"async\" src=\"https:\/\/images.storychief.com\/account_6827\/canva-anticipatory-design_a4e6096eaadba3dc4550fbf99416b0f7_800.jpg\" alt=\"As you sign-up, Canva asks about your preferences\" \/><\/picture><figcaption>As you sign-up, Canva asks about your preferences.<\/figcaption><\/figure>\n<p>Next, they use the information to design relevant <a href=\"https:\/\/userpilot.com\/blog\/best-user-onboarding-experience\/\" target=\"_blank\" rel=\"noopener noreferrer\">onboarding experiences<\/a> and a personalized dashboard that allow the user to jump straight into their workflows. Simple but effective.<\/p>\n<figure class=\"image strchf-type-image regular strchf-size-regular strchf-align-center\"><picture><source srcset=\"https:\/\/images.storychief.com\/account_6827\/canva-anticipatory-design-1_a18220e3ce8ddbea6f21f4fa107ea454_800.jpg 1x\" media=\"(max-width: 768px)\" \/><source srcset=\"https:\/\/images.storychief.com\/account_6827\/canva-anticipatory-design-1_a18220e3ce8ddbea6f21f4fa107ea454_800.jpg 1x\" media=\"(min-width: 769px)\" \/><img decoding=\"async\" src=\"https:\/\/images.storychief.com\/account_6827\/canva-anticipatory-design-1_a18220e3ce8ddbea6f21f4fa107ea454_800.jpg\" alt=\"Next, they use the information to personalize your dashboard\" \/><\/picture><figcaption>Next, they use the information to personalize your dashboard.<\/figcaption><\/figure>\n<p>All Canva use is customer input without the need for any algorithms. The customers tell them what they want to achieve, and Canva makes the process simple and intuitive.<\/p>\n<h3 id=\"1sc34\">Kommunicate contextual interactive walkthroughs<\/h3>\n<p><a href=\"https:\/\/userpilot.com\/blog\/kommunicate-case-study\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kommunicate<\/a>, the Chat-based Customer Support tool, uses anticipatory design to improve user onboarding and <a href=\"https:\/\/userpilot.com\/blog\/product-adoption-strategy\/\" target=\"_blank\" rel=\"noopener noreferrer\">boost adoption<\/a>.<\/p>\n<p>First, they <a href=\"https:\/\/userpilot.com\/blog\/customer-insight\/\" target=\"_blank\" rel=\"noopener noreferrer\">collected product usage data<\/a> by <a href=\"https:\/\/userpilot.com\/blog\/user-behavior-tracking\/\" target=\"_blank\" rel=\"noopener noreferrer\">recording user interactions<\/a> with their product. This allowed them to identify the friction points.<\/p>\n<p>Next, they used the knowledge to design a <a href=\"https:\/\/userpilot.com\/blog\/onboarding-checklist-template\/\" target=\"_blank\" rel=\"noopener noreferrer\">checklist <\/a>that guided the user through the setup process as this posed the biggest challenge to them.<\/p>\n<figure class=\"image strchf-type-image regular strchf-size-regular strchf-align-center\"><picture><source srcset=\"https:\/\/images.storychief.com\/account_6827\/communicate-checklist-anticipatory-design_96f40ef5e2b70d25d2ea2200bc401da7_800.png 1x\" media=\"(max-width: 768px)\" \/><source srcset=\"https:\/\/images.storychief.com\/account_6827\/communicate-checklist-anticipatory-design_96f40ef5e2b70d25d2ea2200bc401da7_800.png 1x\" media=\"(min-width: 769px)\" \/><img decoding=\"async\" src=\"https:\/\/images.storychief.com\/account_6827\/communicate-checklist-anticipatory-design_96f40ef5e2b70d25d2ea2200bc401da7_800.png\" alt=\"Kommunikate checklist \" \/><\/picture><figcaption>Kommunikate checklist.<\/figcaption><\/figure>\n<p>They also used Userpilot to develop an<a href=\"https:\/\/userpilot.com\/blog\/interactive-walkthroughs-improve-onboarding\/\" target=\"_blank\" rel=\"noopener noreferrer\"> interactive walkthrough<\/a>. The unique part about it is its contextualization. The guidance is triggered at the exact time the user needs it.<\/p>\n<p>This distinguishes it from product tours which don&#8217;t differentiate between different users and show them the same guidance whether they need it or not.<\/p>\n<figure class=\"image strchf-type-image regular strchf-size-regular strchf-align-center\"><picture><source srcset=\"https:\/\/d37oebn0w9ir6a.cloudfront.net\/account_6827\/communicate-walkthrough-anticipatory-design_7d59ebefc676b79d64eb991f3b19df13.gif 1x\" media=\"(max-width: 768px)\" \/><source srcset=\"https:\/\/d37oebn0w9ir6a.cloudfront.net\/account_6827\/communicate-walkthrough-anticipatory-design_7d59ebefc676b79d64eb991f3b19df13.gif 1x\" media=\"(min-width: 769px)\" \/><img decoding=\"async\" src=\"https:\/\/d37oebn0w9ir6a.cloudfront.net\/account_6827\/communicate-walkthrough-anticipatory-design_7d59ebefc676b79d64eb991f3b19df13.gif\" alt=\"Kommunicate contextual interactive walkthrough\" \/><\/picture><figcaption>Kommunicate contextual interactive walkthroughs.<\/figcaption><\/figure>\n<h2 id=\"9thhn\">B2C Examples of anticipatory design in practice<\/h2>\n<p>How about B2C products? They too apply anticipatory design to great effect to improve user experience.<\/p>\n<h3 id=\"aepe5\">Netflix recommendations<\/h3>\n<p>Netflix is one of the best-known examples of anticipatory design.<\/p>\n<p>To start with, the streaming platform uses the signup process to <a href=\"https:\/\/userpilot.com\/blog\/customer-insight\/\" target=\"_blank\" rel=\"noopener noreferrer\">collect data<\/a> about user content preferences.<\/p>\n<p>Powerful machine learning algorithms use the data to create a curated list of recommended titles that match the tastes of the users.<\/p>\n<p>That&#8217;s not the end though. As the user continues to use the product, the AI learns more about their preferences and automatically adjusts the content recommendations.<\/p>\n<figure class=\"image strchf-type-image regular strchf-size-regular strchf-align-center\"><picture><source srcset=\"https:\/\/images.storychief.com\/account_6827\/netflix-anticipatory-design_b769d38c1cd5446cfa1dcb3627ecb9f2_800.png 1x\" media=\"(max-width: 768px)\" \/><source srcset=\"https:\/\/images.storychief.com\/account_6827\/netflix-anticipatory-design_b769d38c1cd5446cfa1dcb3627ecb9f2_800.png 1x\" media=\"(min-width: 769px)\" \/><img decoding=\"async\" src=\"https:\/\/images.storychief.com\/account_6827\/netflix-anticipatory-design_b769d38c1cd5446cfa1dcb3627ecb9f2_800.png\" alt=\"Netlfix uses anticipatory design to recommend films and shows that match user tastes\" \/><\/picture><figcaption>Netflix uses anticipatory design to recommend films and shows that match user tastes. Source: Medium.<\/figcaption><\/figure>\n<h3 id=\"bpp83\">Uber <em>anticipating<\/em> your route<\/h3>\n<p>Uber has revolutionized the way we move around cities. Every day it helps users all over the world help users get from one place to another faster and with less hassle, and anticipatory design has contributed greatly to their success.<\/p>\n<p>By analyzing your travel habits, Uber can anticipate where you may want to go next. For example, if you&#8217;ve traveled somewhere, there is a 90% chance you will want to get back to the starting point.<\/p>\n<p>To simplify the process of booking your return lift, they&#8217;ve included the return button in the UI. It appears automatically after you&#8217;ve finished a trip.<\/p>\n<p>They also automatically label the location with most pick-ups and drop-offs as home and store addresses, so that you don&#8217;t have to manually enter the destinations every time your order a lift.<\/p>\n<p>Thanks to that and the simple yet functional user interface, ordering a lift is dead easy.<\/p>\n<figure class=\"image strchf-type-image regular strchf-size-regular strchf-align-center\"><picture><source srcset=\"https:\/\/images.storychief.com\/account_6827\/uber-anticipatory-design_06fd6ebc7429d4667a90d76b20171c62_800.png 1x, https:\/\/images.storychief.com\/account_6827\/uber-anticipatory-design_06fd6ebc7429d4667a90d76b20171c62_1600.png 2x\" media=\"(max-width: 768px)\" \/><source srcset=\"https:\/\/images.storychief.com\/account_6827\/uber-anticipatory-design_06fd6ebc7429d4667a90d76b20171c62_800.png 1x, https:\/\/images.storychief.com\/account_6827\/uber-anticipatory-design_06fd6ebc7429d4667a90d76b20171c62_1600.png 2x\" media=\"(min-width: 769px)\" \/><img decoding=\"async\" src=\"https:\/\/images.storychief.com\/account_6827\/uber-anticipatory-design_06fd6ebc7429d4667a90d76b20171c62_800.png\" alt=\"Uber uses historic data and contextual information to anticipate routes\" \/><\/picture><figcaption>Uber uses historic data and contextual information to anticipate routes.<\/figcaption><\/figure>\n<h2 id=\"mtgh\">Conclusion<\/h2>\n<p>The approach called anticipatory design allows product teams to develop products that delight users. More importantly, they enable them to complete their tasks easily and quickly by limiting available choices and simplifying the decision-making process.<\/p>\n<p>If you would like to learn how Userpilot can help you design appealing UI experiences and guide your users to value in the most direct way, <a href=\"https:\/\/userpilot.com\/userpilot-demo\" target=\"_blank\" rel=\"noopener noreferrer\">book a demo<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aaron Shapiro, a cofounder and the CEO of Huge, defined anticipatory design as a &#8216;design that is one step ahead of you.&#8217; Cool, but what does this mean in practice? It is an approach that involves predicting future user needs and designing ways to satisfy them based on existing data, like previous choices. As a result, the solutions are ready and present themselves at the exact moment the user experiences the need.<\/p>\n","protected":false},"author":51,"featured_media":14310,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[214],"tags":[235,86,850,169,92,90,1032,232,526,420,543],"class_list":["post-14308","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-management","tag-customer-feedback","tag-customer-satisfaction","tag-happy-path","tag-interactive-walkthroughs","tag-onboarding-ux","tag-personalize-user-experience","tag-product-management-blogs","tag-product-managers","tag-saas-product-manager","tag-saas-user-journey","tag-ui"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Leverage Anticipatory Design to Create Better Products<\/title>\n<meta name=\"description\" content=\"Anticipatory design uses customer data to anticipate user needs. Next, it applies machine learning, psychology and design principles to satisfy them best.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/userpilot.com\/blog\/anticipatory-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Leverage Anticipatory Design to Create Better Products\" \/>\n<meta property=\"og:description\" content=\"Anticipatory design uses customer data to anticipate user needs. Next, it applies machine learning, psychology and design principles to satisfy them best.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/userpilot.com\/blog\/anticipatory-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-27T11:10:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-19T12:47:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/userpilot.com\/blog\/wp-content\/uploads\/2022\/09\/How-to-Leverage-Anticipatory-Design-to-Create-Better-Products_a9773a316b84a69c0c17a7867af1fe1c_2000.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1876\" \/>\n\t<meta property=\"og:image:height\" content=\"1228\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sophie Grigoryan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sophie Grigoryan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/userpilot.com\/blog\/anticipatory-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/userpilot.com\/blog\/anticipatory-design\/\"},\"author\":{\"name\":\"Sophie Grigoryan\",\"@id\":\"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf\"},\"headline\":\"How to Leverage Anticipatory Design to Create Better Products\",\"datePublished\":\"2022-09-27T11:10:48+00:00\",\"dateModified\":\"2025-05-19T12:47:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/userpilot.com\/blog\/anticipatory-design\/\"},\"wordCount\":1987,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/userpilot.com\/blog\/anticipatory-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2022\/09\/How-to-Leverage-Anticipatory-Design-to-Create-Better-Products_a9773a316b84a69c0c17a7867af1fe1c_2000.png\",\"keywords\":[\"customer feedback\",\"Customer Satisfaction\",\"happy path\",\"interactive walkthroughs\",\"Onboarding UX\",\"personalize user experience\",\"product management blogs\",\"product managers\",\"saas product manager\",\"saas user journey\",\"ui\"],\"articleSection\":[\"Product Management\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/userpilot.com\/blog\/anticipatory-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/userpilot.com\/blog\/anticipatory-design\/\",\"url\":\"https:\/\/userpilot.com\/blog\/anticipatory-design\/\",\"name\":\"How to Leverage Anticipatory Design to Create Better Products\",\"isPartOf\":{\"@id\":\"https:\/\/userpilot.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/userpilot.com\/blog\/anticipatory-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/userpilot.com\/blog\/anticipatory-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2022\/09\/How-to-Leverage-Anticipatory-Design-to-Create-Better-Products_a9773a316b84a69c0c17a7867af1fe1c_2000.png\",\"datePublished\":\"2022-09-27T11:10:48+00:00\",\"dateModified\":\"2025-05-19T12:47:26+00:00\",\"author\":{\"@id\":\"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf\"},\"description\":\"Anticipatory design uses customer data to anticipate user needs. Next, it applies machine learning, psychology and design principles to satisfy them best.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/userpilot.com\/blog\/anticipatory-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/userpilot.com\/blog\/anticipatory-design\/#primaryimage\",\"url\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2022\/09\/How-to-Leverage-Anticipatory-Design-to-Create-Better-Products_a9773a316b84a69c0c17a7867af1fe1c_2000.png\",\"contentUrl\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2022\/09\/How-to-Leverage-Anticipatory-Design-to-Create-Better-Products_a9773a316b84a69c0c17a7867af1fe1c_2000.png\",\"width\":1876,\"height\":1228,\"caption\":\"How to Leverage Anticipatory Design to Create Better Products cover\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/userpilot.com\/blog\/#website\",\"url\":\"https:\/\/userpilot.com\/blog\/\",\"name\":\"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/userpilot.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf\",\"name\":\"Sophie Grigoryan\",\"url\":\"https:\/\/userpilot.com\/blog\/author\/sofi\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Leverage Anticipatory Design to Create Better Products","description":"Anticipatory design uses customer data to anticipate user needs. Next, it applies machine learning, psychology and design principles to satisfy them best.","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:\/\/userpilot.com\/blog\/anticipatory-design\/","og_locale":"en_US","og_type":"article","og_title":"How to Leverage Anticipatory Design to Create Better Products","og_description":"Anticipatory design uses customer data to anticipate user needs. Next, it applies machine learning, psychology and design principles to satisfy them best.","og_url":"https:\/\/userpilot.com\/blog\/anticipatory-design\/","og_site_name":"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog","article_published_time":"2022-09-27T11:10:48+00:00","article_modified_time":"2025-05-19T12:47:26+00:00","og_image":[{"width":1876,"height":1228,"url":"https:\/\/userpilot.com\/blog\/wp-content\/uploads\/2022\/09\/How-to-Leverage-Anticipatory-Design-to-Create-Better-Products_a9773a316b84a69c0c17a7867af1fe1c_2000.png","type":"image\/png"}],"author":"Sophie Grigoryan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sophie Grigoryan","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/userpilot.com\/blog\/anticipatory-design\/#article","isPartOf":{"@id":"https:\/\/userpilot.com\/blog\/anticipatory-design\/"},"author":{"name":"Sophie Grigoryan","@id":"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf"},"headline":"How to Leverage Anticipatory Design to Create Better Products","datePublished":"2022-09-27T11:10:48+00:00","dateModified":"2025-05-19T12:47:26+00:00","mainEntityOfPage":{"@id":"https:\/\/userpilot.com\/blog\/anticipatory-design\/"},"wordCount":1987,"commentCount":0,"image":{"@id":"https:\/\/userpilot.com\/blog\/anticipatory-design\/#primaryimage"},"thumbnailUrl":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2022\/09\/How-to-Leverage-Anticipatory-Design-to-Create-Better-Products_a9773a316b84a69c0c17a7867af1fe1c_2000.png","keywords":["customer feedback","Customer Satisfaction","happy path","interactive walkthroughs","Onboarding UX","personalize user experience","product management blogs","product managers","saas product manager","saas user journey","ui"],"articleSection":["Product Management"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/userpilot.com\/blog\/anticipatory-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/userpilot.com\/blog\/anticipatory-design\/","url":"https:\/\/userpilot.com\/blog\/anticipatory-design\/","name":"How to Leverage Anticipatory Design to Create Better Products","isPartOf":{"@id":"https:\/\/userpilot.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/userpilot.com\/blog\/anticipatory-design\/#primaryimage"},"image":{"@id":"https:\/\/userpilot.com\/blog\/anticipatory-design\/#primaryimage"},"thumbnailUrl":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2022\/09\/How-to-Leverage-Anticipatory-Design-to-Create-Better-Products_a9773a316b84a69c0c17a7867af1fe1c_2000.png","datePublished":"2022-09-27T11:10:48+00:00","dateModified":"2025-05-19T12:47:26+00:00","author":{"@id":"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf"},"description":"Anticipatory design uses customer data to anticipate user needs. Next, it applies machine learning, psychology and design principles to satisfy them best.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/userpilot.com\/blog\/anticipatory-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/userpilot.com\/blog\/anticipatory-design\/#primaryimage","url":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2022\/09\/How-to-Leverage-Anticipatory-Design-to-Create-Better-Products_a9773a316b84a69c0c17a7867af1fe1c_2000.png","contentUrl":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2022\/09\/How-to-Leverage-Anticipatory-Design-to-Create-Better-Products_a9773a316b84a69c0c17a7867af1fe1c_2000.png","width":1876,"height":1228,"caption":"How to Leverage Anticipatory Design to Create Better Products cover"},{"@type":"WebSite","@id":"https:\/\/userpilot.com\/blog\/#website","url":"https:\/\/userpilot.com\/blog\/","name":"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/userpilot.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf","name":"Sophie Grigoryan","url":"https:\/\/userpilot.com\/blog\/author\/sofi\/"}]}},"_links":{"self":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts\/14308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/users\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/comments?post=14308"}],"version-history":[{"count":3,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts\/14308\/revisions"}],"predecessor-version":[{"id":273202,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts\/14308\/revisions\/273202"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/media\/14310"}],"wp:attachment":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/media?parent=14308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/categories?post=14308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/tags?post=14308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}