One of the most difficult (and arguably most important) metrics to accurately measure online is the actions of your users. Knowing how your readers move around online is paramount to increasing conversion rates, revenue and the overall success of your site. Over the years I’ve seen a number of heat mapping and conversion optimisation tools for attempting to measuring that sort of data, and even toyed with the beginnings of a solution for my own use.
With the exception of physical user testing web applications, a number of these tools concentrate on monitoring mouse movement, dump it in a database, and show it back to you overlayed on your site. Simples. Problem is though, that the majority only work as self hosted solutions, only providing access to the data for the owner of the site in question.
The other problem with mouse tracking is that it only does just that. Monitors your mouse. This may or may not actually be where you are focusing your attention at that moment in time. In comparison, user testing software often gives you a written or recorded explanation of how users found your site, and any problems encountered – which is great. But, what if you could easily get feedback on the most commonly looked at areas of your site? From a multitude of users? And on any site on the web? What sort of competitive insight could that give you as a web professional?
Well now you can. To relatively little fanfare in the UX community, recently launched YCombinator startup Gazehawk does just that. Using existing technology available in a few places on the web, Gazehawk use webcams as the primary way to monitor how people are interacting with your site. Participants are crowd-sourced and prospected from Gazehawk’s own site, and they deliver shiny reports to your door on where the focus of attention is on yours, or anyone else’s website. To backup the image report, a small amount of feedback is also delivered from the participant of the test, so you gain an additional amount of insight as to how they found your site from a usability perspective.
So impressed with the simplicity of their business model, combined with the all too familiar ‘why the hell didn’t I think of that’ feeling, I decided to take it for a spin with some of the web’s biggest blogs to put it through its paces. Bear in mind, that these results come with a pinch of salt – as these are single user reports for each of the blogs in question. The guys at Gazehawk have advised me that single user tests can be a bit on the shaky side, and the more tests you order the better – but still, interesting insight none the less, as the data is coming as the result of a live user test. So, here are the results of my tests.
Some of the participants in the study gave feedback on the site that they were tasked with reviewing, this was clearly a user who had visited the site previously, however, although this was a single user study – interesting to note that the user wasn’t terribly interested with the remainder of the page. Smashing Mag have notoriously long pages.
“I like the clean design. I was interested in a few of the blog posts. Had I been able to, I would have liked to read more on a few of them. I read all that I could on the ones that were most interested to me. It was enough to give me the gist of the article, and let me know if I’d want to continue reading.”
“Right side ‘scrape ads were slow to appear, so may skew my results a bit. Love smashing mag, btw.”
Official Google Blog
Google’s blog design follows a much more traditional pattern of giving away all of the content, without summaries on one page, so that you can pretty much scroll top to bottom to find and read new information without leaving that page. The eye-tracking study suggests that this is pretty much the case with new visitors to the site. A good proportion of users’ time was spent digesting the home page content, rather than scanning for new sections or interesting content and jumping to a new page. The need for a click is only when you reach the bottom of the page (to navigate to the next set of entries).
Search Engine Land
Search Engine Land showed a good level of coverage across the site from left to right, and interestingly the subscription, and advertising blocks got their fair share of attention. The eyes of this particular user made their way the whole way down the page, scanning continuously from left to right.
“Nice page the information flowed pretty well – not as dumbed down (via graphics) as some other sites i’ve seen”
Mashable are another blog who’s information spans multiple pages. In this particular instance, the main story seemed to garner the majority of the attention, with stories further down the page receiving less views. Maybe not a completely bad thing ,but perhaps the design concentrates to heavily on “what has last been published” which doesn’t encourage first time visitors landing on the home page to browse further. This particular participant was pretty clear in their feelings.
“Wanted to read more, but couldn’t find the link to the caveats that Google wants me to know.
So much crap on the screen that it stopped me from doing what I wanted to do: read the story.”
Read Write Web interesting received alot of visual attention above the log – which was surprising to me, as I assumed that top navigational bars such as this would be somewhat lost. The arrows on the links may have been enough of a visual cue to make the participant want to explore, or see what they did. Whilst this blog is particularly large in depth, it doesn’t make the massive scrolling ask that some of the others that were studied do. In other words, getting visitors off the home page, and deeper into the content that bit quicker.
Whilst it isn’t reflected in the image below, Darren keeps a video on his blog’s home page to engage visitors. This is absolutely apparent on this eye tracking study, as it received a good deal of attention. Other interesting take home points were the advertising has a human face, which is known to increase conversion rates. Their certainly seems to be some truth in that from looking at this study.
There was a lot of content on the page and the interface wasn’t that clean for viewers. A more simple layout would have sufficed.
The Next Web
The Next Web not that long ago underwent a bit of a design overhaul, and as one of my own favourite tech blogs, I thought it would make an interesting subject. From this single case, we can see that the logo is particularly striking, and brings across the sites branding in a fresh way. Other attention was found on the “Popular” section of the site, which helps to quickly bring new visitors across to popular content. The mid section of the site seemed to receive more attention than the other sections – perhaps because the eye was firstly drawn to the popular stories, and this particular user continued down the site.
“The colored text definitely drew my attention.”
TUAW makes for an interesting test case as it combines not only the “all content displayed home page” design model similar to Google, but also interlaces video, and images into the design. It’s also particular “long” as far as the depth of the page goes. We can see from this study that the participant paused frequently around the more interactive content. Again, first story on the home page received the majority of the attention.
Whilst this isn’t a terrible scientific study, it did highlight to me a number of things. Blog designers take note – there’s definitely lessons to be learned on how the different content strategies play out in the above, and you might want to start testing to see if you can improve the length of stay, and the number of pageviews your blogs generate – all with a simple design tweak.
Eyetracking should be integrated into your usability testing as it shows things that even a usability test can’t, and information that potentially wouldn’t have been relayed from users can be easily gathered. It also doesn’t cost an arm and a leg to perform – if I can do it, so can anyone in the industry – this isn’t something out of reach for the average person anymore. What do you think? Will services such as GazeHawk open the door for more accessible tracking? Let me know in the comments.
Filed in: Web Design