Research: Eyetracking on Date of Birth fields
Recently we partnered with the team at Nudge Insights to conduct a user behaviour study. Participants were asked to complete a series of forms and we recorded their behaviour using state of the art eye tracking software. We’ll be publishing the findings to provide insight on how real users interact with various types of forms and fields.
We looked at 6 form journeys, across three different products and services:
- Credit card applications – Post Office, Halifax
- Car Insurance – GoCompare, RAC
- Loans – Santander, Little Loans
In this blog series, we will look at fields present in each one of the above journeys, and break down how the small differences in the design of these fields can have a profound impact on how easy or difficult they are to complete. Over the series we will look at the following fields:
- Date of birth
- Contact details
- Employment details
- Bank details
The data we’ll be using is Fixation Count, Average Fixation Duration and Total Fixation duration.
Eye-movements are highly task-dependent, and in different circumstances, fixation metrics should be interpreted differently.
Fixations and Saccades
is a measure of a users eye-movement remaining stable for a minimum of 60 ms, and a saccade is the rapid-eye-movement between two fixations. When looked at in chronological order, the fixations and saccades make up a A fixation . scanpath
The fixation count is the number of fixations during a segment of the form. A high fixation count indicates that the user had more difficulty with this part of the form. Their eye-movements are unlikely to have been smooth and natural,
insteadrequiring effort to search for the information they needed. A further look at the scanpathcan indicate the level of complexity the form causes for the user.
Average Fixation Duration
The average fixation duration is the mean length of the fixations during a segment of the form. There is a direct link between the average length of fixations and the cognitive load of the user, however, fixation count is a more relevant measure of form performance when information required for a section is relatively intuitive.
Total Fixation Duration
The total fixation duration (also known as the dwell time) is the cumulative duration of the fixations during the chosen section of the form. A larger total fixation duration indicates
the the userhad the most difficulty with this section of the form, possibly a combination of high fixation count and high individual fixation durations.
What Real Eye Tracking Data Taught Us About Asking for Date of Birth Information
Date of birth information is asked for in a variety of online journeys. Most of the time it’s requested when purchasing or enquiring about age-sensitive products or services, and date of birth can also be used in identity verification and credit history checks.
The information required is pretty straightforward (the day, month and year of your birth) but even when asking for these three pieces of information there can be a variety in how it’s requested.
Eye tracking data
The following are the averages taken from our study participants:
|Fixation Count||Total fixation duration|
|Post Office||33.6||Drop down|
|Santander||9.8||Text fill and drop down|
|Little Loans||9.2||Text fill|
Total Fixation Duration
|Post Office||4.05||Drop down|
|Little Loans||2.65||Text fill|
|Santander||2.22||Text fill and drop down|
- Top Performers
- Go compare (text fill)
- Little Loans (text fill)
- Santander (text fill/dropdown/text fill)
- Worst performers
- Post Office (drop down)
- Halifax (text fill)
- RAC (drop down)
- The top performers required the lowest number of fixations (fixation count) to complete filling in the date of birth information
- These top performers also required the lowest amount of time in total (total fixation duration) to complete the date of birth information
- With the exception of the Halifax form, there is a strong correlation between drop down or text fill options and the best and worst performing forms
- When we look at the
scanpathvisualisations of the Halifax date of birthsegment, we can see that although they used a text fill, it was poorly executed.
Text fill versus dropdown:
The form with the highest number of fixations across participants was the Post Office, who asked for date of birth via three dropdowns for Day, Month and Year.
To understand why this is happening, it helps to think about what happens when you interact with a drop down. For each part of a DOB, a user;
- Reads the field label
- Glance at the input type to establish how they have to provide the information
- Look for the part of the drop down that expands the choosable options and clicks it
- Scans the list for their chosen input
- Scrolls if needed
- Selects the correct value
And the above process for DOB is repeated three time for Day, Month and Year.
Below is a plot of one participants scanpath:
This shows the scan path of one users eye-movements whilst completing the date of birth information in the Post Office form. This involved the use of drop down menus, and you can clearly see a large number of fixations moving up and down the page.
Contrast this with the Little Loans DOB field, which has the second lowest number of fixations:
This scanpath shows that the users eyes did not need to dart around the page as much as they did with the Post Office drop down menu. There are far fewer, more tightly grouped fixations, moving left to right across the page, making this segment of the form more effortless for the user.
Halifax DOB field – looks like it should be great in theory, in practice it underperforms
Despite using a text fill option for the date of birth information, the Halifax form still performed poorly when compared with the other text fill forms. On closer inspection we can identify some key issues here.
When we watch the videos back of the
First, an error message
Secondly, the date of birth section has fallen at the bottom fold of the page, with the error message actually pushing the text fill boxes below the fold. The field disappears momentarily, and a user has to scroll to continue interacting with the field.
The above issues are a perfect illustration of the fact that forms are not static images, but are interactive interfaces. Even though a field can look like is should be easy to complete, it can still be frustrating for users if it doesn’t behave in an intuitive way.
- Use text boxes instead of dropdowns for Date of Birth information.
- Make sure you test your form and ensure all information input is seamless and you don’t end up with unnecessary error messages or form elements straddling the page fold.
Our sister platform Formisimo has written before about the dangers of using
Why drop down lists are bad for the user experience and
Why are drop downs and select boxes bad for forms?
If this has whet your appetite and you’d like to learn more about eye-tracking, Nudge have also written a Beginners Guide to Eye-Tracking, an easy introduction to the techniques and terminology that eye-tracking analysts use.