Instantly create AI heatmaps with the most eye-catching parts of your design.
AI heatmaps are a visual representation of data that helps you determine whether users view and observe certain elements.
The algorithm uses warm-to-cold colours to display which areas get more attention. For example, areas attracting the most attention receive warmer colours like red and yellow.
Define an Area of Interest (AOI) that you want to test. In no time, get an exact percentage of attention that object receives.
AOIs represent objects (e.g. call-to-action buttons) that you want to test in the design.
Even though our algorithm recognizes CTA buttons automatically, other AOIs can be set by you.
Make sure that users see the most critical elements of your designs.
Focus Map shows which parts of your design are noticed or missed within the first 3-5 seconds. If users can’t find what they are looking for within seconds, they’re gone.
Your design must answer three questions:
Answers to these questions should be visible in the focus map.
Measure the clarity of your design and compare against competing designs in the same category.
Clarity score shows how clear the design is for a new user, whether it is overloaded with elements and conflicting colours or it is clean and clear. The score ranges from 1 to 100 (100 indicates maximum clean design).
Alexa Sites Rank is a benchmark of Top 170 Alexa websites gathered together. It enables Attention Insight to compare your website against your competitors in terms of clarity.
Attention Insight report delivered in PDF format shows the following: introduction to the technology, Focus Map (shows which parts of your design are noticed or missed within the first 3-5 seconds), Clarity Score (clarity of your design in percentage), Attention Heatmap (shows design’s the most eye-catching parts through warm-to-cold colors), and Percentage of Attention (a percentage that each object in your design receives).
This feature lets you easily see the change in attention heatmap and focus map, as well as spot the percentage of attention and clarity score differences. Use it all in the A / B testing process and be doubtless about your design decisions.
Add your colleagues to specific projects and analyze designs together.
Share analyzes with our clients or colleagues directly.
Get design elements visibility benchmark for CTA buttons.
Contact us using the Intercom pop-up or send us an email. We will be glad to answer all of your questions.
Attention heatmaps, focus maps, clarity score and other features could be assess via API.
Improve your workflow with XD, Photoshop, Sketch, Figma plugins and Chrome extension.