Session Comparison
Compare sessions side-by-side or as overlays to measure UX improvements.
Pro Session Comparison requires a Pro license.
Opening Comparison
Open Compare Sessions from the menu bar or use ⌘⇧C.
Selecting Sessions
Choose two sessions from the dropdown pickers. Each picker shows:
- Session date and time
- Participant name (if set)
- Total click count
- Instant heatmap preview — appears immediately when selected
The comparison renders automatically when both sessions are selected.
Comparison Modes
Dual-Color Overlay
The default view overlays both sessions as a single heatmap:
- Blue — activity from Session A
- Red — activity from Session B
- Purple — areas where both sessions overlap
Task-Level Comparison
Compare specific tasks between participants using the task segment picker. View as side-by-side panels or as an overlay.
Background Options
Choose what appears behind the heatmap overlay:
- None — dark background
- Session Screenshot — the recorded screen from Session A
- Import Image — load a wireframe, Figma export, or design mockup
Use the opacity slider to adjust heatmap visibility over the background.
Analysis Metrics
A stats panel shows quantitative differences:
- Improvement Score — percentage change in attention scatter (+% = better, -% = worse)
- Average Intensity — A vs B comparison
- Focus Shift — how far the hot zone center moved (in pixels)
Green improvement = less scattered attention in Session B (cleaner UX).
Session Diffing
For A/B testing between design versions:
- Green zones — less confusion in the newer version
- Red zones — more confusion in the newer version
Export
Click Export PNG to save the comparison image with all overlays and background.