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 humans 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.
This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.
Strictly Necessary Cookies
Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.
If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.