The Five Second Test usability tool

The five second test is a simple usability test that helps you measure the effectiveness of your user interfaces.  Distilled have been using this tool to discover what users notice most about our website.  

The tool works by flashing up a screen shot of the particular web page for 5 seconds-(can you see where they got their name from)?  After the page is viewed a form appears which has five spaces for the user to simply list the things they remember.

Some people used these spaces to list the things they remembered, others to give in-depth advice or constructive criticism and others to simply offer up random abuse ... nice.

If you are a loyal subject of Distilled, you many have noticed that we have been implementing some minor changes to the Distilled ‘Home’ and ‘Contact’ page recently. These changes were spurred on as a result of the the interesting things people had said in our test. 

Just a few months of using the tool gathered a considerable amount of data for both pages. We then set about analysing the findings to try and discover how these pages could be improved.

Home Page:

Below is what the Distilled home page looked like when it was being tested.

The home page design we tested old-home-page

For this page we received lots of positive feedback and a few suggestions. These regarded the unusual right hand positioning of the logo and the continuation of our brand colours further down the page.

The feedback also highlighted a lot of repetition in people’s responses. This is a good sign because it means a lot of people were noticing the right things. I have collated my findings in a bar graph in order to make differences in figures more readily recognisable. At this point 31 people have taken the test.

A Bar Graph of our findings home-page-graph1

Bar graph Analysis - The graph shows clearly that people are drawn to the call-to-action buttons. This is great; they are achieving their purpose. SEO has been noted more than the other services we offer. One theory I have about this is that usability testing tools fit closely with optimising websites, so it’s natural that more people who are aware of SEO will be taking the test. SEO is certainly not designed to stand out any more than the other service call-to-actions. 

The unusual right-hand positioning of the logo caused some comment. The right hand alignment of most of the elements within the logo led to this positioning initially.  As the amount of services Distilled offers increased the menu was forced to split awkwardly in two halves; the new design has solved both the logo and menu problem, whilst allowing space for any more services should Distilled expand its talents further.

The new design also continues the Distilled colours further down the page, therefore continuing the brand and highlighting more clearly what we do as a company at the top of the website.

The amended design:

distilled-new-home-page1


The Contact Page:

The contact page design we tested contact-old

The contact page received an extensive amount of feedback in one particular area: the RSS feed. This made it explicitly clear what needed to change. Below are the feedback messages from a few people regarding the RSS feed: 

  • too large RSS feed
  • GIANT rss button
  • RSS button again
  • RSS RSS RSS OKAY!?
  • giant rss feed icon
  • Gigantic RSS icon
  • Huge Contact Us Button
  • Not enough content to make me want to click on either huge thing.

So it was clear people found both the RSS feed and the ‘contact us’ button overly large.  

The amended design:

Both call to action buttons have been made smaller and more content has been included next to the RSS feed. Hopefully, this content will help to make people trust the icon and want to click on it more.

distilled-new-contact-page


One of the downsides of the ‘Five Second Test’ is the minimal amount of information that is received. It is certainly not the best tool if you are after detailed explanations of peoples’ thoughts.  If, however, you are looking for just sheer numbers to analyse then this tool is great; it soon becomes clear after just a few feedback responses what people are noticing most frequently and consequently what they are most likely to click on.

If one of the main elements of your website is not noticed you will need to reconsider this element until it starts to show up in the feedback.  Key points to look for in your feedback are:

Do people know what your company is called? Do they notice your logo? Is it clear what you do? Are your Call-to-actions noticed?

The five second test is definitely a tool worth trying out.

Distilled will continue to use this tool in an effort to ensure our website stays user friendly and easily accessible.

Leonie Wharton

Leonie Wharton

Leonie is one of the longest standing members at Distilled and was here when the company was just 5 members. Her time is split evenly over client and internal work. Client work focuses on linkbait projects for our clients, working closely with the...   read more

Get blog posts via email

2 Comments

  1. Crikey. Who'd have thought I kicked off such a process with my quick email forward a while back?

    Great work. And I love the design tweaks (first I saw of them was today!).

    reply >
  2. Rob

    Thanks for introducing this to me Leonie; I tried it on some other sites, and got very useful responses.

    Particular advice would be: make sure you keep a record of your results from time to time. The site does remove them after a while, so don't expect to always be able to go back tot he site and check!

    reply >

Leave a Reply

Your email address will not be published. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>