Parallax is a form of scrolling website design growing in popularity across the internet,
The term “parallax” first came from the visual effect of 2D side scrolling videogames that used different background image movement speeds to create the illusion of depth during gameplay. This was generally done by making the background of the game move slower than the foreground in order to make it seem further away. This same concept applies to parallax site design in which the background of the website moves at a different speed as the rest of the page for an impressive visual effect that allows for countless creative applications for online storytelling.
Parallax design gives websites a great opportunity to; wow viewers with page depth and animation, take a story-telling approach to guide visitors through the site, make page visits last longer by encouraging visitors to scroll through the entire page, provoke curiousity, direct visitors to calls to action, reenforce website credibility with innovative interactive viewing.
What do you need to be able to create a parallax site?The right HTML, CSS, and jQuery code.
Are there any usability or other issues with parallax sites?
It doesn't work on mobile sites and smaller websites tend to put several pages into one, effectively shooting themselves in the SEO (search engine optimization) foot. Also parallax causes slower load times, which can lead to performance issues, which does impact SEO negatively as well as conversion, customer satisfaction and site usability.
Here is two screen captures and links of sites that do this very well.
No comments:
Post a Comment