Start networking and exchanging professional insights

Register now or log in to join your professional community.

Follow

What do you know about parallax scrolling effect in web designing ?

user-image
Question added by Harran Ali , Creator , GoCondor (Golang open source project)
Date Posted: 2014/07/10
Alaa M. Jaddou
by Alaa M. Jaddou , IT Manager & System Administrator , Go Store

Web designers began incorporating parallax scrolling in2011, using HTML5 and CSS3. Websites with parallax backgrounds are becoming an increasingly popular strategy, as advocates argue it is a simple way to embrace the fluidity of the Web.[14][15] Additionally, proponents use parallax backgrounds as a tool to better engage users and improve the overall experience that a website provides. However, a Purdue University study, published in2013, revealed the following findings: "... although parallax scrolling enhanced certain aspects of the user experience, it did not necessarily improve the overall user experience."[16][17]

Pros

  • Parallax scrolling allows for the creation of dynamic, interactive user experience that has the potential to improve visual appeal.
  • It enables content publisher to display content on a single page, therefore reducing navigation and clicks required for an end user to consume the content.
  • With parallax scrolling, a user can be "led" around a website according to a designer's or UX expert's intent.

Cons

  • Because parallax scrolling involves the use of heavy animation, it can take web pages longer to load.
  • Parallax scrolling does not function smoothly across all browsers.
  • Parallax scrolling can make it difficult or frustrating for the end user easily consume content due to excessive scrolling.

With the rise of mobile users navigating the internet, designers or UX expert's must translate the effect of the experience for mobile device to avoid compatibility problems.

More Questions Like This