Scrolling Enthusiasts, Unite!
March 21st, 2008 by Mia NorthropTags: ajax, information architecture, interaction design, lake nona, rapp collins, rofl.org, the fold, Web 2.0
Once upon a time, long pages that forced users to scroll were anathema. ‘Nobody looks below the fold,’ design stakeholders cried. ‘But if it’s useful content they will!’, others retorted.Finally, most people got over it. Now we see well signposted pages — bolding, bullets, heading structures — with strong information scent, clear indications of what might be beyond the fold, and options to see several pages or everything on one page. There’s still a keen eye on content hierarchy and the distribution of large screen resolutions but for the most part, long pages — even homepages — are accepted.
In fact, some sites have downright embraced the long page as a design element:
- The rofl.org internet meme conference site extends its homepage as you keep scrolling. They figure if you want more content and you’re happy to scroll, we’re happy to serve it up. Post after post is added to the page as you move down.
- Arriving at the Rapp Collins corporate site, you notice no scrollbar and no content (beyond an animation and a ‘I’m scrollaphobic link’) on the homepage. Once you move your mouse to the bottom of the screen the page rolls up to display navigation options. You get the sense that you’re on a journey, which ends with their contact details and the suggestion to connect. The presence of the ‘I’m a scrollaphobic’ link reveals that either not all users understood the interaction model in testing, or someone internally was nervous about its usability: clicking on the link opens a small navigation menu.
- Lake Nona, a site for a new housing development and community, also does away with a scrollbar, allowing users to move up and down and from right to left simply by pointing their mouse. Content shifts in reaction to the mouse pointer and invites the user to explore the site as if they were exploring the terrain of the community itself. Some pages are long, some pages are wide, and content transitions fly in from all directions. Most pages require some sort of user movement to reveal the full picture.
Each of these sites invites the user to poke around with their mouse to see what will happen and what further content is available. The idea that, as designers, you’re actually working with an infinite plane of pixels, has never felt stronger than on the Lake Nona example. And users are being asked to do a lot more with their mouse than just click on links and scroll the wheel or bar. These sites also ignore the fold essentially. In the digitial future, it seems, ‘lazy to scroll’ users better get their act together.










6 Responses to “Scrolling Enthusiasts, Unite!”
It’s fascinating to see how we are finally starting to revisit the commonly held “truisms” around web design — and about time. From pages that scroll, endlessly, to useful footers to best practices for geographic display, it’s time for a change — especially since our the average user has become increasingly sophisticated over the past 2 years.
Yes. Breaking ‘the rules’ seems like a false move until you see someone do it well and effectively dismiss or change it.
Those last two sites are (rather poorly-designed) Flash sites. They have nothing the average user would recognize as a scroll bar, and no hint that moving the mouse towards the bottom of the screen will do anything at all.
By that reasoning, http://papertoilet.com is the greatest website ever made.
(The Lake Nona site even resizes your browser window without asking permission! That is completely unacceptable.)
Duh, “A Concerned Party”, http://papertoilet.com IS the greatest website ever made
Yes, A Concerned Party, I did mention the absence of scroll bars on Lake Nona and Rapp Collins. It will be interesting to gauge others’ reaction to these exploratory experiences. Evidently while some will be delighted, others will find them too abstract for commercial sites.
Animated gifs AND FLASH is so 1990s. I dont want to see all this crap when Im reading a website. Who do I have to strangle to get this message across?