Heatmaps tools website_apps

www.uxcam.com @[email protected]

Getting started guide to Heatmaps and top heatmap analysis tools

Why Do We Need Heatmap


Traditional Quantitative Analysis tools shows ‘charts and numbers’

• Answers quantitative questions such as ‘What’ and ‘How’

• But fails to answers ‘Why’

Qualitative Analysis tools helps you make decisions based on understanding user’s actual experience. Key offering of Qualitative tool includes:

• Session Replay

• Heatmaps

Question Heatmap can Answer


• Where in the product users are clicking (or not) and how are CTA’s

performing ? (Click heatmap)

• Which area of the product is being viewed and used the most ?

(Attention heatmap)

• How far users are investing on your content ? (Scroll heatmap)

• What path are users taking to perform an action ? (Mouse movement heatmap)

Heat Map

Heatmap aggregates user interaction

(touch/tap, swipes, pinches, scroll) on each screen of your product.


Types of Heatmap

• Click heatmap

• Attention heatmap

• Scroll heatmap

• Mouse movement heatmap

TYPES OF HEATMAP


Click / Touch Heatmap


Click Heatmap shows where exactly people are clicking on your site allowing you make informed decision on repositioning, changing color etc.

of Call-to-Action, improving conversion.

What can click heatmap answer ?

• Where in the product users are clicking and what they are ignoring ?

• Which call-to-actions are performing best ?

• What features are being used the most ?

Image source: UXCam

Scroll Heatmap


Scroll heatmaps shows you what percentage of visitors are scrolling till which position of your page. This allows you to make decisions on page content and

layout to ensure user sees the content you are intending them to see.

Questions scroll heatmap can answer ?

• Which section on your page are users most engaged ?

• Is the CTA placed in the area where users scrolls to ?

• How to redistribute content and layout for maximum exposure ?

Image source: HotJar.

Mouse movement Heatmap


Mouse movement heatmap highlights the areas where users read contents and engage on the pages, by displays user’s mouse movement. This is

the closest alternate solution for expensive eye-tracking and on a scale.

Questions mouse movement heatmap can answer ?

• Are users reading your contents ?

• Which contents are being read the most ?

• How to edit and distribute content for maximum interaction ?

Image source: VWO.

Attention Heatmap


Attention heatmap shows you the most valuable areas on your page by tracking the amount of time a visitor stays on a region of that page.

Questions attention heatmap can answer ?

• What’s most interesting for the user on a particular page ?

• Where is the best position to place CTA ?

• What sections could be removed or repositioned for maximum exposure ?

• What’s the optimal length of a page ?Image source: ClickTale.

HEATMAP ANALYSIS TOOL for website


HotJar


• IncludesMouseMovementheatmap,ClickheatmapandScrollheatmap.

• Thebasicplanallowsyoutorecordthesamplesizeof2000perdayandit’scompletelyfree.

• HotJaralsooffersothertoolssuchassessionreplay,conversionfunnelandfeedbacktool

forconversionoptimization.

ClickTale


• ClickTale’sHeatmapSuiteincludesMouseMovementheatmap,Clickheatmap,AttentionheatmapandScrollheatmap.

• ClickTaleislargelyanEnterprisetool

• OffersotherconversionoptimizationtoolssuchasSessionReplay,ConversionAnalyticsandconversionoptimizationservice.

VWO


• VWOofferclickheatmapandscrollheatmap.

• MajorofferingbeinganA/Btestingtool,allowsyoutotesttargetingcampaignsandgenerateheatmapaccordingly.

• TheheatmaptoolcomesbundledwiththeVWOplans,startingfrom$49/monthbilledannually.

Crazy Egg


• CrazyEgg offers click heatmap and scroll heatmap but in addition it also provide overlay and confetti reports. The overlay allows you to see the number of clicks on each elements of the page and the confetti allows you to distinguish by segmenting through referral sources.

• CrazyEgg offers a 30-day free trial and basic plan starting at $9/- per month for 10K visitors.

PTEngine


• PTEngineoffersclick,scrollandattentionheatmapsalongwiththeiranalyticssolution.

• Providesa14-dayfreetrialandafreebasicplan.

HEATMAP ANALYSIS TOOL for iOS/Android apps


UXCam (for mobile apps)


• UXCamvisualanalyticstoolincludesHeatmapalongwithSession-replayanduserflow.

• UXCamofferaforever-freeplanforupto10,000monthlysessions.


TryUXCAMHeatmaps–It’sfree

https://uxcam.com

https://uxcam.com

Heatmaps tools website_apps

Data & Analytics

Transcript of Heatmaps tools website_apps