{"id":10083,"date":"2021-07-26T16:40:00","date_gmt":"2021-07-26T14:40:00","guid":{"rendered":"https://proweb.p.blends.be/?p=10083"},"modified":"2025-10-24T14:26:45","modified_gmt":"2025-10-24T12:26:45","slug":"the-importance-of-surveys-and-user-feedback-in-conversion-rate-optimization","status":"publish","type":"post","link":"https://pointerpro.com/nl/blog/user-feedback-for-conversion-rate-optimization/","title":{"rendered":"The importance of surveys and user feedback in conversion rate optimization"},"content":{"rendered":"\n<style>\n    #section-Z2d2hMx {\n        padding-top: 2.8rem;\n        padding-bottom: 6rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z2d2hMx {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #421f3c;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-Z2d2hMx-container  #421f3c custom-padding \" id=\"section-Z2d2hMx\"\n    style=\"opacity: 100%; background-color: #421f3c;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-NVrQU .heading h1 {\n        color: #ffffff;\n        font-size: 3.125rem;\n        line-height: 4rem !important;\n    }\n\n    #heading-NVrQU {\n        margin-top: 0rem;\n        margin-bottom: 2rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-NVrQU {\n            margin-left: 0;\n            margin-right: 0;\n        }\n\n        .single #heading-NVrQU .heading h1 {\n            line-height: 3rem !important;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-1-container lazyblock-heading-1-NVrQU  px-0\" id=\"heading-NVrQU\">\n    <div class=\"row heading lazyblock-heading-1 justify-content-start  lazyblock-heading-1-NVrQU\">\n        <div class=\"col-12 col-lg-12 text-start \">\n            <a class=\"heading-1-anchor heading-anchor\" id=\"the-importance-of-surveys-and-user-feedback-in-conversion-rate-optimization\"></a>\n            <h1>The importance of surveys and user feedback in conversion rate optimization</h1>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    #heading-ZjhnMQ .heading h2 {\n        color: #f5f5f5;\n        font-size: 1.25rem;\n        line-height: 1.5rem !important;\n    }\n\n    #heading-ZjhnMQ {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-ZjhnMQ {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-ZjhnMQ date-and-author-container px-0\" id=\"heading-ZjhnMQ\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start date-and-author lazyblock-heading-2-ZjhnMQ\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"written-july-26-2021-by-robin-nichols\"></a>\n            <h2>Written July 26, 2021, by Robin Nichols</h2>\n        </div>\n    </div>\n</div>\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-hgwuz {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-hgwuz {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-hgwuz-container  #ffffff custom-padding \" id=\"section-hgwuz\"\n    style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    .lazyblock-content-11szyA p,\n    .lazyblock-content-11szyA p a,\n    .lazyblock-content-11szyA h1,\n    .lazyblock-content-11szyA h2,\n    .lazyblock-content-11szyA h3,\n    .lazyblock-content-11szyA h4,\n    .lazyblock-content-11szyA h5 {\n        color: ;\n    }\n\n    #content-11szyA {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-11szyA {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-11szyA {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-11szyA-container  px-0 \"\n     id=\"content-11szyA\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-11szyA\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>I was speaking recently at a conference with well-known consumer psychologist <a href=\"https://www.linkedin.com/in/bartschutz/\" target=\"_blank\" rel=\"noopener noreferrer\">Bart Schutz</a>. When asked about making assumptions in the context of conversion rate optimization, his face lit up with energy:</p>\n<p>“Assuming is one of our <em>biggest enemies</em>.”</p>\n<p>He continued: “What my company [Online Dialogue] brings when they bring a culture of validation into the whole organization, is that we’re<em> fighting against assumptions</em>. We have instant assumptions about why a test result was that typical result. I see a lot of other speakers at conferences giving examples where I go, ‘there are ten, maybe a hundred other reasons why you could have had this test result.’</p>\n<p>So the complexity of humanity actually requires you to be more humble about what you actually know. We know the result, whether you should push it live or not, but you never know the reason, we only have assumptions on that, and assumptions are good for new hypotheses, new testing directions, but any assumption that isn’t validated is just an opinion.”</p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-10090\" src=\"https://proweb.p.blends.be/wp-content/uploads/user-feedback-example-1-e1658495033819.png\" alt=\"\" width=\"231\" height=\"339\" /><br /><a href=\"https://www.blablacar.com/blog/inside-story/never-assume-always-check\" target=\"_blank\" rel=\"noopener noreferrer\">Source</a></p>\n<p style=\"text-align: left;\"><u></u>Yes, indeed. Making assumptions is frustrating in most contexts. But they can be especially counterproductive when it comes to conversion rate optimization.</p>\n<p>‘Conversion rate optimization,’ if you don’t already know, is the <a href=\"https://moz.com/learn/seo/conversion-rate-optimization\" target=\"_blank\" rel=\"noopener noreferrer\">systematic process of increasing the percentage of website visitors who take a desired action</a> — be that filling out a form, becoming customers, or otherwise (thank you, Moz, for the great definition).  As they elaborate, ‘the CRO process involves understanding how users move through your site, what actions they take, and what’s stopping them from completing your goals.’</p>\n<p> It’s this ‘understanding’ part that often leads to erroneous assumptions. And this is why it’s absolutely essential in CRO to implement surveys and collect user feedback. We’ll explain why below.</p>\n<p>&nbsp;</p>\n<h2><span style=\"color: #421f3c; font-size: 2.5rem;\">First step of CRO: Get to know your audience​</span></h2>\n<p>Let’s dig into this a bit more. CRO is a discipline that’s focused on the end user; someone making a purchase on an <a href=\"https://www.bigcommerce.com/blog/ecommerce-website-builders/\" target=\"_blank\" rel=\"noopener noreferrer\">e-commerce site</a>, subscribing to a digital magazine or searching for a cheap flight <a href=\"https://www.going.com/guides/how-to-use-google-flights\" target=\"_blank\" rel=\"noopener\">on Google Flights</a> for their next vacation.  We’re all ‘end users’ every single day, so we know what it feels like to navigate through a poorly designed site, or feel frustrated during the checkout process.</p>\n<p>However, this <em>doesn’t</em> mean CRO professionals should assume they know their customers’ pain points, or how they experience the user journey. Just as Bart explains, assumptions (and personal experience) are a good place to mine for optimization ideas – but they should never be elevated right away to a definitive conclusion.</p>\n<p>Instead, CRO professionals should go straight to the source: the actual end user, the website’s <em>audience</em>.</p>\n<p>A healthy <a href=\"https://jefflenney.com/internet-marketing/what-is-cro/\" target=\"_blank\" rel=\"noopener noreferrer\">CRO process</a> should look something like this:</p>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-10089\" src=\"https://proweb.p.blends.be/wp-content/uploads/user-feedback-cycle-768x180-1.png\" alt=\"\" width=\"768\" height=\"180\" /></p>\n<p>&nbsp;</p>\n<p>Step one is, therefore: Get to know your audience.</p>\n<h2 style=\"margin-bottom: 1rem;\"><span style=\"color: #421f3c; font-size: 2.5rem;\">Tools for user feedback &amp; getting to know your audience​</span></h2>\n<h2><span style=\"font-size: 32px;\"><span style=\"color: #421f3c;\">Surveys</span>​</span></h2>\n<p>One great way to get to know your audience through qualitative data is a survey. Online surveys can go from simple multiple choice or yes/no answers to short or long form formats. Surveys are a good choice when you’re looking for in-depth explanations, to really let your audience express themselves and show you what’s on their mind. It may take longer to analyze and synthesize than a simple NPS or heat map (more on that below), but you’re sure to get richer, more sophisticated data.</p>\n<p>UNICEF France, for example, <a href=\"https://www.abtasty.com/case-studies/unicef-website-redesign/\" target=\"_blank\" rel=\"noopener\">implemented an online survey</a> to ask their visitors what they thought of their existing website; where did they go, what did they think was missing, what did they like, etc. The digital team then used this precious feedback to inform their website redesign efforts, to help create a site that would increase conversions, i.e. donations.</p>\n<p>&nbsp;</p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-10088\" src=\"https://proweb.p.blends.be/wp-content/uploads/user-feedback-example-2.png\" alt=\"\" width=\"640\" height=\"455\" /><br /><a href=\"https://www.abtasty.com/case-studies/unicef-website-redesign/\" target=\"_blank\" rel=\"noopener noreferrer\">Source</a></p>        </div>\n    </div>\n</div>\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-AX5Fd {\n        padding-top: 2.8rem;\n        padding-bottom: 1.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-AX5Fd {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #f5f5f5;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-AX5Fd-container  #f5f5f5 custom-padding \" id=\"section-AX5Fd\"\n    style=\"opacity: 100%; background-color: #f5f5f5;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-1udhQP .heading h2 {\n        color: #421f3c;\n        font-size: 2rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-1udhQP {\n        margin-top: 1rem;\n        margin-bottom: 0rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-1udhQP {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-1udhQP  px-0\" id=\"heading-1udhQP\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-1udhQP\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"nps\"></a>\n            <h2>NPS</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-Z2ihY2Q p,\n    .lazyblock-content-Z2ihY2Q p a,\n    .lazyblock-content-Z2ihY2Q h1,\n    .lazyblock-content-Z2ihY2Q h2,\n    .lazyblock-content-Z2ihY2Q h3,\n    .lazyblock-content-Z2ihY2Q h4,\n    .lazyblock-content-Z2ihY2Q h5 {\n        color: ;\n    }\n\n    #content-Z2ihY2Q {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-Z2ihY2Q {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-Z2ihY2Q {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-Z2ihY2Q-container  px-0 \"\n     id=\"content-Z2ihY2Q\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-Z2ihY2Q\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>Sometimes, businesses are interested in a more focused type of survey designed specifically to reflect customers’ satisfaction with a brand. These surveys lead the respondent to give the company a ‘Net Promoter Score,’ typically referred to as an NPS.</p>\n<p>The classic <a href=\"https://proweb.p.blends.be/en/unlocking-employees-through-coaching-4-techniques/\" target=\"_blank\" rel=\"noopener\">NPS survey template</a> asks website visitors, ‘On a scale of zero to 10, with 10 being highest, what’s the likelihood that you would recommend us (our company) to a friend or colleague?’ Those who choose 9 or 10 are deemed ‘promoters’ of the brand, those who score 7 or 8 are ‘passive’ when it comes to the brand, and anyone below a 7 is considered to be a detractor – someone who is not too happy with their customer experience.</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-10087\" src=\"https://proweb.p.blends.be/wp-content/uploads/user-feedback-NPS-scale-1.png\" alt=\"\" width=\"1024\" height=\"221\" /></p>\n<p style=\"text-align: center;\"><a href=\"https://www.netpromoter.com/know/\" target=\"_blank\" rel=\"noopener\">Source</a></p>\n<p>The final Net Promoter Score is calculated by subtracting the percentage of detractors from the percentage of promoters. This metric gives companies a barometer with which to measure progress or slippage in terms of customer satisfaction. Brands can personalize the NPS survey to suit their needs, (often by asking respondents why they chose the score they did), but the advantages stay the same: a quick and easy, measurable poll that allows you to ‘take the temperature’ of your website audience.</p>\n<p>In the context of CRO, companies can gear questions in the NPS survey to conversion related issues:</p>\n<ul>\n<li>How easy do you find our site to navigate?</li>\n<li>Have you ever used one of our promo codes? </li>\n<li>Why did you choose this score?</li>\n</ul>        </div>\n    </div>\n</div>\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-Z1AL6zA {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z1AL6zA {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-Z1AL6zA-container  #ffffff custom-padding \" id=\"section-Z1AL6zA\"\n    style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-1msGhp .heading h2 {\n        color: #421f3c;\n        font-size: 2rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-1msGhp {\n        margin-top: 1rem;\n        margin-bottom: 0rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-1msGhp {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-1msGhp  px-0\" id=\"heading-1msGhp\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-1msGhp\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"client-feedback-events\"></a>\n            <h2>Client feedback events​</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-1lo2Ve p,\n    .lazyblock-content-1lo2Ve p a,\n    .lazyblock-content-1lo2Ve h1,\n    .lazyblock-content-1lo2Ve h2,\n    .lazyblock-content-1lo2Ve h3,\n    .lazyblock-content-1lo2Ve h4,\n    .lazyblock-content-1lo2Ve h5 {\n        color: ;\n    }\n\n    #content-1lo2Ve {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-1lo2Ve {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-1lo2Ve {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-1lo2Ve-container  px-0 \"\n     id=\"content-1lo2Ve\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-1lo2Ve\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>If you’re willing to invest the resources into making it happen, and you want to go to the next level in terms of the richness of the user feedback collected, you can always organize a client event dedicated to doing just that.</p>\n<p>We did it at AB Tasty with our ‘VIP Days.’ Essentially, we chose a handful of strategic clients from a representative variety of verticals to join us and share their experience with our product. We kept the event focused by breaking up attendees into groups and organizing workshops and one-to-one interviews, lead by our Customer Success team. We hosted it in the morning and provided a nice breakfast and networking opportunities for attendees, in the hopes of decreasing no-show and making the idea of the event more alluring.</p>\n<p>Not only do these kinds of events help strengthen client loyalty (and maybe even facilitate upsell and cross-sell), they are the source of some of the richest, most detailed, and relevant user feedback about your site or product. Insights gathered at these kinds of events can be used to help <a href=\"https://theproductmanager.com/tools/product-roadmap-tools/\" target=\"_blank\" rel=\"noopener noreferrer\">develop a product roadmap</a>, but also address all sorts of CRO issues.</p>\n<p>Depending on your offer, needs, and resources, organizing some type of user feedback focused event – even a virtual one, such as a webinar – could be a great way to hit two, or even three or four, birds with one stone.</p>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-10086\" src=\"https://proweb.p.blends.be/wp-content/uploads/user-feedback-ab-tasty-vip-day-1024x567-1.png\" alt=\"\" width=\"1024\" height=\"567\" /></p>\n<p style=\"text-align: center;\"><em> A snapshot of the AB Tasty VIP Day. Keeping the event focused on the goal – collecting relevant user feedback – is crucial, and setting up structured workshops can help immensely with this.</em></p>        </div>\n    </div>\n</div>\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-Z1r9HNG {\n        padding-top: 2.8rem;\n        padding-bottom: 1.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z1r9HNG {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #f5f5f5;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-Z1r9HNG-container  #f5f5f5 custom-padding \" id=\"section-Z1r9HNG\"\n    style=\"opacity: 100%; background-color: #f5f5f5;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-ZUphcT .heading h2 {\n        color: #421f3c;\n        font-size: 2rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-ZUphcT {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-ZUphcT {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-ZUphcT  px-0\" id=\"heading-ZUphcT\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-ZUphcT\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"heat-maps\"></a>\n            <h2>Heat maps​</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-1Qtpqn p,\n    .lazyblock-content-1Qtpqn p a,\n    .lazyblock-content-1Qtpqn h1,\n    .lazyblock-content-1Qtpqn h2,\n    .lazyblock-content-1Qtpqn h3,\n    .lazyblock-content-1Qtpqn h4,\n    .lazyblock-content-1Qtpqn h5 {\n        color: ;\n    }\n\n    #content-1Qtpqn {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-1Qtpqn {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-1Qtpqn {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-1Qtpqn-container  px-0 \"\n     id=\"content-1Qtpqn\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-1Qtpqn\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>Sometimes, it’s more useful to collect data by <strong>looking directly at actions instead</strong> of asking the user to explain or recount those actions. Writing up a survey to ask e-commerce visitors what buttons they clicked on probably won’t work out too well. For this kind of data, <a href=\"https://www.hotjar.com/heatmaps/\" target=\"_blank\" rel=\"noopener\">heat maps</a> can be extremely useful.</p>\n<p>Basically, <a href=\"https://www.abtasty.com/blog/heatmap-website/\" target=\"_blank\" rel=\"noopener\">heat maps measure the engagement</a>, actions and attention of a website visitor. The data is aggregated and displayed visually, making it easier to interpret. They help CRO professionals uncover points of friction on a website (ex: an overly complex check out process), important, overlooked areas (forms that are routinely ignored), or areas of high engagement (content that attracts the most attention).</p>\n<p>This data can lead to important user insights, that then feed into the optimization cycle outlined above.</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-10085\" src=\"https://proweb.p.blends.be/wp-content/uploads/user-feedback-heat-map-1.png\" alt=\"\" width=\"520\" height=\"314\" /></p>\n<p style=\"text-align: center;\"><a href=\"http://ww38.pixeller.co/?subid1=20220720-0640-4686-977d-ed3e48f0c847\" target=\"_blank\" rel=\"noopener\">Source</a></p>        </div>\n    </div>\n</div>\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-1QzF2G {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-1QzF2G {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-1QzF2G-container  #ffffff custom-padding \" id=\"section-1QzF2G\"\n    style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-1J0ey6 .heading h2 {\n        color: #421f3c;\n        font-size: 2.5rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-1J0ey6 {\n        margin-top: 1rem;\n        margin-bottom: 1rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-1J0ey6 {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-1J0ey6  px-0\" id=\"heading-1J0ey6\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-1J0ey6\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"takeaway\"></a>\n            <h2>Takeaway​</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-DLaOV p,\n    .lazyblock-content-DLaOV p a,\n    .lazyblock-content-DLaOV h1,\n    .lazyblock-content-DLaOV h2,\n    .lazyblock-content-DLaOV h3,\n    .lazyblock-content-DLaOV h4,\n    .lazyblock-content-DLaOV h5 {\n        color: ;\n    }\n\n    #content-DLaOV {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-DLaOV {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-DLaOV {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-DLaOV-container  px-0 \"\n     id=\"content-DLaOV\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-DLaOV\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>In the end, whether you opt for surveys, heat maps, session recording or any number of other ways to gather user feedback, the important thing is to <strong>get to know your audience</strong>, and never assume you know their pain points or expectations. <strong>Conversion rate optimization relies on insightful test ideas that actually reflect an end user’s experience.</strong></p>\n<p>Getting right to the source to find these insights is the only way to make sure your CRO program starts off on the right track.</p>        </div>\n    </div>\n</div>\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-xyxh0 {\n        padding-top: 0rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-xyxh0 {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-xyxh0-container  #ffffff custom-padding \" id=\"section-xyxh0\"\n    style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #section-ZkPlMD {\n        padding-top: 2.8rem;\n        padding-bottom: 0rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-ZkPlMD {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #421f3c;\">\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n    <div class=\"container-fluid lazyblock-section lazyblock-section-ZkPlMD-container  \" id=\"section-ZkPlMD\"\n         style=\"opacity: 100%; background-color: #421f3c;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"container-md \">\n            <div class=\"row col-lg-12\">\n                \n\n<style>\n    #content-image-ZsQap8 {\n        padding-top: 0rem;\n        padding-bottom: 0rem;\n    }\n\n        \n    @media (max-width: 767.98px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n    }\n\n    #content-image-ZsQap8 {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-image-ZsQap8 .content-wrapper {\n        padding-left: 0rem;\n        padding-right: 0rem;\n    }\n\n    @media (max-width: 768px) {\n        #content-image-ZsQap8 .content-wrapper {\n            padding-left: 0 !important;\n        }\n    }\n\n    @media (max-width: 1440px) {\n        #section-ZsQap8 {\n            //padding-left: -2.8rem;\n        }\n    }\n\n    \n /*   .lazyblock-content-image-container {\n        position: relative;\n    }*/\n\n</style>\n\n<div class=\"lazyblock-content-image-container lazyblock-content-image-ZsQap8-container -container px-0 mx-0\">\n    <div class=\"row lazyblock-content-image \"\n         id=\"content-image-ZsQap8\">\n        <div class=\"content-wrapper col-lg-6 col-12 pe-4 mb-lg-0 mb-4 order-1\">\n            <div class=\"d-flex flex-centered h-100\">\n                                                <div class=\"d-flex flex-wrap\">\n                    <div class=\"container-md px-0\">\n                        <div class=\"row lazyblock-content justify-content-start\">\n                            <div class=\"col-12 col-lg-12 text-start ps-4\">\n                    \n\n<style>\n    #heading-ZvLLaC .heading h2 {\n        color: #ffffff;\n        font-size: 2rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-ZvLLaC {\n        margin-top: 0rem;\n        margin-bottom: 2rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-ZvLLaC {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-ZvLLaC  px-0\" id=\"heading-ZvLLaC\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-ZvLLaC\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"create-your-own-assessment-for-free\"></a>\n            <h2>Create your own assessment <br>for free!</h2>\n        </div>\n    </div>\n</div>\n\n\n<div class=\"row lazyblock-cta w-100\">\n    <div class=\"col-lg-12 text-start\">\n        <a class=\"btn btn-primary  \" href=\"https://app.pointerpro.com/register?trial=true&amp;plan=professional\" target=\"_self\">Get started today</a>\n    </div>\n</div>\n\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"image-wrapper col-lg-6 order-2\">\n            <div class=\"d-flex flex-centered h-100\">\n                                                                    <img decoding=\"async\" class=\"on-the-fly-ZsQap8\" src=\"https://pointerpro.com/wp-content/uploads/PP-BANNER-GetStartedToday.png\"\n                         alt=\"\" title=\"\"/>\n                            </div>\n        </div>\n    </div>\n</div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        var containers = document.querySelectorAll('.lazyblock-content-image-container');\n\n        function checkViewport() {\n            var screenWidth = window.innerWidth;\n            if (screenWidth > 320 && screenWidth <= 768) {\n                containers.forEach(function(container) {\n                    container.classList.remove('px-0', 'mx-0');\n                });\n            } else {\n                containers.forEach(function(container) {\n                    container.classList.add('px-0', 'mx-0');\n                });\n            }\n        }\n\n        checkViewport();\n\n        window.addEventListener('resize', checkViewport);\n    });\n\n</script>\n            </div>\n        </div>\n    </div>\n<!-- end -->\n\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-a84yh {\n        padding-top: 0rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-a84yh {\n        ;\n        ;\n        }\n    }\n\n        .custom-padding {\n        padding-right: 0 !important;\n        padding-left: 0 !important;\n    }\n    @media (max-width: 1024px) {\n        .custom-padding {\n            padding-right: var(--bs-gutter-x, .75rem) !important;\n            padding-left: var(--bs-gutter-x, .75rem) !important;\n        }\n    }\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; \">\n    <div class=\"container-xl lazyblock-section lazyblock-section-a84yh-container recommended-reading-single-post-container  custom-padding \" id=\"section-a84yh\"\n    style=\"opacity: 100%; \">\n                        <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-12 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-x540R .heading h2 {\n        color: #ff7418;\n        font-size: 1.5rem;\n        line-height: 2rem !important;\n    }\n\n    #heading-x540R {\n        margin-top: 0rem;\n        margin-bottom: 2rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-x540R {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-x540R  px-0\" id=\"heading-x540R\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-x540R\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"recommended-reading\"></a>\n            <h2>Recommended Reading</h2>\n        </div>\n    </div>\n</div>\n\n\n<div class=\"container-md lazyblock-teasers \">\n\n    \n    \n            <div class=\"row-wrapper child row row-cols-1 row-cols-lg-2 row-cols-xl-3 grid-gutter\" id=\"content_1w1IG6\">\n                                                <div class=\"col pb-5\">\n                        <div class=\"card h-100 px-0 recommended-posts\">\n    <div class=\"recommended-item-wrapper\">\n        <div class=\"recommended-item-card\">\n                            <div class=\"recommended-item-img-wrapper\">\n                    <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/campaign-creators-pypeCEaJeZY-unsplash-scaled-1-1024x741-1.jpg\" class=\"recommended-item-img\" alt=\"Lead qualification 101: How to qualify and nurture your leads\">\n                </div>\n                        <div class=\"recommended-item-body flex-column h-100\">\n                <div class=\"recommended-item-title\">\n                    <h4><a href=\"https://pointerpro.com/nl/blog/how-to-qualify-and-nurture-leads/\">Lead qualification 101: How to qualify and nurture your leads</a></h4>\n                </div>\n                <div class=\"recommended-item-excerpt\">\n                    <p>Lead nurturing is key. It’s crucial that you invest your time and energy...</p>\n                </div>\n            </div>\n            <div class=\"recommended-item-cta\">\n                <a href=\"https://pointerpro.com/nl/blog/how-to-qualify-and-nurture-leads/\" class=\"arrow d-flex align-items-center\">\n                Read more \n                   <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/themes/project-child/assets/img/icons/arrow-right.png\" alt=\"read more arrow\">\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n                    </div>\n                                                                <div class=\"col pb-5\">\n                        <div class=\"card h-100 px-0 recommended-posts\">\n    <div class=\"recommended-item-wrapper\">\n        <div class=\"recommended-item-card\">\n                            <div class=\"recommended-item-img-wrapper\">\n                    <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/Scoreapp-Alternatives-1024x585-1.png\" class=\"recommended-item-img\" alt=\"Best 9 alternatives for lead gen apps like ScoreApp\">\n                </div>\n                        <div class=\"recommended-item-body flex-column h-100\">\n                <div class=\"recommended-item-title\">\n                    <h4><a href=\"https://pointerpro.com/nl/blog/lead-gen-apps/\">Best 9 alternatives for lead gen apps like ScoreApp</a></h4>\n                </div>\n                <div class=\"recommended-item-excerpt\">\n                    <p>Discover the best 9 lead gen apps as an alternative for ScoreApp in...</p>\n                </div>\n            </div>\n            <div class=\"recommended-item-cta\">\n                <a href=\"https://pointerpro.com/nl/blog/lead-gen-apps/\" class=\"arrow d-flex align-items-center\">\n                Read more \n                   <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/themes/project-child/assets/img/icons/arrow-right.png\" alt=\"read more arrow\">\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n                    </div>\n                                                                <div class=\"col pb-5\">\n                        <div class=\"card h-100 px-0 recommended-posts\">\n    <div class=\"recommended-item-wrapper\">\n        <div class=\"recommended-item-card\">\n                            <div class=\"recommended-item-img-wrapper\">\n                    <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/SURVEYxANYPLACExZAVENTEMANTWERP-124-1.jpg\" class=\"recommended-item-img\" alt=\"Are you popular? Brand awareness surveys reveal the truth.\">\n                </div>\n                        <div class=\"recommended-item-body flex-column h-100\">\n                <div class=\"recommended-item-title\">\n                    <h4><a href=\"https://pointerpro.com/nl/blog/popular-brand-awareness-surveys/\">Are you popular? Brand awareness surveys reveal the truth.</a></h4>\n                </div>\n                <div class=\"recommended-item-excerpt\">\n                    <p>By using a brand awareness survey you give your customers a voice. Use...</p>\n                </div>\n            </div>\n            <div class=\"recommended-item-cta\">\n                <a href=\"https://pointerpro.com/nl/blog/popular-brand-awareness-surveys/\" class=\"arrow d-flex align-items-center\">\n                Read more \n                   <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/themes/project-child/assets/img/icons/arrow-right.png\" alt=\"read more arrow\">\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n                    </div>\n                                    </div>\n\n            </div>\n\n<script>\n    jQuery(document).ready(function($) {\n        jQuery('select').select2({\n            minimumResultsForSearch: -1,\n            width: 'resolve'\n        });\n\n        $('select').on('change', function() {\n            $('#blogform').submit();\n        });\n\n        $('.sorting input[type=\"radio\"]').change(function() {\n            $('.submit input[type=\"submit\"]').click();\n        });\n\n        // Add specific class if .career-type is found within .col div\n        document.querySelectorAll('.grid-gutter > .col').forEach(function(col) {\n            if (col.querySelector('.career-type')) {\n                col.parentNode.classList.add('career-gutter');\n            }\n        });\n\n        const $searchForm = $('#blogform');\n        // Prevent form submission on Enter key press in the search input\n        $searchForm.on('keypress', '#search-blog', function(event) {\n            if (event.which === 13) {\n                event.preventDefault();\n            }\n        });\n\n        const $searchSubmit = $('.search-submit');\n        $searchSubmit.on('click', function(event) {\n            event.preventDefault();\n        });\n\n    });\n</script>\n\n\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-nhPW5 {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-nhPW5 {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #553550;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-nhPW5-container mailform-single-page-container #553550 custom-padding \" id=\"section-nhPW5\"\n    style=\"opacity: 100%; background-color: #553550;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-12 px-0 custom-padding row\">\n                    \n<div class=\"row mx-0 lazyblock-form\">\n    <div class=\"form-pretext px-0\">\n        <h2><span style=\"font-size: 36px; color: #ffffff;\">Want to know more?</span></h2>\n<p><span style=\"color: #ffffff;\">Subscribe to our newsletter and get hand-picked articles directly to your inbox</span></p>    </div>\n    <form id=\"form-Z1bUSAc\" class=\"mailchimp-form\">\n        <div class=\"row\">\n            <div class=\"col-md-7 px-0\">\n                <input type=\"email\" name=\"subscribe-email\" id=\"subscribe-email-Z1bUSAc\"\n                       class=\"form-control\" placeholder=\"E-mail\" required>\n            </div>\n            <div class=\"col-md-5\">\n                <button type=\"submit\" class=\"btn btn-primary\">Subscribe</button>\n            </div>\n        </div>\n    </form>\n    <div id=\"form-Z1bUSAc-spinner\" class=\"d-none\">\n        Please wait..\n    </div>\n    <div id=\"form-Z1bUSAc-thankyou\" class=\"d-none px-0\">\n        Your submission was successful!    </div>\n</div>\n\n<script>\n    jQuery(document).ready(function ($) {\n        $('.mailchimp-form').on('submit', function (e) {\n            e.preventDefault();\n            var blockId = $(this).attr('id').split('-')[1];\n            var emailInput = $('#subscribe-email-' + blockId);\n            var email = emailInput.val();\n            var spinner = $('#form-' + blockId + '-spinner');\n            var thankyou = $('#form-' + blockId + '-thankyou');\n\n            spinner.removeClass('d-none'); // Show the spinner message\n\n            $.ajax({\n                type: \"POST\",\n                url: 'https://pointerpro.com/nl/wp-admin/admin-ajax.php',\n                data: {\n                    action: 'subscribe_to_mailchimp',\n                    email: email,\n                    nonce: '7ec117c4a2'\n                },\n                success: function (response) {\n                    emailInput.val('');\n                    spinner.addClass('d-none');\n                    thankyou.removeClass('d-none').html(\"Your submission was successful!\");\n                },\n                error: function () {\n                    emailInput.val('');\n                    spinner.addClass('d-none');\n                    thankyou.removeClass('d-none').html('There was an error, please try again.');\n                }\n            });\n        });\n    });\n</script>\n\n<style>\n    #form-Z1bUSAc-thankyou,\n    #form-Z1bUSAc-spinner {\n        color: #421f3c;\n        margin: 1rem 0 1rem;\n    }\n</style>\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n","protected":false},"excerpt":{"rendered":"<p>What should conversion rate optimization professionals keep in mind when they get started? The end user. Learn how and why it&#8217;s important to collect user feedback from your target audience.</p>\n","protected":false},"author":55,"featured_media":15321,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"topic":[415,416],"class_list":["post-10083","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general-en","topic-marketing","topic-questionnaire-report-tips"],"acf":[],"_links":{"self":[{"href":"https://pointerpro.com/nl/wp-json/wp/v2/posts/10083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://pointerpro.com/nl/wp-json/wp/v2/posts"}],"about":[{"href":"https://pointerpro.com/nl/wp-json/wp/v2/types/post"}],"author":[{"embeddable":true,"href":"https://pointerpro.com/nl/wp-json/wp/v2/users/55"}],"replies":[{"embeddable":true,"href":"https://pointerpro.com/nl/wp-json/wp/v2/comments?post=10083"}],"version-history":[{"count":19,"href":"https://pointerpro.com/nl/wp-json/wp/v2/posts/10083/revisions"}],"predecessor-version":[{"id":21338,"href":"https://pointerpro.com/nl/wp-json/wp/v2/posts/10083/revisions/21338"}],"wp:featuredmedia":[{"embeddable":true,"href":"https://pointerpro.com/nl/wp-json/wp/v2/media/15321"}],"wp:attachment":[{"href":"https://pointerpro.com/nl/wp-json/wp/v2/media?parent=10083"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https://pointerpro.com/nl/wp-json/wp/v2/categories?post=10083"},{"taxonomy":"post_tag","embeddable":true,"href":"https://pointerpro.com/nl/wp-json/wp/v2/tags?post=10083"},{"taxonomy":"topic","embeddable":true,"href":"https://pointerpro.com/nl/wp-json/wp/v2/topic?post=10083"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}