heatmaps tools website_apps
Post on 15-Apr-2017
323 Views
Preview:
TRANSCRIPT
www.uxcam.com @uxcamhello@uxcam.com
Getting started guide to Heatmaps and top heatmap analysis tools
Why Do We Need Heatmap
www.uxcam.com @uxcamhello@uxcam.com
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
www.uxcam.com @uxcamhello@uxcam.com
• 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.
www.uxcam.com @uxcamhello@uxcam.com
Types of Heatmap
• Click heatmap
• Attention heatmap
• Scroll heatmap
• Mouse movement heatmap
Click / Touch Heatmap
www.uxcam.com @uxcamhello@uxcam.com
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
www.uxcam.com @uxcamhello@uxcam.com
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
www.uxcam.com @uxcamhello@uxcam.com
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
www.uxcam.com @uxcamhello@uxcam.com
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.
HotJar
www.uxcam.com @uxcamhello@uxcam.com
• IncludesMouseMovementheatmap,ClickheatmapandScrollheatmap.
• Thebasicplanallowsyoutorecordthesamplesizeof2000perdayandit’scompletelyfree.
• HotJaralsooffersothertoolssuchassessionreplay,conversionfunnelandfeedbacktool
forconversionoptimization.
ClickTale
www.uxcam.com @uxcamhello@uxcam.com
• ClickTale’sHeatmapSuiteincludesMouseMovementheatmap,Clickheatmap,AttentionheatmapandScrollheatmap.
• ClickTaleislargelyanEnterprisetool
• OffersotherconversionoptimizationtoolssuchasSessionReplay,ConversionAnalyticsandconversionoptimizationservice.
VWO
www.uxcam.com @uxcamhello@uxcam.com
• VWOofferclickheatmapandscrollheatmap.
• MajorofferingbeinganA/Btestingtool,allowsyoutotesttargetingcampaignsandgenerateheatmapaccordingly.
• TheheatmaptoolcomesbundledwiththeVWOplans,startingfrom$49/monthbilledannually.
Crazy Egg
www.uxcam.com @uxcamhello@uxcam.com
• 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
www.uxcam.com @uxcamhello@uxcam.com
• PTEngineoffersclick,scrollandattentionheatmapsalongwiththeiranalyticssolution.
• Providesa14-dayfreetrialandafreebasicplan.
UXCam (for mobile apps)
www.uxcam.com @uxcamhello@uxcam.com
• UXCamvisualanalyticstoolincludesHeatmapalongwithSession-replayanduserflow.
• UXCamofferaforever-freeplanforupto10,000monthlysessions.
top related