How it works
Add a single script tag to your website:
<script src="https://cdn.aimirror.dev/aimirror.latest.js" data-key="YOUR_PUBLIC_API_KEY"></script>Or pull the SDK
import { AIMirror } from "aimirror";
AIMirror.init({
key: "YOUR_PUBLIC_API_KEY",
});This lightweight script quietly tracks real user behaviour — scrolls, clicks, hovers, element exposure time, and more — entirely in the background, either by an end user on your deployed project, or while you develop.
From these behaviours, the Insight Engine automatically produces actionable UX insights, prioritised by impact. You can see real-time, actual Live Insights for aimirror.dev analysing itself, in the Live Insights section below.
Engagement Simulation
The script will then track every interaction in the background. Every session. Every user. Live.
These interactions will drive the analysis tools in our API to provide real-time, up to date insights about your users behaviour.
Clicks
0
Scrolls
0
Recent activity
- Start interacting with the page to see live events here.
Live Insights
The dashboard will then give you realtime insights about what your users have been doing, what kind of problems your site has, how important they are to fix, and most of all, how to fix them.
These insights are real-time live insights for aimirror.dev
Yes, the AIMirror website is not perfect, and is constantly being improved upon, thanks to the analysis of itself.
Project: aimirror.dev
- homepage trustMEDIUM IMPACT
High bounce rates may indicate a lack of trust signals on key pages.
Add trust signals such as customer testimonials or security badges to key conversion pages.
Fix ReadyProposed Fix
High bounce rates often point to users feeling uncertain or unsafe. Adding visible trust signals (like security badges, testimonials, or recognized payment logos) can increase confidence and encourage engagement.
HTML
<div class="trust-signals"> <img src="/assets/security-badge.png" alt="Secure Site"> <img src="/assets/payment-logos.png" alt="Accepted Payment Methods"> <blockquote>Satisfied Customer: "Great service and fast delivery!"</blockquote> </div>CSS
.trust-signals { display: flex; gap: 1rem; align-items: center; margin-top: 1.5rem; } .trust-signals img { height: 40px; }ARIA
<div class="trust-signals" aria-label="Trust signals: Secure site and verified payments"> ... </div>Choose trust signals relevant to your business (badges, reviews). Place them above the fold or near key actions (like Checkout). Ensure all images have descriptive alt text for accessibility.
- homepage accessibilityMEDIUM IMPACT
No accessibility data provided, but low engagement suggests potential issues.
Conduct an accessibility audit to ensure compliance with WCAG 2.2 standards.
Fix ReadyProposed Fix
The element lacks a tag, ID, class, and accessibility attributes, which prevents it from being properly rendered or accessible by assistive technologies. The absence of content and structure can also cause low user engagement.
HTML
<div role="region" aria-label="Descriptive label here">Add meaningful content here</div>CSS
div[role="region"] { font-size: 16px; color: #222; background: #fff; }ARIA
Add a role attribute (e.g., role="region") and an aria-label or aria-labelledby to describe the element for screen readers.Ensure that every interactive or significant element has a semantic HTML tag, descriptive content, and appropriate ARIA attributes. Update 'Descriptive label here' and content to suit the context.
- homepage visualMEDIUM IMPACT
Lack of user interaction may indicate poor visual hierarchy or unclear affordances.
Enhance visual hierarchy by adjusting spacing and alignment to guide user focus.
Fix ReadyProposed Fix
The current element lacks a tag, id, class, styles, and text, making it invisible and non-interactive. Without clear visual cues or affordances, users may not recognize it as interactive, leading to poor usability.
HTML
<button id="callToAction" class="primary-action">Click Me</button>CSS
#callToAction.primary-action { font-size: 1.1rem; font-weight: 600; color: #fff; background: #007bff; padding: 0.5em 1em; border: none; border-radius: 4px; cursor: pointer; }ARIA
role="button" aria-label="Call to action button"A clear tag (button), visual style, and ARIA role ensure users can see and understand how to interact with the element. Update text and styling to suit your use case.
- homepage performanceHIGH IMPACT
Low engagement scores and high bounce rates suggest potential performance issues.
Optimize page load speed and ensure content is quickly accessible to improve perceived performance.
Fix ReadyProposed Fix
An empty DOM element with no tag, content, or styling can create accessibility and rendering issues that degrade user experience. This can contribute to poor engagement and higher bounce rates, particularly if the element is supposed to display meaningful content or controls.
HTML
<div id="main-content" class="engagement-section" role="main">Your meaningful content goes here.</div>CSS
.engagement-section { font-size: 1.1rem; color: #222; background: #fff; font-weight: 400; padding: 1em; }ARIA
{ "role": "main", "aria-label": "Main Content" }Ensure all interactive or content-bearing elements are present in the DOM, have proper roles for accessibility, are visible, and load meaningful content for users. Review your rendering and data pipelines for errors preventing correct element output.
- homepage contentMEDIUM IMPACT
High bounce rates suggest content may not be immediately relevant or engaging.
Ensure that the content aligns with user intent and is clearly presented.
- homepage navigationMEDIUM IMPACT
No user interaction with navigation elements suggests possible discoverability issues.
Improve the visibility and labeling of navigation links to enhance discoverability.
- homepage conversionMEDIUM IMPACT
Instant bounce suggests users are not finding the call-to-action (CTA) compelling or visible.
Move the primary CTA above the fold to increase visibility and encourage interaction.
- homepage engagementHIGH IMPACT
Users are experiencing shallow interaction with high bounce rates and low engagement scores.
Enhance the first screen with more engaging content or interactive elements to capture user interest.
- homepage trustLOW IMPACT
Lack of trust signals may contribute to high bounce rates.
Add trust elements on key conversion pages to reassure users.
- homepage seoMEDIUM IMPACT
Potential SEO issues due to missing or poorly structured headings.
Ensure proper heading structure to improve content discoverability.
- homepage accessibilityLOW IMPACT
Potential accessibility issues might be affecting user interaction.
Conduct an accessibility audit to ensure compliance with WCAG 2.2 standards.
- homepage contentMEDIUM IMPACT
Lack of interaction might be due to content not matching user intent.
Ensure content is relevant and matches user expectations to increase engagement.
Fix ReadyProposed Fix
The DOM element metadata indicates that no tag, id, class, content, or role is specified. This results in an element that cannot be interacted with, likely failing to match user intent and provide any meaningful content or functionality.
HTML
<button id="action-btn" class="primary-action" role="button">Click Me</button>CSS
.primary-action { font-size: 16px; font-weight: bold; color: #fff; background: #007bff; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; }ARIA
Ensure role="button" remains, and consider aria-label if button text is insufficient.Update the element to use a semantic tag with an appropriate role, content, and minimal styling. Replace text and roles as needed for your specific intent.
- homepage performanceHIGH IMPACT
Instant bounce indicates potential performance issues affecting user retention.
Optimize page load speed to improve perceived performance and reduce bounce rate.
- homepage visualMEDIUM IMPACT
Low engagement might be due to poor visual hierarchy or lack of clear focal points.
Improve visual hierarchy by adjusting spacing and alignment to guide user attention.
- homepage navigationMEDIUM IMPACT
Users are not interacting with the navigation, possibly due to unclear information architecture.
Simplify and clarify the navigation structure to improve discoverability.
- homepage engagementHIGH IMPACT
Users are instantly bouncing with no interaction, indicating low engagement.
Enhance the initial visual appeal or content hook to retain users longer.
- general trustMEDIUM IMPACT
Lack of engagement and high bounce rates may indicate trust issues, but no specific data available.
Enhance trust elements on key pages like checkout and signup to reassure users.
- general accessibilityMEDIUM IMPACT
Potential WCAG 2.2 issues could be affecting accessibility, but no specific data available.
Conduct an accessibility audit to identify and fix WCAG 2.2 compliance issues.
- general seoLOW IMPACT
Potential issues with headings structure may affect SEO and content discoverability.
Ensure proper use of headings (H1, H2, etc.) to improve SEO and content structure.
- general visualMEDIUM IMPACT
Potential issues with visual hierarchy and spacing could be affecting user engagement.
Improve visual hierarchy by adjusting spacing and alignment to guide user attention.