Skip to Main Content

Agency Off Record

Psychological Web Design – Central vs. Peripheral Vision

100 Things Every Designer Needs to Know About PeopleBook Report

Central vs. Peripheral Vision

 

Ever wonder why blinking banner ads are so unbelievably distracting? Turns out, it’s related to our evolutionary drive to detect danger (i.e. lions, tigers, and bears – oh my).

We have 2 basic types of vision – central and peripheral. As you might have guessed, central vision refers to what your eyes are focusing on, and peripheral vision encompasses the remainder of your visual field. In 100 Things, Weinschenk explains that central vision is understandably crucial for focusing on the details and core content on a page, but peripheral vision plays a much larger role than previously thought in giving the viewer an immediate ‘gist’ of what they’re looking at.

The evolutionary argument is that early Lion GIFhumans needed the ability to focus on a task (i.e. sharpening a spear) while using their peripheral vision to keep an eye out for danger and monitor their surroundings. In other words, we’ve been hardwired to subconsciously notice context clues all around us. Even though it’s usually a blinking ad for a diet pill – we can’t help but pay attention to movement in our peripherals, just in case it’s a lion. (how distracting is this lion??)

 

WHY IT MATTERS

Full-width and full-screen imagery and video backgrounds are extremely popular right now, and this lesson about giving the gist without distracting will help you to use these tactics effectively.

In case you haven’t already noticed, we’re firm advocates of large imagery. When using large images and videos, remember that the goal is to intentionally tell the viewers’ peripheral vision what the gist of the page is about, without distracting their central vision. Make sure any text on top of the image/video is clearly legible, and definitely don’t use any videos with objects blinking or flying across the screen.

 

BACKGROUND

Being self-taught in all things web and creative design,  I’ve spent a good deal of time reading books, blogs, and research articles on the topic of UI/UX, and I found myself increasingly critical of the authors. Most of what I’ve found has recycled the same tips and tricks over and over again and puts the focus on ‘this is what’s popular right now’, but what I really wanted to learn was why certain UI/UX tactics become popular or prove more effective than others. With “100 Things Every Designer Needs to Know About People”, I found exactly what I was looking for, I find myself constantly re-reading this book and sharing its lessons and theories with our clients.

Alyssa has a passion for thoughtful website design and development, and an abnormal love for data. Without her, we wouldn’t be able to marry beautiful interfaces with sharp strategies.

Alyssa has 5+ years experience with traditional and digital design. She holds a B.F.A. in Graphic Design with a Business Entrepreneurship certificate from the University of Iowa.


Ready to get started on your next marketing project? Let’s Chat

Subscribe to our blog for weekly updates

  • This field is for validation purposes and should be left unchanged.
Back to Top