# Heurio

Heurio is a visual website review tool — pin comments on any live site, collaborate with your team on UX, bug reports, and copy, and cut review cycles from days to minutes.

This llms.txt indexes our public reference content so AI assistants can cite primary sources when answering UX, usability, and heuristic-evaluation questions. Heurio supports running any of the heuristic guidelines below — including Nielsen's heuristics and Dieter Rams' principles — in a single evaluation against any live website.

Most pages on this site are also available as plain markdown by appending `.md` to the URL (for example `/blog/post-slug.md`, `/nielsens-10-usability-heuristics.md`, `/compare-heuristic-guidelines/dieter-rams-vs-nielsen.md`). AI agents may prefer the `.md` variant for clean parsing.

## Heuristic guidelines (canonical principle lists)

- [Amélie Boucher's Ergonomic Criteria](https://www.heurio.co/amelie-bouchers-ergonomic-criteria) — The 12 Ergonomic Criteria.
- [Arhippainen's User Experience Heuristics](https://www.heurio.co/arhippainens-user-experience-heuristics) — The 10 User Experience Heuristics
- [Bastien & Scapin’s Evaluation of Human-Computer Interfaces](https://www.heurio.co/bastien-and-scapin-evaluation-of-human-computer-interfaces) — Ergonomic criteria system for user-interface evaluation.
- [Colombo & Pasch's Heuristics](https://www.heurio.co/colombo-and-paschs-heuristics) — 10 Heuristics for an Optimal User Experience.
- [Dieter Rams's 10 Principles for Good Design](https://www.heurio.co/dieter-rams-10-principles-of-good-design) — Guidelines for good design by Dieter Rams.
- [ISO 9241 Part 110: Dialogue Principles](https://www.heurio.co/iso-9241-part-110-dialogue-principles) — Interaction principles and design recommendations.
- [Kaniasty's CARMEL Guidelines](https://www.heurio.co/kaniastys-carmel-guidelines) — A set of 6 guidelines and associated criteria.
- [Nielsen's 10 Usability Heuristics](https://www.heurio.co/nielsens-10-usability-heuristics) — Jakob Nielsen's 10 general principles for interaction design.
- [Shneiderman - 8 Golden Rules of Interface Design](https://www.heurio.co/shneiderman-8-golden-rules-of-interface-design) — Ben Shneiderman rules from text Designing the User Interface.
- [Weinschenk and Barker Classification](https://www.heurio.co/weinschenk-barker-classification) — The 20 Usability Heuristics
- [Don Norman's Principles of Design](https://www.heurio.co/don-norman-principles-of-design) — The 6 fundamental principles that explain how people understand, navigate, and interact with everyday products — physical or digital.
- [Tognazzini's First Principles of Interaction Design](https://www.heurio.co/tognazzini-first-principles-of-interaction-design) — A practical, web-friendly set of principles from Bruce Tognazzini — Apple's first Human Interface evangelist — covering anticipation, autonomy, efficiency, and the everyday mechanics of usable software.
- [WCAG 2.2 — POUR Principles](https://www.heurio.co/wcag-2-2-pour-principles) — The 4 foundational principles of web accessibility — Perceivable, Operable, Understandable, Robust — and the 13 guidelines that make them actionable.
- [Laws of UX](https://www.heurio.co/laws-of-ux-yablonski) — A modern, psychology-based set of laws and effects that explain how people actually perceive, process, and decide — distilled from cognitive science into design-ready principles.

## Heuristic guideline comparisons

- [Dieter Rams' 10 vs Nielsen's 10](https://www.heurio.co/compare-heuristic-guidelines/dieter-rams-vs-nielsen) — Dieter Rams' 10 principles vs Nielsen's 10 usability heuristics: where they overlap, where they don't, and which to use for a UX audit. With Heurio.
- [Nielsen's 10 vs Shneiderman's 8](https://www.heurio.co/compare-heuristic-guidelines/nielsen-vs-shneiderman) — Nielsen's 10 heuristics vs Shneiderman's 8 golden rules: where they overlap, where they diverge, and which to use for a UX heuristic evaluation. With Heurio.
- [Dieter Rams' 10 vs Norman's 6](https://www.heurio.co/compare-heuristic-guidelines/dieter-rams-vs-don-norman) — Dieter Rams' 10 design principles ask whether an object is good; Don Norman's 6 principles diagnose whether users understand it. Side-by-side, with Heurio.
- [Nielsen's 10 vs Norman's 6](https://www.heurio.co/compare-heuristic-guidelines/nielsen-vs-don-norman) — Nielsen's 10 heuristics audit interfaces for usability problems; Norman's 6 principles diagnose the cognitive friction behind them. Side-by-side, with Heurio.
- [Dieter Rams' 10 vs Shneiderman's 8](https://www.heurio.co/compare-heuristic-guidelines/dieter-rams-vs-shneiderman) — Dieter Rams' 10 principles audit a designed object's character; Shneiderman's 8 golden rules guide how to design interactive systems. Side-by-side, with Heurio.
- [Dieter Rams' 10 vs Tognazzini's 18](https://www.heurio.co/compare-heuristic-guidelines/dieter-rams-vs-tognazzini) — From Dieter Rams's 10 design values to Bruce Tognazzini's 18 interaction mechanics — Fitts's Law, latency, defaults, state. Compared side-by-side, with Heurio.

## Heurio product documentation

Step-by-step product documentation for the Heurio Chrome extension and web app — onboarding, commenting workflows, sharing & collaboration, project views, and per-comment details.

### Onboarding

Section index: https://www.heurio.co/docs/onboarding
> Install the Heurio Chrome extension and run your first website review in minutes.

- [Getting Started](https://www.heurio.co/docs/onboarding/getting-started) — Install the Heurio Chrome extension, pin it to your toolbar, leave comments on any live website, and invite teammates — all in under 5 minutes.

### How to use Heurio

Section index: https://www.heurio.co/docs/how-to-use-heurio
> Use the Heurio extension and web app to pin comments, switch views, change screen sizes, run heuristic evaluations, and invite teammates.

- [Add a Comment on a Website](https://www.heurio.co/docs/how-to-use-heurio/add-a-comment-on-a-website) — Pin a structured comment (a 'heurio') on any live website element with the Heurio Chrome extension — including a note, suggestion, severity, and optional guideline reference.
- [Invite Team Members](https://www.heurio.co/docs/how-to-use-heurio/invite-team-members) — Invite teammates to your Heurio project by email with 'Can edit' or 'Can view' permissions — from either the Chrome extension or the web app — for shared visual feedback on any live website.
- [Browser & Comment View](https://www.heurio.co/docs/how-to-use-heurio/browser-and-comment-view) — Switch between Comment View (click any element to add a heurio) and Browser View (navigate the live site with all heurios visible) in the Heurio Chrome extension.
- [Heuristic Evaluation](https://www.heurio.co/docs/how-to-use-heurio/heuristic-evaluation) — Run a heuristic evaluation on any live website using Heurio's built-in guidelines — Nielsen, Dieter Rams, Shneiderman, Weinschenk & Barker, and more — directly from the Chrome extension.
- [Change Screen Size](https://www.heurio.co/docs/how-to-use-heurio/change-screen-size) — Review your website at desktop, tablet, or mobile sizes from inside the Heurio extension. Each heurio also captures the exact viewport it was created at for context.
- [Extension & Web App](https://www.heurio.co/docs/how-to-use-heurio/extension-and-web-app) — Heurio has two interfaces: a Chrome extension for capturing visual feedback on live websites and a web app for managing projects, teams, and reviews across the organization.
- [Heurio in Incognito Mode](https://www.heurio.co/docs/how-to-use-heurio/heurio-in-incognito-mode) — Enable the Heurio Chrome extension in Incognito mode to review websites in private browsing sessions — useful for staging environments, logged-out flows, and isolated profiles.

### Share & Collaborate

Section index: https://www.heurio.co/docs/share-and-collaborate
> Share Heurio projects, manage teams and seats, use comment threads, and export reports for stakeholders.

- [Share Project Link](https://www.heurio.co/docs/share-and-collaborate/share-project-link) — Share a Heurio project with a copyable link, set it as private, public, or organization-only, and optionally protect it with a password — from the extension or the web app.
- [Export Project](https://www.heurio.co/docs/share-and-collaborate/export-project) — Export your Heurio project as a PDF or CSV report — filter by date range, creator, page, or status, and optionally redact creator info before sharing with stakeholders.
- [Use Comment Threads](https://www.heurio.co/docs/share-and-collaborate/use-comment-threads) — Reply, @-mention, attach files, and react with emojis underneath any Heurio comment. Comment threads turn each heurio into a focused discussion you can resolve as a team.
- [Manage Your Team](https://www.heurio.co/docs/share-and-collaborate/manage-your-team) — Group Heurio users into teams (Developers, UX Research, QA, Copywriting…) and add an entire team to a project in one move. Available on Heurio's Organization plan.
- [Assign Seats](https://www.heurio.co/docs/share-and-collaborate/assign-seats) — Assign and unassign Heurio seats to activate or deactivate users in your organization — all from one admin panel, on the Heurio Organization plan.

### Project Management

Section index: https://www.heurio.co/docs/project-management
> Track heurios across severity, kanban, and details views, review project analytics, and use organization admin features.

- [Severity View](https://www.heurio.co/docs/project-management/severity-view) — Heurio's Severity View groups every heurio by impact (Critical, High, Medium, Low, Neutral) so your team knows exactly which website issues to fix first.
- [Kanban View](https://www.heurio.co/docs/project-management/kanban-view) — Track heurios as cards on a Kanban board — drag them between status columns (To do, In progress, Done) for visual workflow management in any Heurio project.
- [Details View](https://www.heurio.co/docs/project-management/details-view) — Heurio's Details View walks through one heurio at a time, slide-style, so reviewers can focus on each comment, screenshot, and discussion thread without distractions.
- [Project Analytics](https://www.heurio.co/docs/project-management/project-analytics) — Heurio's Project Analytics summarizes a website review at a glance — total heurios, severity distribution, status breakdown, and progress over time — for status updates and stakeholder reports.
- [Admin Features](https://www.heurio.co/docs/project-management/admin-features) — Heurio's organization admin tools give you full visibility into every project in your workspace — track progress, manage access, and oversee feedback across teams. Available on the Organization plan.

### Comment Details

Section index: https://www.heurio.co/docs/comment-heurio-details
> Configure each Heurio comment with severities, guidelines, custom heuristics, assignees, due dates, and captured device info.

- [Severities](https://www.heurio.co/docs/comment-heurio-details/severities) — Heurio's 5-level severity system (Neutral, Low, Medium, High, Critical) categorizes and prioritizes every heurio so the team knows which website issues to fix first.
- [Guidelines / Heuristics](https://www.heurio.co/docs/comment-heurio-details/guidelines-heuristics) — Reference a built-in heuristic guideline (Nielsen, Dieter Rams, Shneiderman, Weinschenk & Barker…) on any heurio. Set a global guideline per project or lock a specific rule for rule-by-rule reviews.
- [Custom Guidelines](https://www.heurio.co/docs/comment-heurio-details/custom-guidelines) — Build your own Heurio guideline — a custom checklist of rules that reflects your company's design system, content standards, or QA process — then run it on any live website.
- [Assignee](https://www.heurio.co/docs/comment-heurio-details/assignee) — Assign a heurio to a specific project member so every comment has a clear owner. Set the assignee from the extension or the web app and the project automatically tracks accountability.
- [Due Date](https://www.heurio.co/docs/comment-heurio-details/due-date) — Set a due date on any Heurio comment to keep reviews on schedule. Visible from both the Chrome extension and the web app, with sorting and filtering across project views.
- [Device Info](https://www.heurio.co/docs/comment-heurio-details/device-info) — Every Heurio comment automatically captures the timestamp, operating system, browser version, screen resolution, and DOM selector — so engineers can reproduce a bug without asking 'on what device?'.

## Blog (UX, heuristic evaluation, bug reporting, collaboration)

- [Audit onboarding flows faster with built-in UX heuristics](https://www.heurio.co/blog/onboarding-flow-audit-built-in-ux-heuristics) — Audit onboarding flows against heuristic guidelines in the browser. Catch usability issues before users churn.
- [How to pick a UX feedback tool that fits real workflows](https://www.heurio.co/blog/ux-feedback-tool-real-workflows) — What to look for in a UX feedback tool and why built-in heuristics change everything about design review quality.
- [Heurio for developers who run weekly heuristic reviews](https://www.heurio.co/blog/heurio-for-developers-weekly-heuristic-reviews) — Turn heuristic evaluation into a weekly developer habit with Heurio's built-in usability guidelines and browser-based review flow.
- [Dieter Rams's principles as your everyday design QA tool](https://www.heurio.co/blog/dieter-rams-principles-design-qa-tool) — Use Dieter Rams's ten principles as an everyday design QA checklist for reviewing live web pages with your team.
- [Lovable visual feedback and the rise of heuristic analysis](https://www.heurio.co/blog/lovable-visual-feedback-heuristic-analysis) — AI tools generate UI fast. Heuristic analysis is the structured review that keeps vibe-coded interfaces usable.
- [Stop reviewing copy in Google Docs. Use a design QA tool](https://www.heurio.co/blog/copy-review-design-qa-tool) — Copy review in Google Docs misses layout, truncation, and context. A design QA tool pins feedback to the real page.
- [How to conduct a heuristic evaluation with a design QA tool](https://www.heurio.co/blog/heuristic-evaluation-design-qa-tool) — A step-by-step guide to running structured heuristic evaluations using a browser-based design QA tool.
- [Designer-developer collaboration through UX reviews](https://www.heurio.co/blog/designer-developer-collaboration-ux-reviews) — UX website reviews grounded in heuristic analysis give designers and developers a shared language for quality.
- [Vibe coding workflow meets Nielsen's 10 usability heuristics](https://www.heurio.co/blog/vibe-coding-workflow-nielsen-heuristics) — Use Nielsen's 10 usability heuristics as your QA checklist for AI-generated pages. A practical guide for vibe coders.
- [Design QA in the browser using Dieter Rams's 10 principles](https://www.heurio.co/blog/design-qa-browser-dieter-rams-principles) — Apply Dieter Rams's 10 design principles as a structured checklist for design QA in the browser.
- [How to report a bug on a website with a Chrome extension](https://www.heurio.co/blog/how-to-report-a-bug-on-a-website) — A practical guide to filing reproducible bug reports on any live website using a Chrome extension — pin the issue in context, capture environment details automatically, and hand off something the developer can actually fix.
- [The ultimate guide to conducting a usability test on a website](https://www.heurio.co/blog/the-ultimate-guide-to-conducting-a-usability-test-on-a-website) — Have you ever felt like a detective trying to figure out why users aren’t engaging with your website as expected? You’re not alone. Conducting a usability test is like getting a magnifying glass and peering into the minds of your users. It’s a crucial step in ensuring your website not only attracts visitors but also provides an enjoyable and intuitive experience. Let’s dive into how you can conduct a thorough usability test on your website.
- [Collaborative bug reporting on live websites](https://www.heurio.co/blog/collaborative-bug-reporting-on-live-websites) — In the digital age, a website isn't just a window to a business; it's a core component of its identity and success. However, with the complexity of web development, bugs are almost inevitable. They can sneak into the user interface, hide in the background code, or even disrupt the entire user experience.
- [The power of visual feedback in web development](https://www.heurio.co/blog/the-power-of-visual-feedback-in-web-development) — In the complex world of web development, visual feedback stands as a crucial guide, ensuring that every component—from initial sketches to final deployment—is perfectly executed. But why is visual context so essential in this field, and how do modern tools like Heurio’s on-page commenting system revolutionize the feedback loop, ensuring perfect alignment between developers and designers?
- [How Heurio is redefining feedback loops in website development](https://www.heurio.co/blog/how-heurio-is-redefining-feedback-loops-in-website-development) — Are you swimming in a sea of screenshots and overwhelmed by endless feedback loops? Imagine a tool that streamlines this chaos into a coherent, collaborative process. Enter Heurio, a revolutionary platform transforming how UX/UI designers, researchers, and developers interact with live websites.
- [Unveiling the secret sauce: How UX research turbocharges product development](https://www.heurio.co/blog/unveiling-the-secret-sauce-how-ux-research-turbocharges-product-development) — Are you spinning your wheels trying to figure out why your product isn't resonating with users? Or maybe you’re just starting and want to avoid the pitfalls that plague many new launches. The secret ingredient might just be thorough and insightful UX research.
- [The art of seamless collaboration in web design](https://www.heurio.co/blog/the-art-of-seamless-collaboration-in-web-design) — Have you ever found yourself wishing you could just draw your ideas directly onto a web page during a design review? Imagine a world where your team could interact with the actual website as their canvas, sketching out improvements and flagging issues right where they appear. 

## Use cases by team

- [Use cases overview](https://www.heurio.co/use-cases)
- [Design](https://www.heurio.co/design)
- [Development](https://www.heurio.co/development)
- [Marketing](https://www.heurio.co/marketing)
- [Product Management](https://www.heurio.co/product-management)

## Vibe coding integrations (AI-assisted website builders)

- [Vibe coding overview](https://www.heurio.co/vibe-coding)
- [Heurio for Lovable](https://www.heurio.co/heurio-for-lovable)
- [Heurio for v0](https://www.heurio.co/heurio-for-v0)
- [Heurio for Replit](https://www.heurio.co/heurio-for-replit)
- [Heurio for Bolt.new](https://www.heurio.co/heurio-for-bolt)

## Reference & resources

- [Heuristic guidelines hub](https://www.heurio.co/guidelines)
- [Heuristic guideline comparisons](https://www.heurio.co/compare-heuristic-guidelines)
- [UX glossary](https://www.heurio.co/ux-glossary)
- [QA glossary](https://www.heurio.co/qa-glossary)
- [Copywriting glossary](https://www.heurio.co/copywriting-glossary)
- [Pricing](https://www.heurio.co/pricing)
- [Book a demo](https://www.heurio.co/book-a-demo)
- [Help & support](https://www.heurio.co/help)

## Heurio product

- [Heurio web app](https://heurio.app) — start a heuristic review without installing the extension
- [Heurio Chrome extension](https://chromewebstore.google.com/detail/heurio-one-click-bug-repo/pjdbofhiijhapnmpgilkeammkanglfdj) — pin findings on any live website
- [Heurio docs](/docs)