UX Testing on Websites, Prototypes & Mockups

Usability testing (User Experience Research, UX) involves getting real people to interact with the website, app, or other product you've built and observing their behavior and reactions. Whether you start by watching session recordings or rent a lab with eye-tracking equipment, usability testing is essential to create an effective, efficient, and enjoyable user experience. UX researchers used to carry out these processes in person, but with RealEye, you can now do it remotely - and often more conveniently.

With RealEye, you can test your products at every stage of their development. No matter if it’s a live website, a mockup made from screenshots, or a prototype, you can:

  • replay recordings to see where they scroll and click and what they pay attention to,
  • what did they see or ignore when looking at the area and how long were they focused on certain elements,
  • learn which design variants they prefer, 
  • detect which designs make them get lost and which makes them finish the desired action faster,
  • moderate the sessions to give them guides “on the go”

Depending on the status of your project, you can use one of the RealEye tools listed below.

Your browser does not support the HTML5 canvas tag.

perfect for live websites

Screen Recording Sessions

A powerful tool for testing any live website!
With this feature, you can access individual recordings of up to 60 minutes, capturing user interactions through mouse movements and gaze tracking. Gain deeper insights with 'think out-loud' sessions, or take control with moderated sessions.
Note: This feature is currently available only for desktops and laptops, and does not provide aggregated data
Your browser does not support the HTML5 canvas tag.

for prototypes and designs

Mockup and Prototype Testing

Transform your images and videos into interactive prototype, or import content directly from Figma
Watch how users interact with your mockup through recordings of mouse and gaze activity, and analyze what they see or miss using aggregated heatmaps.
Your browser does not support the HTML5 canvas tag.

for advanced website testing

Website JavaScript Intergration

Enhance your analysis with our advanced Area of Interest (AOI) configurator, which generates aggregated heatmaps to reveal what users focus on or overlook on live websites.
View individual recordings of user interactions, including mouse movements and gaze patterns to replay the entire users' flow.  
Learn more about the SDK

You can also connect with any survey tool or panel

toolsTry for Free
Your browser does not support the HTML5 canvas tag.

Features for UX Testing:

  • image/svg+xml
    Online eye-tracking
    Webcam online eye tracking is an innovative method that predicts a human eye gaze point using only webcams as data collectors. Read more about this feature...
  • image/svg+xml
    Mouse /Key tracking
    Learn when and what the participants are clicking. RealEye can also register keypress events, which may help you gather information about reaction times.  Read more about this...
  • image/svg+xml
    Analysis Dashboard
    It is divided into three main sections, which are crucial while running any research: setting up the study, fielding study with the data, and last but not least, data analysis. Read more about this feature...
  • image/svg+xml
    Online Surveys
    Choose from various questions and build surveys that will enable you to collect and analyze the data on an individual and aggregated level.  Read more about this feature...

"It’s been a pleasure working with RealEye. Their customer service is prompt, valuable, and always friendly. The quick turnarounds on custom development requests are the most impressive. The RealEye team delivers great tailored solutions. Thank you for being a wonderful partner!"

Sam Albert
Chief Digital Officer

"I'm really impressed with what Adam has created with RealEye. It's astounding how easy and fast it is to track and report on eye movement for a page or design."

David Darmanin
CEO, hotjar.com

"Webcam-based eye-tracking has vast potential within market research and RealEye made a great effort customizing their solutions to our needs. We succeeded in having live online interviews with eye-tracking included and we look forward to build on this pilot study to take further advantage of this solution in future research."

Stefan Papadakis
Insight Consultant, IPSOS

Frequently Asked Questions

How is RealEye different from other UX testing tools?

Eye-tracking technology is a feature that distinguishes RealEye from other UX testing tools. RealEye platform provides real-time gaze and fixation data so you may see gaze/fixation plot of each user, see aggregated heatmaps, and pull statistics about AOI (areas of interest).
Most other tools offer heatmaps created solely from mouse tracking (which may be quite misleading; BTW, mouse tracking is also available in RealEye).

Is RealEye suitable for both website and mobile app UX testing?

Yes, RealEye is suited for website UX testing and mockup UX testing. It’s impossible to test mobile apps with RealEye directly, but if the app may be run in the web or transformed into a mockup, then yes, such studies are possible.

Does it work on mobile?

Yes, most of our study types work on mobile. For mobile UX testing of websites or mockups, you may use embedded websites or mockup study types. There is, however, one exception - screen recording sessions do not work on mobile devices.

Is RealEye GDPR compliant and how is user privacy ensured?

Yes, we take user privacy seriously at RealEye and that is why RealEye is GDPR compliant. To ensure compliance, RealEye does not store or record any videos of the panelists. We take security measures, anonymize personally identifiable information, and provide users with control over their data.

How long does it typically take to set up a UX test with RealEye?

There is no general answer to this question. It’s often 5 -10 minutes and, in extreme cases, take more than a couple of hours.

Are there any integrations with prototyping tools?

There is a RealEye <> Figma integration that allows to download Figma mockup project into RealEye testing environment with a click of a button.
In the future, we plan to develop integrations with some other mockup tools like InVision, Adobe XD or Sketch. Tell us which prototyping tool you use, so that we could make it easier for you to kick of with UX testing with RealEye.

Where can I take testers/panelists from?

You may either:invite your testersyou may use third party panels, testers providers or communitiesyou can ask us for testers. The are paid additionally $10/tester.
here’s more on that option: https://www.realeye.io/features/realeye-panelists
Your browser does not support the HTML5 canvas tag.

Eye tracking for better UX research

