Part of the experience planning toolkit at agency X is our library of POVs. We’re a fairly new discipline, so a library involves both backfill and the ongoing development of POVs. It fills our infrequent periods of downtime, but they’re handy as the basis of rationale that we provide to our client partners.
So, my assignment is to write about scrolling. To me, an argument about scrolling has its basis in the fold. And the fold has its basis in print. And the dynamics of user/print interaction has very little analogue in digital.
So, quit worrying about the fold and learn to love scrolling.
Ok. So, that would be my POV, but it doesn’t sound very POV-y.
So, where is the fold? My associates and I optimize for 1024×768. Jakob Nielsen’s post “Screen Resolution and Page Layout” says that 60 percent of all monitors are set at 1024×768 (Nielsen 2006). That data is going on 3 years old, but still seems to be applicable. [Anecdotal: I recently have performed some in-home research and found that a good number of folks from all across the socioeconomic spectrum were using widescreen monitors. I hope people continue to adopt them so that I can optimize for 1280x1024.]
However, I would say that what makes the fold argument hard for me is that there is no set fold. The ClickTale Blog has a great post on scrolling. They’ve done quite a bit of data crunching and their finding is in “ClickTale Scrolling Research Report V2.0 — Part 1: Visibility and Scroll Reach.”
In the post, they talk about the fold being a:
“broadly dispersed distribution with three peaks located at roughly 430, 600, and 860 pixels. These peaks correspond to the three most popular screen resolutions used today: 800×600, 1024×768, and 1280×1024, minus about 170 pixels used up by the non-client area of the browser. In other words, depending on the screen size, users will typically see at least 430 and up to 860 vertical pixels worth of information on their screens when they open their site, without having to scroll” (ClickTale 2007).
[BTW, I'd like to thank ClickTale for this great info and their excellent graphs. Very cool stuff.]
So, in my actual POV I’ll go into that ClickTale data more, but for this web rumination, I’m going to focus on 1024×768.
While 1024×768 is a nice chunk of real estate, with the advent of the scrolling mouse, it’s only the gateway. During in-home research, I found that when I asked users to visit a website, most would wait for the page to load and then immediately scroll. Often, it was to get that dearly-paid-for logo out of the way. A site without much below “the fold” did not often elicit a positive reaction. Granted, the sites were supposed to be topic sites meant to be deeply informative about a fairly broad subject.
When asked to go to a site with a lot junk in its trunk, users felt that the site was far more credible. The site drew reactions such as “wow, there’s a lot of info” and “I’m going to bookmark this.”
At this point, I should point at that for me credibility is huge. My work is focused on healthcare. And, there’s a lot of healthcare info out there. A lot of it is junk. For example, marketing quackery such as salves and poultices that cure lung cancer. The websites I design must cover a lot of education and “value add content.” I don’t want to just market a product, I want the consumer/business transaction to at least benefit the consumer–I want them to be knowledgeable so that they can make the decisions that are right for them.
What I’ve learned over the years is that the more information you provide to the user (depending on the subject of course), the more likely they will be to revisit the site, to sign up for the email program, and to share it out with their friends.
ClickTale, in their post, concluded that “visitors scroll in a relative way — about the same percentage of page views will reach the middle of the web page regardless of the actual page height in pixels.”
In “ClickTale Scrolling Research Report V2.09 — Part 2: Visitor Attention and Web Page Exposure,” they answer the question: sure, users scroll and scroll and scroll … but what do they pay attention to? After all, I often scroll to the bottom of the page. But, what do I really focus my resources on?
According to ClickTale,
“Visitors’ attention follows a similar pattern for pages of different heights. It peaks both near the page top, at 540 pixels, and near the bottom about 500 pixels from the end of the page…attention decreases exponentially as visitors scroll down the page…page areas near the top of the page get about 17 times more exposure than the areas near the page bottom…[However,] the footer is important” (ClickTale 2007).
Now, this is where scrolling finally gets interesting. It’s an experience planner’s prerogative to say “it depends” and then fashion a custom solution for the problem/opportunity. So, for my sites (which focus on knowledge sharing), a nice hefty page with clear, scannable headlines and text and smart use of graphics can help create a compelling experience for the user. Remember, I’m not in a hurry to sell people stuff. My sites are long-term relationship builders.
However, for experience planners who are working on more promotional sites, this may not ring true. We can safely say: Nail the important message within the top 800 pixels. For users who need more information, provide it to them … you’re not going to lose anything, and you may gain users’ trust.