Dismissing Above-The-Fold Design as a UX Best Practice

Dismissing Above-The-Fold Design as a UX Best Practice

 

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.

UX Design

Photo courtesy of baldiri(CC Attribution)

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.

 

add text
add text
×
add text
add text
×
add text
add text
×
2017-04-12T12:47:00+00:00 By |Lead Generation|0 Comments

About the Author:

He has over 20 years of experience managing and leading the Ecommerce efforts of small, medium and large companies. He has held sales, sales management, marketing, operations, IS/IT, legal and executive management positions in start-up to multi-billion dollar organizations. He has also served as an adjunct professor of Ecommerce for the MBA program of the University of Missouri (where he received an MBA concentrated in Direct Marketing in 1989). He led the Ecommerce initiative for Sprint PCS (PCS) and Sprint (FON) as Vice President of Ecommerce. He led the integrated marketing efforts for Insight (NSIT) as Senior Vice President of Marketing and Ecommerce. Today, he is the CEO and Founder of Aidan Taylor Marketing - a marketing agency for small businesses (between $1 million and $20 million in annual revenue).

Leave A Comment