Add Focus To Your Conversion Insights
Get 14-day free trial

How Screenshot Click Testing Proved that Beards Are Still A Thing 30 June 2015 | Nathan Thomas

How a simple user testing tool helped our CEO decide whether or not to grow a beard; an essential lesson in visual feedback, the fastest way to collect and analyse user feedback on screens or wireframes.

BartCEO

Some time ago, Bartosz Mozyrko, the CEO of UsabilityTools, had an important decision to make.

As Shakespeare would have put it, “to beard, or not to beard.”

An ordinary man would have had to guess whether being bearded or clean shaven best suited his appearance, but as UX research expert Bart had a powerful tool up his sleeve.

Introducing Screenshot Click Testing

With just a couple of minutes you can set up a test on any page of your website and begin getting concrete data.

Simply ask your users to and click on the on the areas of a screen which most draw their attention; they can also leave you comments and suggestions!

This is useful for improving UX because it shows you which parts of your website stand out and are the most attention grabbing.

Rather than having to assume or guess which parts of your website stand out, this will give you concrete data.

Example: Which Part of Harvard’s Website is the Most Attention Grabbing?

beard (1)

On the above image you can see that Havard’s menu bar is the clear winner, with almost a quarter of users saying that this area was the most attention grabbing. It won over the form, and even the image of the lady (every UX geek knows that human faces are huge attention grabbers, so it’s interesting that the menu triumphs here).

Testing a New Design?

As well as existing webpages, you can also use screenshot click testing to test prototypes or new ideas. Simply upload an image of your prototype and you’ll be able to run a screenshot click test as if it were a real website. Rather than guessing this will let you know whether or not your new design will do it’s job.

Change your question for more data

Ask people to click on the most attention grabbing region, or the most interesting region, or on the elements that they liked the most. The possibilities are endless.

But Hey Now, What Does This Have to Do With Bart’s Beard?

Beard’s can be itchy. They can scratch your girlfriend’s face. They can become nests for small woodland creatures.

If you’re going to grow a beard, you need to know that it’s worth the trouble; that people will like your new look.

Bart had never been the bearded kind of guy before, so before committing to the beard lifestyle he wanted get as much data as possible.

Using UsabilityTools UX Suite, Bart create a simple screenshot click test showing two pictures side by side. One was a picture of him with the beard, one was a picture of him without the beard.

He then sent a link to the test to his Facebook friends, with instructions to click on the image which they prefer.

You can see the results here: (the one with the beard is on the left, covered in clicks)

Screen Shot 2015-06-19 at 11.39.59 am

72.06% of users clicked the image with the beard.

Because it’s important to his personal decision making process, Bart also asked each of the participants whether they were male or female:

Screen Shot 2015-06-18 at 11.01.08 am

The gender data.

With this data, Bart would be able to drill down into the results and see which image was preferred mostly by women, and which image was preferred mostly by men.

And The Beard Was Grown

As you can see the bearded photo on the left was by far the most popular choice. No true UX professional would ignore such compelling data, so Bart put down his razor and allowed his beard to flourish.

Today the UsabilityTools office is daily graced with Bart’s bearded visage. Our team gets the quotidian pleasure of seeing Bart’s optimized and hair covered face; a face which has been statistically shown to be far superior to his clean shaven face.

Way to go UX research!

Step Into the UX Suite

As a UX professional or business owner, you probably have even more important decisions to make than whether or not to grow your facial hair.

Your clients probably care more about the overall user experience of their website, and whether or not it converts.

With Screenshot click testing you can see how people are experiencing your web pages and get the data you need to make targeted improvements to boost the UX and raise your conversion rate.

If you’re looking for more ideas on how to use screenshot click testing with your business, check out this article: 16 uses for screenshot click testing – read here.

Screenshot click testing is one of the tools you get access to as part of our User Experience Suite. You can experience the UX Suite including this test as a user here: participate in UX Suite.

To start using screenshot click testing and the other tools on your website, sign up for your free UsabilityTools account with this link.


Nathan Thomas

Written by Nathan Thomas

Nathan started his first online business whilst still in high school. When he's not helping companies reach more people on the internet, he enjoys exploring the world and writing about travel on his blog, Intrepid Times


  • David Martinez

    Well, I suppose I’ll have to do some beard-click-testing myself… A nice post, as funny as it is informative, nicely done!

Ready to empower your website's potential?