Eye-tracking the Abstract

Written by Jacob Smith
“Artwork is inherently emotional and the emotional reactions that are elicited by abstract artwork might lead participants to focus their attention within the upper-right quadrant to better engage emotional processing”
— Nicole Thomas and Ali Simpson, Acta Psychologica

I found this article in Fast Company and was fascinated. We have used mouse tracking (a cheap alternative) on usability testing, but the thought of eye tracking in abstract art is new to me.

One of the pieces that was used was Faces of Blue by Nestor Toro. We used it for our feature image. I have no idea if Toro wanted to create a focal point or not, but I can see how different people may take it in differently.

The classic rule of thumb for web usability is that people scan from left to right in an "F" pattern. Two horizontal passes at the top of the page and then a longer vertical pass down the page.

This study found a very different pattern. People started in the top right and moved around the painting in a clockwise motion.

More interestingly they found people who where more neurotic focused more on the left side of the art. Nueroticsm is one of the "big five" personality traits and is defined this way by Psychologist World:

A neurotic personality is characterised by persistent, often disproportionate, worrying and anxiety. A person may strive to be a perfectionist during their everyday activities, and experience stress as a result of events that are beyond their control.

The authors theorize that neuroticism causes people to focus inward and engage less with visual stimuli so they might not engage with the entire piece of art.

We could think more about user's emotional states more. We are working on a website for a humane society currently. It makes me think we need to consider how the emotional state of having to surrender an animal impacts design and user interaction.

Where else does emotion come into play in design?

Written by Jacob Smith on 07.31.2018
Category Web Design  

Get Brave New Updates

Related

5 Pillars of Homepage Content & Design

So you're creating a homepage. Or maybe you're updating or refreshing one. How do you make it "good?" Or—dare I say it—"great?" A great user...

Read More

How To Prioritize The Right Website Goals

Website goals. You better have them if you want to drive the growth of your site forward. In fact, you better not just have goals. You need to...

Read More

Introducing The New SeattleHumane.Org

Last week we were thrilled to launch a new website for Seattle Humane. Seattle Humane's breadth, scope, and reach of animal care and leadership in...

Read More