{"version":3,"sources":["webpack:///./src/img/blog/error-rage-clicks/error-clicks-occur.png","webpack:///./src/img/blog/error-rage-clicks/dropdown-menu.png","webpack:///./src/img/blog/error-rage-clicks/shorter-way.jpg","webpack:///./src/img/blog/error-rage-clicks/bg.png","webpack:///./src/img/blog/error-rage-clicks/example-from-our-blog.png","webpack:///./src/img/blog/error-rage-clicks/dropdown-menu-type-of-error-2.png","webpack:///./src/pages/blog/error-rage-clicks.js","webpack:///./src/img/blog/error-rage-clicks/dropdown-menu-type-of-error-1.png"],"names":["module","exports","Container","styled","div","Wrapped","BlogArticle","href","target","rel","src","img1","alt","className","loading","title","img21","img22","img3","img4","img5","frontmatter","url","description","author","img","imgSocial","date","category","imgStyle","borderBottom","group","process","descriptionSocial"],"mappings":"iFAAAA,EAAOC,QAAU,IAA0B,kE,qBCA3CD,EAAOC,QAAU,IAA0B,6D,qBCA3CD,EAAOC,QAAU,IAA0B,2D,uBCA3CD,EAAOC,QAAU,IAA0B,kD,qBCA3CD,EAAOC,QAAU,IAA0B,qE,qBCA3CD,EAAOC,QAAU,IAA0B,6E,kCCA3C,mQAaMC,EAAYC,IAAOC,IAAV,kFAAGD,CAAH,+KAyQTE,EAAUC,aApPA,WACd,OACE,kBAACJ,EAAD,KACE,iGACA,kEACuC,IACrC,uBACEK,KAAK,gDACLC,OAAO,SACPC,IAAI,uBAHN,kCAFF,6JAYA,4BACE,qEACA,oGACA,wIAKF,kFACA,oDACA,yFACA,+HAEO,sCAFP,KAEuB,sCAFvB,KAEuC,wCAFvC,mBAIA,4DAEA,+CACA,uEAEA,2BACE,yEAEF,oEACA,uFACA,qDACyB,8CADzB,8VAOA,qDACA,kFACsD,gDADtD,0EAE8D,+CAA6B,IAF3F,mCAKA,0IAIA,uMAGE,uBAAGF,KAAK,gCAAgCC,OAAO,SAASC,IAAI,uBAA5D,oBAHF,oGASA,oWAMA,2FACA,mOAKA,yBACEC,IAAKC,IACLC,IAAI,gBACJC,UAAU,6CACVC,QAAQ,OACRC,MAAM,wBAER,iFACqD,+CADrD,6DAEoD,gDAFpD,8DAKA,yBACEL,IAAKM,IACLJ,IAAI,gCACJC,UAAU,6CACVC,QAAQ,OACRC,MAAM,2BAER,yBACEL,IAAKO,IACLL,IAAI,gCACJC,UAAU,6CACVC,QAAQ,OACRC,MAAM,2BAER,oGAEE,uBACER,KAAK,mEACLC,OAAO,SACPC,IAAI,uBAHN,8BAMK,IARP,6BAWA,mGACA,2DACA,4BACE,mEACsC,wEAAsD,KAE5F,4CACe,2DADf,+DAKF,wIAIA,sDACA,2FACA,0CACA,qTAMA,sDACA,qOAGkB,sCAHlB,MAIK,mCAJL,6FAOA,6CACA,qOAGoB,+CAHpB,wIAMA,yBACEC,IAAKQ,IACLN,IAAI,cACJC,UAAU,6CACVC,QAAQ,OACRC,MAAM,gBAER,4KAIA,0WAMA,4BAAQF,UAAU,8CAChB,yBACEH,IAAKS,IACLP,IAAI,wBACJC,UAAU,wCACVE,MAAM,qBAER,oCACE,iRAOJ,4CACA,uWAI4D,8CAJ5D,yEAOA,6KAEoD,qDAFpD,KAIA,0DACA,wIAEe,6DAFf,mPAOA,uDACA,yNAGc,+FAHd,gCAMA,yBACEL,IAAKU,IACLR,IAAI,qBACJC,UAAU,6CACVC,QAAQ,OACRC,MAAM,oBAER,iPAKA,6CACA,2BACE,0EADF,uWAOA,iTAIS,SAQFM,EAAc,CACzBN,MAAO,0DACPO,IAAK,0BACLC,YACE,8IACFC,WACAC,QACAC,UAAWD,IACXE,KAAM,aACNC,SAAU,GACVC,SAAU,CAAEC,aAAc,+BAC1BC,MAAO,YAGM,4BACb,kBAAC1B,EAAD,CACEU,MAAOM,EAAYN,MACnBa,SAAUP,EAAYO,SACtBL,YAAaF,EAAYE,YACzBI,KAAMN,EAAYM,KAClBH,OAAQH,EAAYG,OACpBF,IAAKD,EAAYC,IACjBG,IAAKJ,EAAYI,IACjBC,UAAWM,wBAA0BX,EAAYI,IACjDM,MAAOV,EAAYU,MACnBE,kBAAkB,yE,qBCjTtBjC,EAAOC,QAAU,IAA0B","file":"component---src-pages-blog-error-rage-clicks-js-c0b0d4d1f5cd818479be.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/error-clicks-occur-8a64fc5d0870e6bc446b4ff3664fe7ec.png\";","module.exports = __webpack_public_path__ + \"static/dropdown-menu-48569affdbbc1569a40f4b2d317981c1.png\";","module.exports = __webpack_public_path__ + \"static/shorter-way-e11aab8d37d3c2faff1cd26379c71fb8.jpg\";","module.exports = __webpack_public_path__ + \"static/bg-504a721931f30d1396be20295da07601.png\";","module.exports = __webpack_public_path__ + \"static/example-from-our-blog-9e5ca46a347631442f61a81fd54019dd.png\";","module.exports = __webpack_public_path__ + \"static/dropdown-menu-type-of-error-2-ffe3acf4bf822bc0eb2cd89ebcc0b1d5.png\";","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorKalina as author } from 'data/authors';\nimport styled from 'styled-components';\nimport img from 'img/blog/error-rage-clicks/bg.png';\nimport img1 from 'img/blog/error-rage-clicks/dropdown-menu.png';\nimport img21 from 'img/blog/error-rage-clicks/dropdown-menu-type-of-error-1.png';\nimport img22 from 'img/blog/error-rage-clicks/dropdown-menu-type-of-error-2.png';\nimport img3 from 'img/blog/error-rage-clicks/shorter-way.jpg';\nimport img4 from 'img/blog/error-rage-clicks/example-from-our-blog.png';\nimport img5 from 'img/blog/error-rage-clicks/error-clicks-occur.png';\n\nconst Container = styled.div`\n h3,\n h2 {\n font-weight: 700;\n letter-spacing: 0.01em;\n margin: 2em 0 0.8em;\n line-height: 2rem;\n }\n h3 {\n font-size: 1.1rem;\n }\n h2 {\n font-size: 1.5rem;\n }\n h4 {\n color: #777;\n font-weight: 700;\n font-size: 1rem;\n }\n`;\n\nconst Content = () => {\n return (\n \n

Frustrating user experience can be improved faster than you think.

\n

\n If you’re familiar with our guide to{' '}\n \n understanding user frustration\n \n , you’ve already read a thing or two about rage clicks and error clicks. In this blog post,\n we’re going to cover this topic in more detail. You’ll learn:\n

\n \n

Ready to say goodbye to frustration? Let’s dive in!

\n

What are rage clicks

\n

A situation like this one probably sounds familiar to you:

\n

\n You’re on a website, trying to complete a goal. You finally found the button you’re looking\n for: Proceed, Buy now, Read more – you name it.\n

\n

Then, you try to click on it.

\n\n

Nothing happens.

\n

You click again. Still, nothing happens.

\n\n

\n Click, click. Click, click, click, click.\n

\n

A disaster you’d rather avoid, right?

\n

You get angry and keep clicking even more, even faster.

\n

\n This is what we call a rage click. It happens when a user clicks (or taps)\n on a specific section of a website repeatedly, very fast, in frustration. You could also say\n that it’s a digital parallel of pressing the elevator button a couple of times in a row when\n it’s not responding. Overall, a rage click is a very clear signal that your visitor wasn’t\n able to achieve their goal.\n

\n

What are error clicks

\n

\n Rather than being related to an emotional reaction, error clicks are based\n on technical issues. In LiveSession, we’re talking about an error click{' '}\n when a JavaScript error occurs.\n

\n

\n If you’re not particularly tech-savvy and this term doesn’t sound clear to you, here’s a\n quick explanation:\n

\n

\n JavaScript (often abbreviated as JS) is one of the most popular programming languages used\n to build web pages. A popular metaphor claims that this language was made to “\n \n make pages alive\n \n ”. When a particular JS element is not working, it means you’re dealing with a JavaScript\n error.\n

\n

\n In this case, the user doesn’t have to click on something many times in a row. Just one\n click is enough for the tracking tool to detect an error. What’s more, sometimes the users\n don’t even notice that something is broken within the app. Most of the time, however, error\n clicks indicate that you need to prioritize the issue.\n

\n

How to filter rage clicks and error clicks with LiveSession

\n

\n LiveSession detects error clicks and rage clicks automatically. You can find all the\n sessions with these types of clicks very easily – all you need to do is select a filter from\n the drop-down menu\n

\n \n

\n If needed, you can use more advanced filters, too. Rage clicks can be\n filtered based on the CSS selector or text, while error clicks can also be\n sorted according to a specific type of error:\n

\n \n \n

\n If you would like to read more about using filters in LiveSession, our\n \n guide to user segmentation\n {' '}\n is sure to come in handy.\n

\n

How rage clicks and error clicks can help you spot important issues

\n

In this part of the article:

\n
    \n
  • \n we’ll cover some of the most common appearances of rage and error clicks{' '}\n
  • \n
  • \n you’ll learn how to draw conclusions from the events recorded with a\n session tracking software\n
  • \n
\n

\n Let’s dive deeper to find out how to leverage rage click and error clicks in your user\n research strategy!\n

\n

When rage clicks occur

\n

Some of the most common occurrences for rage clicks include:

\n

Dead links

\n

\n Rage clicks happen when a text looks like a hyperlink (e.g. it’s in a different color, in\n bold or underlined) but it’s not really clickable. Oftentimes, the user is certain that\n they’re dealing with a link and keep clicking on it, expecting to be redirected to a\n different page.\n

\n

Unclear error messages

\n

\n When a user is filling a form and they got the postcode format or their credit card number\n wrong, they might not be able to proceed. If the error message is not clear, they will keep\n clicking on the Proceed\n or Send button repeatedly, until they realize that something is wrong, or worse,\n leave the page.\n

\n

Desire paths

\n

\n Sometimes users are expecting certain elements to act in a certain way (in this case, to be\n clickable), yet the website behaves differently. Still, the user is trying to follow the\n expected path – a desire path, also known as goat track or bootleg trail.\n This term is best explained with one of the most popular examples in the history of UX:\n

\n \n

\n In this case, the user doesn’t want to take the established road and chooses the shortcut\n instead, just because it’s faster and more natural.\n

\n

\n Desire paths can be based on the expectations, too. For instance, if the user goes on your\n company blog and clicks on the logo of your product in the top left corner, they probably\n expect to be taken back to the main page. If the logo is not clickable, they might try to\n click on it again, and again – and here goes our rage click.\n

\n
\n \n
\n \n An example from our blog – the users are likely to click on the LiveSession logo,\n expecting to be redirected to the home page. If the logo is not linked, they may click\n on it a couple of times, until they realize the pattern is not working.\n \n
\n
\n

Speed issues

\n

\n A rage click may also indicate that a particular element of your page takes too long to\n load. What’s more, this phenomenon may occur when the entire page is loading and the user\n keeps clicking on the loading screen to see if something will happen. Keep in mind that this\n is more likely to happen if a slow response comes with an unclear message – the user\n gets lost and keeps clicking to get any kind of feedback.\n

\n

\n Most of the time you can take action to improve the page speed, yet sometimes the fault lies\n somewhere else. In that case, we’re talking about false rage clicks.\n

\n

False positive rage clicks

\n

\n It might happen that a rage click is detected when it’s not related to the interface design.\n We call it a false positive rage click, which might be due to a poor\n internet connection or a lagging device. It always pays off to double-check a recording to\n see if a rage click is caused by an external reason or maybe there is something that can be\n improved on your website.\n

\n

When error clicks occur

\n

\n As mentioned above, error clicks are logged based on JavaScript errors. When the user\n notices that a particular element is broken, they might start clicking on it repeatedly.\n This is why error clicks are often registered together with rage clicks,\n like in the example below:\n

\n \n

\n In such cases, you can see that the visitor was frustrated and you can also see what kind of\n error caused the frustration. When you have complete information handy, it’s much easier to\n start working on the bug.\n

\n

Key takeaways

\n

\n Rage clicks and error clicks detection is a handy feature designed to help\n you spot the most urgent issues as soon as possible. You don’t have to search manually to\n find the main points of frustration. Instead, your session recording app will keep track of\n them automatically. This makes work much smoother for everyone involved, including\n developers, UX designers and customer service agents.\n

\n

\n If you’re not monitoring the frustration of your users yet, it’s high time you started\n paying more attention. It’s a simple and efficient way to learn more about your visitors and\n improve their experience – and in the end, this is how you make your customers happy and\n loyal.{' '}\n

\n
\n );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n title: 'Rage Clicks & Error Clicks – Say Goodbye to Frustration',\n url: '/blog/error-rage-clicks',\n description:\n 'If you’re familiar with our guide to understanding user frustration, you’ve already read a thing or two about rage clicks and error clicks.',\n author,\n img,\n imgSocial: img,\n date: '2019-11-06',\n category: '',\n imgStyle: { borderBottom: '1px solid rgba(0,0,0,0.125)' },\n group: 'Articles',\n};\n\nexport default () => (\n \n);\n","module.exports = __webpack_public_path__ + \"static/dropdown-menu-type-of-error-1-f17a5971c486c3aa369143a0226b77b6.png\";"],"sourceRoot":""}