Research. Apply. Document. #12 Page Fold

Page Fold

Discipline: Web Design

I’m a fan of scrolling, and page designs that use large high quality pictures and videos. A lot of the modern websites use almost the whole page with an image or video, and encourage the user to scroll, or offer a visual cue on what to do next. A great example of this is Great Clips website. Majority of users for the Great Clips website are going to find a store, or check wait times. Right when you get to the site a video automatically plays and at the bottom it says “Find a Salon or Check-In” and the user can click that and the page will scroll down to a map with nearby salons and wait times. It looks great, and is incredibly simple for the user. The content above the fold for Great Clips, give the user a great experience and is very user friendly.

https://www.greatclips.com/

This slideshow requires JavaScript.

Studies have shown as well that pixels above the fold are viewed 84% more than pixels below the fold. The image below is eyetracking from 57,453 users. This shows how important the design above the fold is and how to interact and direct the user to information. For more information on this study, follow the link below:

https://www.nngroup.com/articles/page-fold-manifesto/

aggregate-heatmap-all-non-search-pageviews_1

 

This slideshow requires JavaScript.

Advertisements

Author: MattBlair

I am a designer with a focus on user experience.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s