Name: Amazing tool for a UX/web designer!
Item: Attention Insight
Rating: 5
Author: leannereichhoff

Group

Software

Development & IT

Sub category

Website analytics

Product type

Lifetime access to Attention Insight Team Plan

You must redeem your code(s) within 60 days of purchase

Note: Previous AppSumo customers who purchased Attention Insight can buy more codes to increase their feature limits

May 17, 2021

<h4><b>Attention Insight improves design success with pre-launch analytics that give you valuable feedback before you hit publish.</b></h4>

<p><div id="pdp-story-inline-video" class="story-inline-video"><iframe
  id="attention21-vid"
  width="560"
  height="315"
  src="https://www.youtube.com/embed/FdSnQG-ul4E?rel=0"
  frameborder="0"
  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen
  loadonscroll
></iframe>
</div></p>

<p><b>Access your designs and projects on Attention Insight’s sleek dashboard</b> where you can organize different analyses and share them with your team.</p>

<p>To test a design on Attention Insight, simply create a new analysis and upload an image. Or if you’re testing a live page, enter the URL.</p>

<p>Heatmaps, powered by AI, <b>indicate how user attention is distributed between specific design elements</b>, so you can pre-test what’s hot and what’s not. (<i>Are those Crocs... in the logo?</i>)</p>

<p>Along with seeing the most eye-catching parts of your design, you can <b>test specific design elements and get an exact Percentage of Attention</b> that element receives.</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="attention21-1"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-1.jpg?optimizer=gif"
                alt="Dashboard with various projects"
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-1.jpg?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-1.jpg?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-1.jpg?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>


<h5 style="text-align: center; "><i>The Attention Insight dashboard helps you share your projects and analyses with your team and keep them organized.</i></h5>

<p>The Clarity Score <b>shows how clear your design is</b>.</p>

<p>A score between 57 and 95 equals Optimal Clarity (i.e., best user experience), while 0% means you should reconsider hiring your spouse’s cousin who claimed to be a designer.</p>

<p>Alexa Site Rank lets you <b>compare your design clarity</b> with Top 170 Alexa sites in different categories of your industry standard, like Landing, E-commerce, and News Media.</p>

<p>And don’t worry, the site rank feature isn’t a voice command. (“Alexa, how does my site rank?” <i>I’m sorry, I don’t know how your kite sank.</i>)</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="attention21-2"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-2.jpeg?optimizer=gif"
                alt="Clarity score and numerical design analysis"
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-2.jpeg?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-2.jpeg?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-2.jpeg?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<h5 style="text-align: center;"><i>Clarity Score measures how clear your design is, while the Alexa Site Rank shows how your design clarity stacks up against industry standards!</i></h5>

<p>Use the Compare feature to<b> implement A/B testing to test multiple versions of your design</b> for higher conversion rates.</p>

<p>Set them up side by side on one screen and see how they stack up against each other.</p>

<p>In Comparison Mode, you’ll <b>get a comparison table that contrasts the Clarity Scores of both designs</b> as well as the Percentage of Attention for each tested element.</p>

<p><b>Compare headings, subheadings, primary and secondary CTAs, images, and more </b>to see which one is winning in overall attention.</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="attention21-3"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-3.jpeg?optimizer=gif"
                alt="Side-by-side design analysis"
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-3.jpeg?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-3.jpeg?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-3.jpeg?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<h5 style="text-align: center;"><i>Compare different design versions side by side to make data driven decisions.</i></h5>

<p>The <b>Attention Insight Chrome extension </b>makes it easy to evaluate your website design and compare your design with your competition in one click.</p>

<p>You’ll be able to <b>uncover the website’s usability strengths and weaknesses</b> to increase traffic and user engagement on your webpage.</p>

<p>Attention Insight <b>generates in-depth PDF reports</b>. You can also share the analysis with clients and colleagues through a URL.</p>

<p>Get ready to save time and avoid having to make fixes after the launch. (<i>I told you Comic Sans was a bad idea, Frank.</i>)</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="attention21-4"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-4.jpg?optimizer=gif"
                alt="PDF report with text, images, and charts"
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-4.jpg?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-4.jpg?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-4.jpg?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<h5 style="text-align: center; "><i>Access in-depth PDF reports of your analysis and share them with clients, teammates, and collaborators.</i></h5>

<p>Attention Insight is designed to seamlessly combine with your current workflow.</p>

<p>With <b>Figma, Adobe XD, Sketch integrations</b>, you’ll be able to easily work in your native apps.</p>

<p>Unlock the power of AI magic—install your integration and get AI-powered Heatmaps on the go.</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="attention21-5"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-5.jpeg?optimizer=gif"
                alt="Figma integration screen"
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-5.jpeg?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-5.jpeg?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/attention21-5.jpeg?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<h5 style="text-align: center; "><i>The Attention Insight Plugin seamlessly integrates with Figma, Adobe XD, and Sketch.</i></h5>

<p>With all the distracting things on the Internet (<i>ooh, a soy candle sale!</i>), it’s hard to know where visitors’ attention is actually going.</p>

<p>Good thing you’ve got powerful pre-launch analytics that help you maximize the visibility of key design elements.</p>

<p>Attention Insight lets you see your design through the eyes of your users, to make sure you’re getting the attention you want—and deserve!</p>

<p><b>Get lifetime access today!</b></p>

<p><b>P.S.</b> <i>Attention Insight is best for pages and creatives read from left to right. We don’t recommend using it for pages or creatives written in languages that read right t left or downward pattern (e.g., Hebrew or Chinese).</i></p>

Design

Marketing

Data & Analytics

Maximize advertising campaign results and design performance with pre-launch analytics

Attention Insight

Share Attention Insight