Don’t bury your message under sharing buttons, bylines and chrome
People spend 84% more time above the fold than below it, according to Nielsen Norman Group’s analysis of 57,453 eyetracking fixations;
Google 2014 analysis of display advertising.
So once you’ve placed the most important elements above the fold, the next step is to weed out anything that’s pushing those key elements down the page.
Take Hubspot’s marketing blog. Above the fold, we have:
- The HubSpot flag and menu
- Marketing a sales tabs
- Publication date
- A three-line headline
- A two-line byline, including the writer’s Twitter handle
- Sharing buttons
- A busy image without a caption
What we don’t see? A single word of the article itself.
The New York Times app, on the other hand, squeezes a three-line headline, a telling photo, a caption that adds information and four lines of the lead onto the first screen.
So what can you move from the top screen?
- Bylines. Only the writer and the writer’s mother care who wrote the piece.
- Publication dates. “The story date is not worth the substantial screen real estate it occupies,” writes usability expert Jakob Nielsen.
- Categories, tags and sharing buttons. They don’t add helpful information.
- Chrome, or buttons, navigation, menus and other design elements. “Prioritize content over chrome” on mobile, Nielsen counsels.
Because when it comes to making the webpage tops, what you take off the first screen is as important as what you put in.
Bottom line: Display more content at the top.
 Amy Schade, “The Fold Manifesto: Why the Page Fold Still Matters,” Nielsen Norman Group, Feb. 1, 2015