Scrolljacking is a widely used but polarizing web design technique. Although it could help your small business meet visitor traffic goals, there are specifics to consider before implementing it.
What Is Scrolljacking?
Scrolljacking — or scroll hijacking — occurs when website design decisions cause unexpected behavior when people progress through content. That may mean text and images appear on pages at a different rate than the scrollbar’s movement suggests, or that the scrollbar disappears altogether.
What Are the Pros and Cons of Scrolljacking?
Like virtually all design possibilities, scrolljacking has both advantages and disadvantages. Small businesses frequently use it to trigger animation, which catches attention and increases dwell time.
Some people strongly dislike scrolljacking because it can feel disorienting and remove their sense of control. It often prevents site visitors from verifying their page position. One web designer who criticized it likened scrolljacking to conveyor-belt content, especially when vertical pages seem to go on forever.
Because scrolljacking encourages site users to focus on what designers want to emphasize, it is helpful in guiding them through the content to tell stories, highlight product features or announce companies’ recent achievements. Unrestricted use of the scrollbar inevitably means people may skip over content that brands deem essential. There are also more advisable ways to get visitors to the right places. One best practice is to use single-column layouts and hamburger menus, which look great on all screen sizes and support a minimalist design.
Scrolljacking can also make websites less accessible. As one digital accessibility blogger points out, people use various methods to navigate through online content, including screen readers, keyboards and their voices. That blogger suggests never making scrollbars invisible or changing their colors because that may frustrate users. Scrolljacking forces people to go through content in a rigid, predefined way, which does not suit everyone.
How Should Small Business Websites Utilize Scrolljacking? 3 Real-World Case Studies
Small businesses can use scrolljacking to build their brand and emphasize style. New York’s SVA Branding Studio is a small design program that successfully relies on this approach to amplify the visual appeal while advertising its Masters in Branding program. As people scroll through the content, images gradually appear on the screen, making it seem like visitors are moving through space. Many graphics — such as a pencil and a New York City street sign — relate to the school’s discipline and location to strengthen recognition.
Scrolljacking also prevents distractions, as the designers of Qode Interactive understood when creating a portfolio page for this WordPress development company. This example prevents people from scrolling and encourages them to browse horizontally aligned content. Clicking on each entry activates eye-catching animation and briefly describes individual projects, capitalizing on the creators’ potential.
Small-business owners should also consider using scrolljacking when presenting content chronologically. That was the technique applied to part of the website for Chaletbau Matti, clarifying its history. This family-owned Swiss firm specializes in luxury home construction and design. Rather than scrolling through the content, people hold the down-arrow key as words and images gradually appear on the screen. The website’s main sections also appear on the screen’s borders, allowing visitors autonomy over what they see and when.
Is Scrolljacking the Right Strategy for Your Site?
Although scrolljacking can improve users’ focus and steer them through the content, some people dislike giving up the control their scrollbars formerly provided. Consider your primary goals before implementing this option, and assess whether some of its downsides may unintentionally drive frustrated users away.
Choosing site engagement metrics to track is also valuable. Those statistics can show whether people spend more or less time browsing the content when scrolljacking principles are applied. Let individual feedback guide your decisions, too. Screen sizes, internet connection speeds, computer setups and other particulars can influence whether someone has a positive experience on websites designed with scroll hijacking. Users’ opinions can help you determine if good experiences significantly outweigh the occasional annoying ones.
