The latest SessionStack release includes The Dead Clicks filter & chart

We are happy to share with you our next frustration signal Dead Click. It, along with our previous frustration signal Rage Click, provides you with a powerful mechanism for searching for user pains and bad UI/UX experiences.

This article will cover

1. Definition of dead click
2. Using the Dead Click event filter
3. How are the dead clicks recreated in our Session player
4. Dead Click Chart

1. Definition of dead click

In our blog post from September, we discussed what rage clicks are and how to search for them in the SessionStack app. Today, we’d like to go over another source of frustration: the dead click.

Dead clicks are clicks or taps that have no effect on the page such as

• DOM events;
• URL changes;
• Console Log Events;

Often such behavior leads to another frustration signal such as a rage click. Therefore it’s essential to look proactively for dead clicks in user sessions of your product as they are an indicator of poor UX.

Some of the reasons for dead clicks could be:

• A text appears to be a link or clickable but is not;
• An image appears to be expandable, but it is not;
• A button does not work correctly;

2. Using the Dead Click event filter

To apply the new Dead click event filter in the SessionStack DXI platform navigate to the Segments dashboard in your project and open the filter drop-down menu as shown below:

Dead Click filter

Use any of the three options: “Anything”, “Text is” and “CSS Selector is” in accordance with the cases listed below:

• When unsure whether your users have any dead clicks, select the option: “Anything”.
• When you know that users have issues while interacting with a particular HTML element and you want to check if there are any dead clicks on it, use the option: “Text is”.
• And if the HTML element does not have text on it, use the option: “CSS Selector is”.

Dead Click filter with options

3. How are the dead clicks recreated in our Session player

The SessionStack platform also recreates dead clicks in the session player as part of the session event log. As a second stage, you can segment all users having dead clicks in their sessions using the fast copy option for the CSS selector of the element and paste it into the input field of the event filter Dead click in the Segments dashboard.

Dead Clicks events in Session player

Are you interested in the Dead Click event filter? Contact our team to request the feature.

4. Dead Click Chart

In our previous blog update, we introduced the Rage Click chart. Today we want to show you our new Dead Click chart. To demonstrate how to use it, consider the following example.

The “Submit” button as a part of your registration flow, is not working, which significantly affects the acquisition rate of new users. SessionStack can assist you in quickly determining this. All you have to do is log into our app and use the Dead Click — filter & chart features. The fastest way is to look at the Dead Click diagram first. Check which of the major pain points is causing a poor user experience. Add the users with dead clicks on the “Submit” button from the chart to a new segment and inspect the exact list of users with that particular issue. Explore the sessions of the users from there. To avoid watching all users’ sessions from beginning to end, use our “Only matching sessions” option in conjunction with the quick filter Dead Click in the session player.

Step1: Use the “Add filter” option to examine all users with dead clicks on the “Submit”

Step 2: Automatically added filters for Dead Click from the chart

Step 3: Users list with dead click and matching sessions

Another method for determining the number of dead clicks on the “Submit” button is to use the chart’s “Add Filter” option and copy the automatically added CSS selector in the segment filters. After that, paste the copied string in the search field as shown below and go through the listed dead clicks. All other clicks (rage & regular) will be filtered out and not shown.

Step 1: Copy the CSS selector from the Dead Click event filter

Step 2: Paste the copied CSS string from step 1 into the search field and filter for dead clicks only

Interested in SessionStack? Book your demo now or get started in minutes with our Free plan.

Happy with SessionStack? Leave a review and get a Gift card!

We hope you find these feature updates helpful. We’d love to hear your feedback in the comments below.