To understand how users behave, so to actually see what they see and feel what they feel, UX researchers use many methods. One important tool they use is eye-tracking. This tool helps to look through users eyes and see how they interact with a creative design, web page, app platform or other. It helps to identify areas of hesitation, frustration, as well as flow. By measuring attention and intent researchers access implicit insights that often go unnoticed, which allows them to create products and services that people love to use.

Understanding Eye Tracking

Eye tracking is a technology that monitors the movements and positions of the eyes. It offers precise data on where users are focusing their gaze and for how long. This rich data allows UX researchers to understand what attracts or distracts. To dive deeper into the subject and understand eye tracking technology better, go to https://www.realeye.io/blog/post/the-fascinating-science-behind-eye-tracking-how-our-eyes-reveal-hidden-insights

Advantages of webcam eye tracking

Webcam eye tracker uses a webcam to follow eye fixation and movements. It has become more common, as it allows researchers to test usability remotely. Even though in some cases it may be not as accurate as dedicated eye tracking tools, it's easier to use and more accessible. This makes it a useful tool for UX researchers. In short time it gives detailed, unbiased data that lets researchers understand how users behave, improve usability, and make a better design. It's crucial because it shows what really grabs the user's attention and interest. You will get more details regarding webcam eye tracker from https://www.realeye.io/features/online-webcam-eyetracking

Eye Tracking and User Behavior

There are generally three ways for researcher try to understand human behavior and attitudes:

  1. Self-Report (what users say): Self-reported measures are measures in which respondents are asked to report directly on their own behaviors, beliefs, attitudes, or intentions.
  2. Observational (what users do): Observation of what people do would seem to be an obvious method of carrying out research in psychology and which gives a richer understanding of their behavior.
  3. Physiological Measures (what users' bodies do or react): Gives another layer of information about users' unconscious behavior.

Collecting three types of test evidence can give us a fuller picture. Self-reports may be biased, and observations might reflect observer bias. But physiological measures, like eye tracking, show natural, unconscious behaviors that we can't control. This is crucial if you're studying unconscious user behavior and want solid evidence.

Researchers use eye tracking to discover where users are looking. Heatmaps, a common way to show this data, highlight the areas users focus on most. Eye tracking experiments help UX researchers see which design elements attract attention and which don't.

Relevance of Reach Data

Reach data is about the parts of a design a user can easily use or interact with. Eye tracking provides this data, helping to design interactive elements like buttons or menus. By studying this data, designers can make sure these items are easy to reach, which makes the design better to use.

Customers want each contact with your design to be quick and easy. But designing with people in mind needs special behavior data. Using eye tracker measures where people focus can show new data (qualitative, so how participants processed a web page in a few minutes and quantitative, so heat maps and AOI), as well as valuable insights. This can help improve websites, apps, games, and even how people move in public spaces.

Usability Testing

Eye tracking is important in usability testing. It helps find out what parts of a design are hard or annoying by following where a user looks. This can show problems with how things are arranged, labels that don't make sense, or instructions that are hard to understand. By adding hard facts from eye tracking to what users say, we get a complete picture of the user experience.

Studying these metrics gives us a lot of useful information. Eye tracking studies allow us to directly and accurately understand a user's visual interaction because we're just measuring how much attention they pay to something.

This means that through eye tracking research we can study user behavior that we're not normally aware of that can't be shown by any other testing methods. With this detailed data, we can greatly enhance the user experience in new ways.

Studies like Bergstrom and Schall (2014) say, that eye tracking helps you understand:

  • Where attention goes: how much attention goes to important areas (Areas of Interest) or less important areas (Non-Areas of Interest)
  • How long items are viewed: how much time is spent looking at certain things (like buttons)
  • How the eyes move: the order and general behavior of how the user looks at things

Looking at eye movements can tell us a lot about what test participants see:

  • What they notice or don't notice when looking at an area
  • How long they spend looking at or not looking at an area
  • How many times they look at the same area
  • Which areas they notice first
  • How long it takes for them to see an area
  • The order in which they look at different areas

For instance, an online pharmacy might want to know if the user reads the dosage or product information before buying, or if they ignore it completely. This could be really important for customers who want to make a website with more noticeable text.

For an online clothing store, they might want to find out how users look at pictures of clothes; which picture gets the most attention (like pictures taken from different angles), where the user's eyes stay while scrolling through the page, and if they ignore certain parts during checkout and make mistakes.

Both platforms can benefit from knowing if navigation issues are due to confusing buttons that cause users to take extra steps. On a site with many images or bold graphics, it might be helpful to see what users are looking at, how long they look, and if certain elements distract or hide the navigation path. Generally, comparing designs in an A/B test can provide important insights and help to deliver one that actually works. 

Benefits of eye tracking

What can you learn?

  • How users experience your product
  • What your users struggle with
  • What engages users for long periods
  • What creates confusion
  • What gets ignored
  • How users make decisions

What can you do?

  • Improve the design of key features
  • Design using facts about behavior
  • Check design effectiveness with actual data

All in all, as we can see eye tracking is a crucial tool for UX research, providing insights into user behavior. By tracking eye movements, researchers can understand what attracts or distracts users. And webcam eye tracking has become more prevalent due to its accessibility and ease of use. This tool provides valuable data on the parts of a design users interact with easily, aiding in the design of interactive elements. In usability testing, it helps identify areas of difficulty or confusion by tracking where a user looks. Eye tracking studies allow us to understand a user's visual interaction and study unconscious behaviors, enhancing the user experience. It helps researchers identify where attention goes, how long items are viewed, and how the eyes move. Drawing from the data provided by eye tracking ux design can deliver creative solutions that will appeal to users and propel the business.