Scrolling with a twist

by IxDF Course Instructor | | 2 min read
358 shares

Scrolling is just going up and down the screen, but designers have been adding some bells and whistles to this aspect of the web user experience for at least four or five years. Some of these attempts to enhance the scrolling experience can be found at CSS-TRICKS in Chris Coyier's article Fancy Scrolling Sites.



Author/Copyright holder: Red Bull North America. Copyright terms and licence: All rights reserved Img source

Some of these methods and tricks are becoming more and more common in the websites we use on a daily basis, such as the BBC news website. You can also see parallax scrolling in action on the Nike Better World website, shown in the video below.



Nike Better World - Parallax Scrolling in Action

For even more examples of parallax scrolling take a look at this thorough run-down of some of the sites using this design feature to enhance their visitors' experience at the Creative Bloq. A further example of a 'souped-up' scrolling feature can be found at Learn Python the Hard Way. So, as you can see from all of these examples, lots and lots of sites are now adopting different methods to reveal content as visitors progress down the page (and clear the content as they make their way back up again).

Header Image: Author/Copyright holder: bratboy76. Copyright terms and licence: CC BY-NC-ND 2.0


358 shares

Open Access—Link to us!

We believe in Open Access and the democratization of knowledge. Unfortunately, world-class educational materials such as this page are normally hidden behind paywalls or in expensive textbooks.

If you want this to change, , link to us, or join us to help us democratize design knowledge!

Share Knowledge, Get Respect!

Share on:

or copy link

Cite according to academic standards

Simply copy and paste the text below into your bibliographic reference list, onto your blog, or anywhere else. You can also just hyperlink to this article.

Instructor, I. (2015, October 20). Scrolling with a twist. Interaction Design Foundation - IxDF.

New to UX Design? We’re giving you a free ebook!

The Basics of User Experience Design

Download our free ebook The Basics of User Experience Design to learn about core concepts of UX design.

In 9 chapters, we’ll cover: conducting user interviews, design thinking, interaction design, mobile UX design, usability, UX research, and many more!

A valid email address is required.
312,753 designers enjoy our newsletter—sure you don’t want to receive it?

New to UX Design? We’re Giving You a Free ebook!

The Basics of User Experience Design

Download our free ebook The Basics of User Experience Design to learn about core concepts of UX design.

In 9 chapters, we’ll cover: conducting user interviews, design thinking, interaction design, mobile UX design, usability, UX research, and many more!

A valid email address is required.
312,753 designers enjoy our newsletter—sure you don’t want to receive it?