One-Page Wonder: Infinite Scroll
Infinite scroll is becoming another option for publishers' sites.
A readerâ€™s next step is less defined online. They may stick with you, but itâ€™s more likely theyâ€™ll leave.
Some publishers are using infinite scroll to seamlessly introduce that next story, thoughâ€”theyâ€™re turning the page for you.
â€śNews sites in particular have this bottom-of-the-article problem,â€ť says Zach Seward, a senior editor at Quartz.Â Seward was one of the creators behind the siteâ€™s simplistic design that incorporates infinite scroll. â€śSome just create a dead-end and thereâ€™s nothing to do there; others create a paralysis of choice by providing so many links that you donâ€™t know what to do.â€ť
Seward says they werenâ€™t sure if it would workâ€”they were prepared to reevaluate it after six monthsâ€”but itâ€™s turned out to be the dominant way people use the site.
The same has been true for Mashable, which redesigned its site in December to incorporate infinite scroll. Pageviews are up 26 percent since the change, while bounce rates have declined 20 percent across the board.
â€śBounce rate was one metric we really focused on with this redesign,â€ť says Robyn Peterson, CTO of Mashable. â€śThe way to reduce that is to make sure the user has the right content put in front of them, but also enough opportunities and enough content that theyâ€™ll have a selection that makes sense to them.â€ť
Quartz and Mashable are using the same toolâ€”infinite scrollâ€”toward a similar endâ€”increasing engagementâ€”but each are using it differently.
Every Page Is a Homepage
In line with the rest of its unobtrusive, device-agnostic design, Quartz displays a continuous list of 24 (it just seems infinite) full text stories in its main column. Thumbnail previews are kept in a separate, smaller column, while a more traditional dropdown navigation bar can be accessed on top.
The use trends differ on desktop, tablet and mobile platforms, but the approach is always the same: Feed story after storyâ€”the bottom of one is the top of the next. Each story is its own homepage; the homepage is just the most recent story.
Conversely, Mashableâ€™s new homepage and specific topic landing pages have a distinct separation from content. Theyâ€™re portals. Borrowing from the brandâ€™s overwhelming social success, they emphasize images in a three-column design.
â€śWhen we share in a photo-heavy way, we see 8-times as much engagement by our users on social networks,â€ť Peterson says. â€śWhen we started experimenting with becoming more photo-heavy across the site, we saw much more engagement.â€ť
Like Quartz, however, Mashable has turned each story into its own homepage. Instead of a footer, users are presented with the most relevant topic page.
Whatever the theory, infinite scroll is leading to more engagement for each site. Both Seward and Peterson say itâ€™s not a solution in itself though. It has to compliment an overall design philosophy.
â€śWeâ€™re trying to get the site out of the userâ€™s way,â€ť Peterson says. â€śWe want to just allow them to browse as deeply as they want, however they want. If itâ€™s by clicking, great; if itâ€™s by scrolling, now that works too.â€ť