Humans move their eyes in very predictable patterns, but also want to find solutions to their needs first. So why does this matter? Designers and Brands must provide relevant, engaging solutions to consumers while using proven tactics to influence behavior. Start creating designs that actually work, SOUTH will guide you in the right direction.
Make Your Product Stand Out
Each day consumers are bombarded with 16,000 advertisements,1 designers must find unique ways to stand out, connect emotionally, and hold the attention of viewers. Attention is a process requiring a number of cognitive pathways that gives an object preferential status over all other items in the visual field.7, 14 Designers must understand human visual activity, both learned and biological, to engage and effectively communicate their intended message.
Humans use their 5 senses to gather 11 million bits of information every second, however the majority of the data that is processed enters through the visual centers.7, 14) Consumers make four, very predictable eye movements within the first 2.5 seconds to gather information. Product selections can be made in as little as 313ms.8, 9, 11, 15 This window of opportunity to capture attention is ever shrinking. The ‘herd learning’ and training humans have undergone also has strong influences on eye movement. Individuals, based on previous social learning, tend to look in the upper and far right of the visual field hoping to gather relevant information.4, 5, 13, 14
Consumers make four, very predictable eye movements within the first 2.5 seconds to gather information. Product selections can be made in as little as 313ms.
Can you find the white can of mayo? Where did you look first, what color did you become sensitive to?
LET’S SEE SOME DATA ON THAT
Three ground breaking studies applied previous knowledge from neuroscience to modern web sites to test the ability to manipulate visual activity by making certain digital aspects more salient than others. In doing this, researchers were able to show that by only changing the brightness and location of content they were able to influence viewer behavior and memory. Their results coincided with the previous research, by finding that items brighter in color (compared to the rest of the web page) or displayed in areas of the visual field that humans had been trained to look for relevant information received more attention.3, 7, 10, 12
The viewer’s brain, based on previously learned information, unconsciously prepares the visual pathway to quickly discard irrelevant material and fixate on a legitimate solution.2 By considering both internal and external states, the eyes become biased to the colors and shape of relevant objects. The consumer’s visual pathway becomes increasingly sensitive to a specific set of relevant stimuli, when this desired set of information enters the visual field, the designer has now captured the consumer’s attention.11, 14, 16, 18 If a display does not provide any relevant information, users simply move to a different site rather than attempting to dig for answers.
CREATING A DESIGN THAT WORKS
All major areas necessary for action and of most importance are brightly colored.
Provide a responsive design offering a multitude of options that interact with visitor activity.
Icon features that expand and define what icon means as user hovers over it will create a feeling of control and authorship.
Expanding drop down menus and footer keeps design ‘clean’ and simplistic so as to not overwhelm the visitor by presenting them with info that isn’t relevant to them.
Design is shape based (picture, icons, statistics), allowing the visitor to gather information quickly without having to process language. Words take the most brain activity, and therefore time to process. Users gather information by shape and color before text.
Use positioning and brightness of color to influence visitor eye movements and behavior.
Major information is placed along the top and right side of the design.
Most important, ‘call to action’ is positioned in top right— the area eye movement will natively be most concentrated.
Multi-word headings or areas requiring lots of text are organized into icons to increase recall and ease of navigation.
WHY DOES THIS MATTER
We highlighted a section of this breakthrough study on eye movement and gaze bias by Plassmann and colleagues so you can learn more. Click the title page above to begin reading.
Users, shockingly, interact with brands by using them. These places of interaction are called TOUCHPOINTS, and range from letterheads and communication to websites and product design. Brand managers need to consider each unique touchpoint, because the consumer is making a connection, or isn’t, with each one. Designers hate feeling ‘boxed’ in, and the last thing we would ever advise is becoming predictable or repetitive with your creative work. What we are suggesting is integrating these PROVEN elements into your design so that your art isn’t just beautiful, but effective. A list of particularly informative studies are referenced in this article and cited below, the papers from Milosavljevic and colleagues (Reference #10-12) are fantastic in pointing out the psychological and neurophysiological elements of impactful design.
REFERENCES
Alrey, David. (2010). Logo Design Love: A Guide to Creating Iconic Brand Identities. New Riders. Berkley, CA.
Chartrand, T. L., Huber, J., Shiv, B., & Tanner, R. J. (2008). Nonconscious goals and consumer choice. Journal of Consumer Research, 35(2), 189–201.
Dreze, X., & Hussherr, F. -X. (2003). Internet advertising: Is anybody watching? Journal of Interactive Marketing, 17(4), 8–23.
Durgin, F. H., Doyle, E., & Egan, L. (2008). Upper-left gaze bias reveals competing search strategies in a reverse Stroop task. Acta Psychologica, 127(2), 428–448.
Efron, R., & Yund, E. W. (1996). Spatial nonuniformities in visual search.Brain and Cognition, 31(3), 331–368.
Koch, C. (2004). Quest for consciousness: A neurobiological approach. Englewood, CO: Roberts & Company Publishers.
Koch, C., Niebur, E. (1998) A Model of Saliency-Based Visual Attention for Rapid Scene Analysis, IEEE Transactions on Pattern Analysis and Machine Intelligence, Vol. 20, No. 11, pp. 1254-1259.
Knutson, B., & Bossaerts, P. (2007). Neural antecedents of financial decisions. Journal of Neuroscience, 27(31), 8174–8177.
Leven, W. (1991). Blickverhalten von Konsumenten. Grundlagen, Messung und Anwendung in der Werbeforschung. Heidelberg: Physica Verlag.
Milosavljevic, M., & Cerf, M. (2008). First attention then intention: Insights from computational neuroscience of vision. International Journal of Advertising, 27(3), 381–398.
Milosavljevic, M., Koch, C., & Rangel, A. (2011). Consumers can make choices in as little as a third of a second. Judgment and Decision Making, 6(6), 520–530.
Milosavljevic, M. (2009). Computational modeling of visual attention and consumer research: Initial allocation of visual attention and its effects on consumer behavior. Saarbruecken, Germany: VDM Verlag.
Nissbet, R. E., & Wilson, T. D. (1977). Telling more than we can know: Verbal reports on mental processes. Psychological Review, 84, 231–259.
Plassmann, Ramsøy, Milosavljevic. (2012). Branding the brain: A critical review and outlook. Journal of Consumer Psychology 22, 18–36.
Reimann, Castaño, Zaichkowsky, Bechara. (2012). How we relate to brands: Psychological and neurophysiological insights into consumer–brand relationships. Journal of Consumer Psychology 22, 128–142.
Van Zoest, W., Donk, M., & Theeuwes, J. (2004). The role of stimulus-driven and goal-driven control in saccadic visual selection. Journal of Experimental Psychology: Human Perception and Performance, 30(4), 746–759.
Wheeler, Alina. (2009). Designing Brand Identity. John Wiley and Sons. Hoboken, New Jersey.
Wolfe, J. M., & Horowitz, T. S. (2004). What attributes guide the deployment of visual attention and how do they do it? Nature Reviews Neuroscience, 5(6), 495–501.