What is best for Responsive Website Design: Fold or Above the Fold

November 11, 2017

A common battle of fold vs above the fold in the responsive website design still exists. Some say that fold no longer exists while some arguments come in its favor. Does it really exist? Where should we place a call to action? In regards to the website design, you have indeed heard about the importance of putting things correctly above the fold. As many said it has been a long time for the Fold death due to the emergence of devices and their capabilities of displaying web pages. Do we need to worry about it? You will get to know whether fold is just a myth nowadays or it depends on us. In this post, we will be discussing the current browsing habits, the variables used, advantage/disadvantage of the fold, and at last, what you can do with it!

The fold is dead or not!

Browsing web pages is not confined to the large computing devices anymore, such as desktops. In the digital age, browsing through mobile continues to high and many other devices like Internet compatible televisions are available in the market.

The traditional screens, which were popular to view the websites have almost undergone due to vast explosion of the screen size variety. None of us would like to view now on the 19-inch monitor with around 1024×768 or 1280×700 resolution. Do you? If the screens are available in all sizes and shapes, from small phone to the HD TV (60-inch). While accessing such devices, resolutions may vary device to device, therefore, placing highly important stuff on the top of the site are advised to the web designer.

With numerous ways (devices) to access the web, you are not limited to use specific height for all. Go with the suitable height to your design that you think your customers are going to like it. Also, ensure that the vital content of your page should appear above the fold on each device.

About ‘fold’

Fold, this idea was coined long back in the golden time of newspapers. As the newspaper is displayed in folded form to emphasize on the first half of the landing page so that all highlights are visible to customers. They put the eye-catching stories and important content/images above the fold (in the upper half) to engage readers and generate the number of sales of papers. Fold separates the upper and lower half of web page design just like newspapers are displayed.

Aboutabove the fold’

People nowadays are comfortable with scrolling, hence, to be likely above the fold is important. In 90’s, scrolling was a challenge for the designers due to the limited devices to access them through, so the important stuff is intentionally placed at the top. Luckily, a lot of great changes happened in past years, and users don’t bother with scrolling nowadays even they enjoy it. In fact, this is an efficient approach, as you do not need to click through multiple screens or pages. Therefore, above the fold is not a problem anymore.

What if we use responsive fold? Yes!

Many or almost all of us have interest in the design where content flows smoothly, no matter for what device it is accessing through. Thanks to the responsive web design and its core of fixing layout issues. With all advancements and ease that HTML5 responsive design provides have made it still demanding. It allows you to provide a positive user experience that is entirely same on the screen of all sizes whether it is smart handheld device and computing device.

Despite the responsive environment, is it meaningful to discuss about the fold or should we take them together! The fold approach is entirely different as it provides a different view of portrait and landscape orientation while accessing through smart handheld devices of different screen sizes. Nevertheless, the content which is displayed on initial loading is still considered.

Find your path. Is it scrolling?

The research indicates that the presence of scrollbar in a website is enough to define there is something more to read. To take a step closer towards scrolling, Apple, a renowned company, had made a default setting where there was no scrollbar. It shows folks do scroll. They are familiar with it and do not need any visual clue anymore. If visitors are interested in the content you have published, they definitely scroll down.

In Summary

Instead click more, scrolling is efficient as people feel it easy and faster to use. Sometimes, people scroll the page before it is fully loaded, for that matter, content below the fold gets direct viewership rather above the fold content. So, let’s come out of the myth of using ‘above the fold’ for all.

Landing pages are followed by a metric named call to action to get to know the exact percentage of audiences who responded to your site through it. In regards to call to action, there are many experiments happening every day to give it an additional advantage. HTMLPLUSCSS’s testing team for responsive website design double checks your landing pages and ensures the placement of the call to action button at correct place that can generate more revenues. There is no hard and fast rule; it totally depends on the content you are using on the web page.

Leave a Comment

Your email address will not be published. Required fields are marked *

Get latest updates in your mailboxes

Want to know what is new going on at HTMLPLUSCSS? Subscribe us today and get our newsletter,
exciting discounts, deals, and latest blog information directly in your inbox.

Rated 4.8 out of 5.0 for HTMLPLUSCSS service by 4500+ clients on over 6000+ projects.