The animated GIF below shows an example of parallax scrolling on a restaurant’s website. Now move your head from left to right while holding your hands steady: it’ll look as if the two hands are moving relative to each other, particularly if you close one eye so that you get a 2D view.) (To understand why parallax design induces this illusion, try this experiment: hold up both of your hands in front of your face, with one hand as far away as you can stretch your arm, and the other hand halfway between the first hand and your eyes. If the earlier parallax implementations were a horror show of usability issues, the modern version is closer to a PG-13 family comedy: not particularly entertaining, but also not likely to send people screaming to close the tab.ĭefinition: The parallax animation effect is created by two or more layers of an interface moving at different speeds or in different directions in order to produce an impression of depth. In this sequel, however, parallax scrolling is more restrained than the original. Like a sequel to a movie, our testing today reveals a familiar cast and storyline: unimpressed users and a range of usability issues. Just when we thought the web was safe, parallax scrolling is making a comeback. The outcomes didn’t justify the work that went into creating and maintaining elaborate parallax-scrolling effects, and so the trend dwindled in popularity. After a short couple of years, the parallax trend slowly faded away, likely because those early adopters saw the same results we did: harm to the user experience or lukewarm user reactions, at best. More importantly, neither were users (for reasons I’ll explain below). Several years ago, a colleague and I ventured out to test a new design trend that was winning web-design awards and earning praise on designer forums.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |