All Case Studies Design Development Interviews Machine Learning Project Management

How to Improve Your UI with Remote Usability Testing

Rather than guessing whether your new interface will achieve its goal, why not get concrete data so that you know for sure. In this post by Sezgin Hergul of Usability Tools, you'll find out how to get and use actionable data to evaluate your new interface and take targeted actions to improve it.

This post was written by Sezgin Hergul, the Head of Marketing at UsabilityTools - a SaaS tool for improving UX and conversion. Thank you, Sezgin!

You’re working on a new interface, website or app.

You’ve done the hard work, and created a mockup or wireframe.

Now it’s time to get some opinions… right?


Opinions are the opposite of science. Rather than guessing whether your new interface will achieve its goal, why not get concrete data so that you know for sure. With the help of simple visual analytics tools, you can get actionable data to evaluate your new interface and take targeted actions to improve it.

Get Data Before You Launch

Let’s say you want to launch a redesign of your website. Rather than throwing it up on the web and hoping, why not test the design before you commit so you can find out how well it works and, if you need to, make informed changes. To do this, you’ll need some tools.

Introducing Screenshot Click Testing

Screenshot click testing is a quick, affordable and easy way to find out how successful your interface of web page is. With this tool you can find out:

  • Which part of your web page is the most attention grabbing
  • Which elements can make your users trust you or want to buy from you
  • Whether users know where to find specific information
  • Whether your interface is user friendly enough to allow users to achieve what they came there for

With screenshot click testing you can evaluate concepts as well as finished products. Simply upload a picture of your prototype, mockup or wireframe and start getting feedback.

To Begin, Focus On Your Goal

Every test should begin with a hypothesis. A hypothesis is a statement based on initial data collection and analysis that should be tested and validated. This means that you collected and analyzed some data and from this process learnt something about your website or users that you should now test to confirm it’s truth.

Think about what is important to your business, and the goals of the specific system or website that you are creating. Make a list of tasks or accomplishments that you would like your users to complete. Your hypotheses will assume the successful performance of your system, such as:

  • it’s easy for your users to find the information they seek,
  • the tasks they want to complete are easy and accessible,
  • your call(s) to action are obvious, visible and attention grabbing.

Decide On Tasks

Now you have your hypothesis, it’s time to decide the specific actions or tasks you will ask your users to complete in order to evaluate the performance of your website. Make these tasks short, simple and clear. There should be no confusion on the part of your users!

  • Ask them to find a specific page, such as your contact information
  • Ask them to complete a specific task, such as registering for more information
  • Ask them to click on the regions of the page which are most attention-grabbing
  • Ask them to click on the regions of the page which make them more likely to trust your brand

For more inspiration, see this list of 16 possible screenshot click testing task ideas.

For Example

In this test we evaluated the website of Harvard University to see which elements on one particular page are the most attention grabbing: Potential hypotheses for this experiment could have been:

  • The top menu is eye catching and attention grabbing
  • The whole website is interesting to the user
  • The calls to action are clear and obvious

In the task, we asked this simple question: “Click on the elements that draw your attention the most.” Let’s see how it went. The screenshot below visualizes the places which people clicked.


Based on the results, we can see:

  • Over 22% of clicks on the page are on the top menu. This proves that this menu is attention grabbing.
  • The blue “more events” button got only 6.33% of clicks. Perhaps a different colour, size or location could have improved this.
  • The majority of clicks fall above the fold, high up the page, but people are still clicking elements lower down

If you are looking for more awesome insights like these, check out these success stories.

To wrap it up:

  • Form hypotheses about your website or system
  • Come up with specific tasks based on these hypotheses
  • Test with screenshot click testing!
  • Evaluate your results in an opinion free environment

To get started simply choose your favourite screenshot click testing tool, and start getting data.

Here are some of the tools that offer click testing:

You’ll now be able to evaluate your new idea or existing interface without being subject to the tyranny of opinion. Simply create, hypothesize, and evaluate with remote usability testing.

Are you looking for ways to optimize your website? Make sure it doesn't contain these design and development mistakes!

New call-to-action
New call-to-action
READ ALSO FROM Product Design
Read also
Need a successful project?
Estimate project or contact us