What does Above the Fold Mean?

blog cover image
22
1.1K followers
Updated

Digital advice from analog origin (1)

In my working life I was a graphic designer. Nowadays I am officially retired, although I don't think a designer really retires - I just don't take on assignments anymore. Also, I guess that no expert forgets about her or his expertise after retirement.

Sometimes it's even to my own annoyance that I can't put my formal education aside. I see (almost) every typo, even in English, that is not my native language. And I still cringe when I see bad design.

I cringe a lot, so let's not discuss that part. What I do want to discuss is an old-fashioned term: "Above the fold".

Old-fashioned doesn't mean out-of-date

I got my formal education 45 (!) years ago. As a graphic designer that is, because 50 years ago I studied for my art teacher's degree. (I know, I started young, I am 67 now).

Computers existed somewhere far away and were certainly not available for everyday work. I learned my craft with pen, pencil, drawing hook and triangle. Oh, and of course with scissors and glue.

One of the subjects was making lay-outs for newspapers and magazines. A rule that the teacher hammered into us concerned the top half of the first page of a newspaper.

Above the fold

The name of the newspaper, the main content, heading of the main article and accompanying picture. All this had to be in the top half to entice buyers who walked past a newsstand.

Newspapers were all the same size and folded the same way to fit the racks and stands. Either the buyer wanted his 'own' newspaper, the one he or she always bought, so that was made clear by the design. Or an irregular buyer was triggered by the heading and/or picture.

Applicable to webdesign

Readers don't want to guess what the newspaper is about and don't want to search for the familiar. Website visitors want to know what to expect.

Both groups are equally impatient. If they can't find quickly what they were looking for, they're gone.

Of course, a web page is not a newspaper. And the way both groups read differs. Although also newspaper readers can be 'headhunters'.

What to learn from newspaper design

  • The name of the website is clear and doesn't take up too much space;
  • Design, lay-out and color give form to the signature;
  • The content (navigation bar) consists the highlights;
  • Title and picture(s) make clear what the article is about;
  • Headings and subheadings divide the text in bite-sized chunks;
  • A font that is easy to read;
  • It's clear right away what the article is about - it is not necessary to scroll first because there is only a picture to be seen.

The differences with a newspaper

  • A newspaper will use it's paper from top to bottom and from left to right, because paper costs money. In web design it's a breeze when there is breathing space. Meaning line space, blank lines and empty space at the sides;
  • It's not a problem if a newspaper article has several columns next to each other. Web pages have one column for the article. Another column can be used for the side bar;
  • You can touch a newspaper and a fresh one gives you dirty hands. A web page is more distant;
  • Better not use large pictures on a website as the loading time will increase. A newspaper can - in theory - put a picture on the whole page;
  • Newspapers cost trees. Web pages use energy as well, but in a different way.

What do you think? Can you add more similarities and differences between (paper) newspapers and web pages?

Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training

Recent Comments

21

Good Morning Hannie,

Another difference between a newspaper and website is it is cozy to sit in front of an open fire, be it with a book or the newspaper. Sitting with a computer on your lap is not the same.

You also mention using a readable font. I have come across websites with tiny letters. The owner is probably still young so they do not need yet glasses. I find it a bore if I have to magnify to 150% and probably I will leave instead.

Your education will be very helpful with the layout of your websites.

Greetings from the south of Spain,

Taetske

Exactly, Taetske, tiny letters are awful. But I have to admit I didn't take age into account when I was 30 either. Guilty!
:)
Greetings back from the south-south-east of Spain
xxx

Totally agree with you Taetske

Thank you. That was enlightening.

Wishing you a profitable and successful week ahead.

Trevor

You have a great week too, Trevor. Stay safe :)

Great experience of an expert thanks for sharing have a nice day...

Thanks, Francisco

Hi Hannie, how are you? Thanks for the list especially. Some things only change via the new way they are applied.
The back bone stays much the same.

We gotta be burning for learning. And if we are, well we have come to the right place!
I love WA'

And it rhymes with my name, HaHa ha!
Suzay

Hi Suzay, I am fine. I hope you are good too?
Yes, knowledge that is regarded as old isn't always redundant. We don't have to invent the wheel over and over, but can learn from history. :-)

Amen! If we don't know history, we will always pay that lack of love of truth. So glad to hear that you are well Hannie!
Suzay

See more comments

Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training