DEV Community

Discussion on: You Make My Head Spin - Reducing the Motion on Web

Collapse
 
sjarva profile image
Senja Jarva

Hey Robert! It's so wonderful that you're reaching out and want to find out about the experiences that people with vestibular disorders have. I too have some kind of vestibular disorder, but I don't have a diagnosis like Eevis does. I found out about condition only this year, when a web app I use often (Ravelry, a social media for knitters and makers) changed their UI and that triggered nausea for me. I've also come across some GIFs at news site and even here on Dev.to that trigger my nausea.

I haven't heard of any studies, but I had this article bookmarked as an example how to design for reduced motion. The article lists several different motion triggers, and gives examples of them.

The first trigger they list, is scaling and zooming. Panning isn’t mentioned with this term, but one of the triggers is “multi-speed or multi-directional movement”, or parallax effects, which I understand to be similar to panning. Hope the examples in the article of these effects help!

And just as a fun side note, looked through all the videos on the article, and listed below which gave me nause and which didn’t:

What triggered nausea in me:

Scaling and zooming
example 1: mouse-triggered scaling
example 2: zoom and blur

Spinning and vortex effects:
example 4: multi-speed or multi-directional movement

Some nausea, but not so bad as the above mentioned

Dimensionality or plane shifting
5: plane-shifted scrolling

Did not give me nausea at all:

Spinning and vortex effects:
3 spininng parallax starfield

Peripheral motion
6: subtle, contant animation near text (just distracts me from reading text, but no nausea)