What is Microsoft Clarity?

[{"selector":"#anim-0a2407fc-8632-4fdb-8d0f-f7198221d1d9","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-14bd3fed-2c99-424d-80c5-818a69b8da8c","keyframes":{"transform":["translate3d(0px, 186.14372%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-90b6d82b-b5f3-455a-acee-af0cfba73eac","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e86a1f59-1680-438e-b104-5b631e423b13","keyframes":{"transform":["rotate(-359deg) translate3d(0px, 454.24839%, 0) rotate(359deg)","rotate(-359deg) translate3d(0px, 0px, 0) rotate(359deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Image credit - microsoft.com

Microsoft Clarity is a tool that helps website owners and developers better understand how users are interacting with their websites.

[{"selector":"#anim-fc662fef-d7b2-4e36-8afa-6cfbc508a57f [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-06649eb1-c5a2-4f37-82b9-7e6ce9a55ada","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-524ecc44-1959-4113-b6fc-1567de91cc4e","keyframes":{"transform":["translate3d(0px, 172.39860%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a14555db-99cc-4b8f-b314-5e6aff24543d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e3b20053-73f6-4162-a538-9062eed6f099","keyframes":{"transform":["translate3d(0px, 534.81571%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Image credit - microsoft.com

It provides insights into user behavior, such as where they click, how far they scroll, and what they search for.

[{"selector":"#anim-f86f7f3b-ec2a-452c-a2e8-146d5e124ecd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b6749d76-1851-4b90-9bea-43f322981385","keyframes":{"transform":["translate3d(0px, 209.22223%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c61798a6-52da-40d7-9b2c-d731b23b32cd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b98fb553-fb28-473b-b3c3-70fb3e453a73","keyframes":{"transform":["translate3d(0px, 574.81604%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0a836cab-0be2-4cca-8652-cba075169523","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-39a6e876-3891-40ab-bde3-fd29bcf9b917","keyframes":{"transform":["translate3d(99.51691%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Image credit - microsoft.com

This information can help improve website design and user experience.

[{"selector":"#anim-b519fd46-9792-4da7-ba18-f9d834c97fbb [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-18.2750553044082%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-2386a7ab-464a-48a8-8649-5a7d67641caa","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-43e452b0-c063-4e42-b4aa-260203a1bd80","keyframes":{"transform":["translate3d(0px, 226.96302%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8a1df205-09fd-4707-a364-8005f22709b8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cfce0705-e47d-40c3-9c45-396cc277378b","keyframes":{"transform":["translate3d(0px, 528.14913%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Image credit - microsoft.com

Key Features of Microsoft Clarity

[{"selector":"#anim-35207e11-2b30-47c3-9ded-5628f7c1857d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c39ec2e8-2e63-41f4-9b00-014c9d78ccc2","keyframes":{"transform":["translate3d(0px, 217.90840%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-46e6e2af-9fd3-489d-8183-197dd888097b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4ea11491-8562-4947-9267-dd9e22f9622b","keyframes":{"transform":["translate3d(0px, 528.14913%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5546d37d-b1c3-40cd-b341-448c021d7dce","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f20275c1-14eb-49a2-bb25-bc5e7be1505f","keyframes":{"transform":["translate3d(99.51924%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Image credit - microsoft.com

Session Recordings: Microsoft Clarity allows you to record user sessions, capturing their interactions, clicks, and scrolls.

[{"selector":"#anim-29494cdd-a2fa-4ce5-abc5-8bb46c9e429c [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(25%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-68d31b68-4bc0-44f1-9edc-4335d2533aa4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a95d3996-823c-45cf-a25d-bd0a31e8d636","keyframes":{"transform":["translate3d(0px, 196.22223%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2ab52b3b-b6c1-4d76-bb8e-988bb3431d01","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-195412f3-5fd4-4990-9439-3a35632f975d","keyframes":{"transform":["translate3d(0px, 534.81571%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Image credit - microsoft.com

These recordings help you understand how users navigate through your website, giving you invaluable feedback on user experience.

[{"selector":"#anim-fd8c051d-303c-47bb-9590-6d6d7860198b [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-3.197442310920451e-14%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-d407117d-cbbe-4d53-bb22-1686328b3eed","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c1786346-2d11-4ea5-91b7-b43d7bcf9aa6","keyframes":{"transform":["translate3d(0px, 162.87478%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ffa5ee71-c165-4664-a0a1-c791da6124ba","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5eb01799-a621-476b-9662-85d51a8ef8ee","keyframes":{"transform":["translate3d(0px, 528.14913%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Image credit - microsoft.com

Heatmaps:-

[{"selector":"#anim-bc00ddae-81d3-4cc6-a2da-bc7d02d536b2 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-ce1f3246-33ac-43f4-b33f-ad241740ae7c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2554bd36-474a-4919-872a-8109250d57fd","keyframes":{"transform":["translate3d(0px, 343.38608%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d69019e7-b2ab-4a90-ba12-373bfa255505","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bfad73b4-b60e-493e-89cf-c49b94ee3288","keyframes":{"transform":["translate3d(0px, 581.48263%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2cd6fc53-54a9-4a68-b68a-67602d27a173","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-792a1b22-5fdd-47ce-b337-14482bec3b62","keyframes":{"transform":["translate3d(-140.00002%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Heatmaps visually represent user interactions on your web pages. Image credit - microsoft.com

They provide a color-coded view of clicks, taps, and scrolling behavior, enabling you to identify which elements on your website are attracting the most attention and which ones need improvement.

[{"selector":"#anim-4bd559bf-4167-4548-bf00-616cc911e2de","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-50b353c3-88aa-4933-a16d-87b522d19b03","keyframes":{"transform":["translate3d(0px, 153.84129%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-785c9d05-0418-4a68-8327-5add83b78139","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6a525144-9a18-4074-ad3a-3077c482eeb2","keyframes":{"transform":["translate3d(0px, 581.48263%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Image credit - microsoft.com

Blogging Kaise Kare | जानिए A-Z | ऐसा कोई नहीं बताएगा

[{"selector":"#anim-1f5066f2-784a-4afc-9c3f-005ab00e892d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d27439c1-4397-43cc-bbda-eb89471c863b","keyframes":{"transform":["translate3d(0px, 248.68274%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d9239fef-6832-41ac-b29b-04686168b550 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(12.514648210040342%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] Learn more