In 1995, we didn’t know what above-the-fold meant. While UX design didn’t formally exist, technological limitations forced us into restrictive designs. We were doing our best to add width to the pages using things like “spacer-GIFs”. As we started to get more sophisticated (which didn’t take much), we developed other UX concepts like a bandwidth budget and above-the-fold design.
What’s funny (to me) is we still get hung up on these old maxims even though changes in technology have made them considerably less important. For example:
- Spacer-GIFs disappeared with the advent of tables in HTML code. I think we only used them for about two years. Man – it was an ugly time – it would be wrong to use the word design to describe the shite we were building.
- We created bandwidth budgets for each page because people accessed our website (Insight.com) using modems – it was painfully slow. The HTML and the graphics needed to be under 85K for each page (and that was pushing it). Today, we’re streaming video, large high-resolution graphics, and complex code – and people can yank that content down with their mobile devices. It’s still important to make your site as fast as possible, but the budget can be considerably larger.
The thrust of this post is really about relaxing our impulsive reaction to UX designs that continue down beyond the fold.
- People are going to access your website from a number of different devices – with a virtually unlimited set of screen sizes and resolutions. That is why we’re using responsive design as an attempt to provide a better UX regardless of how you access the content.
- The majority of visitors are using modern mice. When the Above-The-Fold design mentality arrived, nobody scrolled. Scrolling required the visitor to move their cursor to the right side, wait for a scroll-bar to appear, then left-click and hold as you dragged the page downward. Now, with a small flick of the finger, a visitor can plunge to the depths of any Web page.
- Take a UX design cue from the big guys. My favorite, current example of Web page design that smacks the Above-The-Fold design is from Apple (clearly a large and influential design company). Check out their “iMac with Retina Display” page. If that doesn’t convince you that Above-The-Fold design restrictions can be relaxed or dismissed, I don’t know what will. To be fair, after three seconds – it will prompt you to scroll.