Skip to the content

Scrolling forever – Why are websites getting longer?
personJosie Thaddeus‐Johns eventDec 21, 2013

Scrolling forever – Why are websites getting longer?

I first noticed it just over a year ago, when Pitchfork’s interview with Natasha Khan (Bat for Lashes) was all over my newsfeeds, with everyone from journalists to developers commenting: “This is the future of editorial on the internet.” 

Biography
Jaka Krevelj

Creative Director at Hack and Craft

Jaka is responsible for look and feel, user interface and user experience of HnC's products. He leads the design process from the first sketches to the final artwork and oversees its implementation. His experience and understanding of mobile and web platforms enable him to predict what users intuitively expect from a product.

Since then, it seems like all the web designers in the world have undergone a pact to make these comments come true. Now, when I hear a website is getting a redesign, my first thought is: “but how scrolly will it be?” It’s a style that Hack & Craft deploys to great effect in our varied projects, so I thought it was a good time to ask: why? 

Well mainly because it’s accessible and ultra user-friendly, no matter what device you’re using, as Hack & Craft’s Creative Director Jaka Krevelj explained: “The users know immediately what to do. They don’t have to learn anything new, even if it’s the first time they’ve ever seen it. With tablets and phones that have touch screens, the natural response is to scroll. These designs are also more inherently ‘responsive’ as the content collapses under itself making longer pages. Point and click interactions are harder to make responsive.” 

Two of my frequently-clicked sites recently underwent “infiniscroll” transformations: 032c and i-D magazine (I’m a bit of a art/fashion magazine enthusiast). 

Animated gif: Scrolling forever

These editorial websites, with their ever-renewing articles, as opposed to websites that have more static content, aren’t necessarily the most natural use of this feature (or to give it a more precise name “Parallax”, meaning that the layers move at different speeds, giving a 3-D effect). 

“It’s possible to make it work for an editorial website, but it’s best for those that don’t have a lot of content or have very specific content,  like our designs for Bonaverde and Brad’s Wine,” said Jaka.

As for how the future of this style of website design will develop, it all depends on how browsers will enable new developments, and when they can catch up with apps that are native to the device you’re using:

“A native application on a device lets you do a lot more, because it’s programmed for what you’re using. At some point, though, web browsers will become as capable as the apps themselves.” 


To enable comments sign up for a Disqus account and enter your Disqus shortname in the Articulate node settings.

Recommended articles

3D printing: what about intellectual property?

Benchmark your performance against the greatest footballers in the world

Step inside the immersive world of Arcadia

Is Quantum Computing the next big thing?

Is immersive audio about to drown us in sound?

Latest articles

Why automation could lead to mass unemployment and how a Universal Basic Income might be the only solution

CERN’s asset management supercollider

5 Tips on How to Innovate

Process Model Innovation: A vital part of Modern Dual Innovation

Change activism for the really agile enterprise

Outro

Science and technology are the principal drivers of human progress. The creation of technology is hindered by many problems including cost, access to expertise, counter productive attitudes to risk, and lack of iterative multi-disciplinary collaboration. We believe that the failure of technology to properly empower organisations is due to a misunderstanding of the nature of the software creation process, and a mismatch between that process and the organisational structures that often surround it.