Bookmark: "Vestibular Issues in Parallax Design"

Sebastian Greger


The “Parallax effect” (the background of a website scrolling at a different speed than the rest of page) is one of these fads that suddenly gain traction amongst designers, just for looking cool – “it can be done, so let’s do it” – but without looking at the science of both how it is perceived by users and whether it really is an improvement:

Over the last year or so, a design trend in the web and mobile world has been transition animations, parallax effects, and the like. For many users, this can cause vestibular issues; the symptom is usually vertigo, or a feeling of motion sickness.

Referring to an empirical study, the authors rightfully point out that just one “Pro” argument (“it may increase user engagement”) is outweighed by five “Con” arguments.

There are obviously many more negative points for using parallax design as there are positive.

These effects should really be used only with utmost consideration and never without testing them with users; plus, as with any animated elements, it should be imperative to only apply them if users have not set a “reduce motion” setting in their browser (easily detected in CSS using the prefers-reduced-motion media query).

I'm Sebastian, Sociologist and Interaction Designer. This journal is mostly about bringing toge­ther social science and design for inclusive, privacy-focused, and sustainable "human-first" digital strategies. I also tend to a "digital garden" with carefully curated resources.

My monthly email newsletter has all of the above, and there are of course also an RSS feed and Twitter.