Study. How increasing the clickable area of ​​a button changes the number of clicks on it

Friends, welcome!

On the site of our partner, “Cloud Hosting” accidentally noticed that the buttons have the usual look, and the links work only on the text. Visitors to the site, clicking on the button, which is graphically indicated by a blue outline, are waiting for the transition to the next page.

However, they get nothing. Technically, they should not, because the link is only in text. This is a user interface behavior error. How to do it right? Make a graphic block of a button a link. You can even include an area of ​​3-5 pixels around.

Noticed - advised to fix. But scientific interest haunted.

Specifically, the following questions:

1. How many people click past a link?
2. How many visitors will not guess to “find” a link?
3. Will the number of click-throughs increase due to an improved interface?

Site Stats

1. Click map

A.

2. Link statistics

Results Analysis

Firstly, the recommendation is not fully implemented. It became better, but still the link does not work on the whole block. Secondly, the amount of data in the study is not enough to talk about statistical reliability. According to the existing amount of data, we consider statistics: the modified version is better than the original with a probability of 84.1%.

If these remarks are omitted, the conclusions are as follows:

1. People really do not try to aim exactly at the center of the button. For them, the button is an analog of the interface from the real world. You can use your finger to press on one edge, and on the other, and in the center.
2. You can make a link to the entire block.
3. An increase in the clickable area increases the percentage of clicks on it by a quarter with a probability of 84.1% in our case.

What can insure against such situations when developing a site:

• Designer supervision based on the results of developers.
• Checking the finished site by checklist.
• Periodic (for example, once a year) audit of a UX / UI site by a specialist.

Your high conversions!
Original article on the website of the IT4U web studio