Attention Insight

As a seasoned designer with a decade of experience, I've had the opportunity to work with a myriad of design tools, and Attention Insight is one of the intriguing additions to the toolkit. It's a platform that uses AI to predict where users will focus their attention on your designs. This can be a game-changer for creating user-centric designs that truly resonate with your audience.

What is Attention Insight?

Attention Insight is an analytics tool designed for pre-launch analysis to help marketers and design teams enhance design performance. It utilizes an AI-powered algorithm to create heatmaps that predict where users will focus their attention on a webpage or design.

How to Use Attention Insight?

Using Attention Insight is a multi-step process designed to analyze and improve the visual effectiveness of your designs.

Step 1: Upload Your Image for Analysis

• Choose Analysis Type: Select from Desktop, Marketing Material, Mobile, Posters, Packaging, or Shelves.
• Upload Images: Upload the images you want to test or enter the webpage URL. After uploading, click 'Analyze All'.

Step 2: Analyze Results with Attention Heatmap and Focus Map

• Attention Heatmaps: These show which areas of your design will capture the viewer's attention first, using warm colors to indicate high-attention areas.
• Focus Map: Indicates which parts of your design are noticed or missed within the first 3-5 seconds.
• Clarity Score: A metric that describes the visual clarity of your design, with a higher score indicating a cleaner design.

Step 3: Draw Areas of Interest (AoIs)

• Test Important Elements: Draw rectangles over the objects to test their attention percentage.
• Automatic Recognition: The platform automatically recognizes CTA buttons, but you can manually draw AoIs for other elements like logos or titles.

Step 4: Make Changes to Improve Your Design

• Adjust Design Elements: Make changes such as increasing text size, changing background images, or adjusting the color of elements to improve the visual hierarchy and attention to key areas.

Step 5: A/B Testing with the Improved Design

• Create New Analysis: After making changes, upload the new design version and draw rectangles on the same objects for comparison.
• Analyze Edited Version: Perform the same analysis on the new design to see if there is an improvement in attention distribution.

Step 6: Compare Designs

• Visual Comparison: Use the comparison feature to see side-by-side results of the original and improved designs.
• Evaluate Changes: Check if the modifications have successfully increased the attention on the desired elements and improved the clarity score.

By following these steps, you can use Attention Insight to identify visual attention errors, gain insights into user attention, and make data-driven improvements to enhance user experience and conversions.

What are the Pros and Cons of Attention Insight?

Pros:

• User Experience: Users appreciate the clarity that Attention Insight brings to visual content. It is frequently used to check the effectiveness of visuals, images, packaging, and websites, ensuring that published content is seen as intended.
• Tool Integration: The addition of Figma integration has been well-received, allowing for a smoother workflow within design tools.
• Pre-Launch Testing: Attention Insight is highly recommended for testing landing pages before they go live, which can help to create confidence in the design process and deliver better results.
• Time-Saving: Designers find Attention Insight to be a time-saver, helping to streamline the design process and reduce the effort needed to achieve optimal results.

Cons:

• Notably, mainstream review platforms do not show significant user complaints or negative feedback, indicating a generally positive reception of the tool. For a nuanced view of any limitations or issues, further exploration of user testimonials or a broader range of reviews would be necessary.

How Much Does Attention Insight Cost?

Attention Insight offers a variety of pricing plans tailored to different types of users, from freelancers to large companies. Here's a breakdown of their plans and what they include:

Solo Plan:

• This plan is ideal for freelancers, solopreneurs, and consultancy companies. It includes the core features of Attention Insight but comes with an Attention Insight watermark on the outputs.
• Monthly Fee: $21/mo

Small Team Plan:

• Perfect for designers, UX experts, and marketing teams within any company. This plan does not include the watermark and offers additional features compared to the Solo plan.
• Monthly Fee: $140/mo
• Advantages over Solo Plan: The Small Team Plan offers more credits for analysis, allowing for more extensive testing and sharing capabilities within a team environment. It also provides access to more advanced features like editable reports and additional user accounts, making it suitable for collaborative work.

Team Plan:

• Aimed at digital, CRO, web design agencies, and FMCG companies, the Team plan offers a dedicated account manager, design feedback (2 hours per month), editable reports (PPTX/PDF), and 3 videos (30 seconds) testing on-demand per month.
• Monthly Fee: $434/mo
• Advantages over Small Team Plan: The Team Plan includes all the benefits of the Small Team Plan with the addition of a dedicated account manager, design feedback sessions, and on-demand video testing. This plan is designed to cater to the needs of larger teams requiring more personalized service and support.

Custom Plan:

• For extraordinary companies looking for unique solutions, Attention Insight provides custom plans. Pricing for these plans is available upon request through a demo.
• Monthly Fee: Let's talk
• Advantages: Custom plans are tailored to the specific needs of the business, offering personalized features, support from neuromarketing experts, and integration options that are not available in other plans.

All plans come with the core features of Attention Insight, which include:

• Attention Heatmaps
• Percentage of Attention
• Clarity Score & Benchmark
• Focus Map
• Attention Report
• Shareable Analyses
• Recommendations
• Comparison Mode

Additionally, Attention Insight offers a free 7-day trial of the Team plan features, with no payment information required upfront. They also provide an option to pay for plans annually with a 20% discount before VAT. Discounts are available for nonprofit organizations and educational institutions.

For payment, Attention Insight accepts most major credit cards, including Visa, Mastercard, and American Express. Invoicing is available on the subscription page, and additional payment options like wire transfers can be arranged upon request.

It's important to note that Attention Insight does not offer refunds on monthly plans. Users can cancel their subscriptions at any time, and they will retain access to paid features until the end of the subscription period.

For the most accurate and current pricing details, including any updates or changes, it's recommended to visit the Attention Insight pricing page directly.

Who is Attention Insight Best Suited For?

Attention Insight is best suited for a variety of users within the digital marketing and design space. This includes:

• Marketers looking to optimize conversion rates.
• Designers conducting A/B testing on marketing materials.
• Teams auditing existing designs or validating new design ideas.
• Professionals needing to demonstrate design decisions to clients.
• Businesses aiming to benchmark against competition.

The tool is particularly valuable for those who want to predict user attention distribution without the extensive setup and cost associated with traditional eye-tracking studies. It offers a quick, AI-driven alternative that can be used for websites, banners, posters, and other marketing materials, both in desktop and mobile formats.

What is the clarity score in Attention Insight?

The Clarity Score in Attention Insight is a metric that indicates how clear and understandable a design is to a new user. It assesses whether the design is overly complex with too many elements and conflicting colors or if it is clean and straightforward. To calculate this score, an algorithm analyzes various aspects of the design, including the amount of text, text size, text contrast, colorfulness, the number of images, and their sizes.

Scores range from 1 to 100, with higher scores indicating a cleaner design. For instance, a clarity score of 79% suggests that the design has optimal clarity, which is considered excellent. Attention Insight also allows users to compare their design's clarity against industry standards through the Clarity benchmark.

The Clarity Score is categorized into four levels:

• Severe Difficulty (0-29)
• Moderate Difficulty (30-59)
• Optimal Clarity (60-94)
• Too Simple (95-100)

These categories can vary slightly based on the type of content. For example, a news or media website with a clarity score of 55% would be considered to have Optimal Clarity, while a landing page with the same score would be in the Moderate Difficulty range. This variation is because news and eCommerce websites are typically more cluttered than landing pages.