
Website Success Tips
Consideration of the page fold
What is a page fold? For physical projects consider a brochure, a natural break occurs when you open up a panel. It’s when you literally turn the page — creating those very apparent, natural breaks in the text and visuals. In the digital world, a page fold is considered anything you can see within the screen on the device you are using to view the web page, when you find yourself needing to scroll down to see more, you have found the page fold.
On a website, there are a few things that you want to consider before a visitor starts to scroll down your web page. Below are my top 3 things to think about when viewing your website with the consideration of the page fold in mind.
1. Understand what is showing up on the screen when someone lands on our site from all devices
The first thing to consider is: what does the web visitor see when landing on your webpage? Do they see everything you are wanting them to see or are they not seeing enough? Make sure to consider the devices that someone could be using to view your website (phone, laptop, tablet, desktop). Every device has a different page fold, so you want to make sure to use the viewfinder to see what the screen view looks like on each device. Usually, your website should be responsive to different devices, but it never hurts to double-check that everything translates properly.
2. Including a CTA
At the top of the page (and this goes for all web pages, not just your home page), you want to make sure that you always have a call to action above the fold. Consider having a call-out section above the fold that includes a header, a little bit of copy that articulates what they can expect to learn or find on this page, and a quick button so they can easily click into the goal location. Some web visitors are coming to your website to take immediate action, so you want to make sure that the CTA is up-front and center so they don’t have to scroll all the way down to the bottom of the webpage to find the link they are looking for.
3. Create Natural Breaks
In the case that a visitor decides not to immediately click on the CTA at the top of the webpage, and begins to scroll, you will want to make sure that you have created natural breaks on the page. Why is this important? You don’t want it to feel like an endless scroll with no hierarchy. It’s not visually pleasing and can cause your visitor to lose interest. Try these design elements to help create natural feeling page breaks:
- color blocking
- images
- lines
- whitespace
These options can create mental indicators to the reader which content belongs together and when the next thought has begun. Creating those natural breaks in the page allows the end-user to have a pleasing overall experience when viewing your website. It’s a way to create breathing room online versus the physical world.
Want to know more website success tips? Download my FREE Website Checklist!