Spardocs

Pages

Every UX observation from the audit, grouped by page type, with a live preview of the page.

Pages answers "what's wrong with this page, or this kind of page?" It lists every UX observation the audit made, grouped by page type and then by component.

Pages view showing 56 UX observations, with the Home page type expanded and observations grouped under components like Accessibility, Category Taxonomy, and Header, each with KPI impact bars and an impact score
Observations for the Home page type, grouped by component.

Pick a page type

The All pages menu at the top switches between page types (home, product, collection, and so on) and shows how many pages of that type Spar crawled. The line under it tells you how many UX observations are showing.

With All pages selected, each page type gets its own section with an observation count. Click the section header to collapse or expand it.

Reading an observation

Inside a page type, observations are grouped by the component they're about, such as Header, Accessibility, or Site-Wide Features & Navigation. Each observation shows:

  • A colored dot for severity
  • A title and a short description of what Spar saw
  • A tag for the journey stage it affects
  • Small bars showing how strongly it's likely to affect each KPI (bounce rate, add to cart, cart abandonment, conversion rate, average order value, and so on)
  • An Impact score on the right

Preview the page

Click the eye icon in the top right to switch to preview mode. The observation list narrows to the left and a live preview of the storefront page opens beside it.

Pages preview mode with the observation list on the left and a live preview of the store's home page on the right, with desktop and mobile toggles, zoom, the page URL, and a Popups toggle
Preview mode, with the observation list next to the live page.

The preview toolbar lets you switch between desktop and mobile, zoom in or out, and open the page URL in a new tab. Use the Popups toggle to dismiss popups that cover the page. Click an observation in the list to highlight it. Close the preview with the X, or click the component icon next to the eye to return to the full list.

When to start here

Start here when you're redesigning one page and want every issue on it in one place, or when someone asks "what's wrong with our cart?" and you need a focused answer.

Last updated on

On this page