Top 4 Text Scanning Patterns to How You Read on a Website

Posted On
14th January 2025
Estimated Reading Time
4 Minutes
Category
Culture
Written By
Arpan Roy

Book a call and get unlimited revisions for your project!

Book A Call
A stylized pink thunderbolt or lightning icon
Get Instant Response

A new culture that has sprung up with the advent of online reading and writing, it’s called the culture of selective reading. This means that people who visit your website or look at any other piece of content you’ve published, aren’t reading it thoroughly.

Why is this happening? The average attention span of a person on the internet has dropped to about 8.25 seconds, which is even less than that of a goldfish.

This habit people have formed lets them multitask when engaging with screens, however, it is ultimately bad for retaining information. They are trying to be more efficient while consuming content and the worse part of it all is that they aren’t reading as you intended.

They’re doing what’s called ‘skimming’ and everyone has been guilty of doing so every now and then.

Per 8/10 people who come across your site and scan it, only 16% will choose to go through it word-by-word. If you’re investing in a good writer or taking out a large chunk of your time to write amazing content for your website, you may be disappointed to know this all.

But there’s still hope.

In an eye-tracking research by nngroup, it was identified that there are several patterns to scanning content on a webpage, however, 4 out of those stand out in large numbers. They are:

  • F-Pattern
  • Spotted Pattern
  • Layer-Cake Pattern
  • Commitment Pattern

So the idea here is that if you can understand these major patterns and crack the code with your own website or content, then you hit a home run!

F-pattern

The F-shaped reading pattern is the most common one of these reading or scanning patterns. Your readers or visitors who are looking for the quickest way to answer their question or solution to their problem will dive head first into the first few sentences of the text.

Of course, that’s common, we all do that.

But if the reader does not find their answer in the first few sentences, then they opt for the scanning method. Moving down, they fixate most of their attention on the left side of the page and try to make sense of the first few initial words.

This is when gradually they will stop after reading a few words into a new sentence every few paragraphs until they just start scrolling through until they’ve realized they’re completely bored now.

This is what gives this scanning pattern its F origin. Some basic characteristics of the F-Pattern:

  • The first few lines attract the most attention
  • And the first few words down the page receive fewer and fewer glances
  • A large part of the text is skipped

The best way to tackle this pattern is to place the most important value-rich information at the beginning of your content. You can go into more detail later, which only the intended users will reach.

Spotted pattern

Contrary to the F-pattern, in a pattern such as Spotted, the reader is only fixated on specific elements of the page layout:

  • The highlights
  • Bolded words
  • Lists
  • Hyperlinks

Some more attention-worthy elements are either numbers or words that have been capitalized.

However, it still largely depends on why the person has visited your website.

Even when the reader only focuses on highlights on your page, the spotted method, if used well can perform better than the F-pattern where users are essentially reading more.

Layer-Cake pattern

We love cake, and we can’t hide it. Even better if the cake is a layer-cake pattern on a webpage. In this pattern, the emphasis is on headings and subheadings throughout your content on the webpage.

The headings and subheadings are like the frosting to the cake metaphor.

And your reader wants to taste the frosting first before deciding to dig into the entire cake which is your web page. Going through a web page’s headings and subheadings gives you a rough idea of what the page is about, doesn’t it? It’s the same for most readers. Once you’ve identified what the page is about and if it’s relevant to you, then you’ll read the whole thing. An ideal, easily scannable heading is about 60-80 characters.

Of course, there are exceptions; to make a point and when you’re trying too hard to cater to SEO.

Commitment pattern

Let’s put skimming in the bin now, because we’re going to talk about your lovely, dedicated readers who read every single word that you write on your web page. Ah! Good old traditional reading as intended.

But this is a pattern that has less likelihood to be the common thing for your web pages because people only demonstrate commitment to reading when they are really interested and motivated to read the content.

Conclusion

So what did we discuss in this post? Let’s leave you a scannable structure:

  • The problem, of people scanning not reading these days
  • The effect of this problem, attention span lesser than a Goldfish
  • The hope, in understanding reading/scanning patterns
  • Your solution, in applying your learning about patterns to your web page

We hope that you learned something new today and the people who chose to stick around till the end, we hope that you now know well about reading patterns and what you need to do to make your content more scan-effective.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Book a call and get unlimited revisions for your project!

Book A Call
A stylized pink thunderbolt or lightning icon
Get Instant Response
Let’s Build Something Great
Portrait photo of Rishabh Jain, Founder of Confetti, smiling and sitting down.
Rishabh Jain's signature
Rishabh Jain
Founder @Confetti
Get Started
A stylized pink thunderbolt or lightning icon
Get Instant Response
We’re looking forward to talk to you!
There was an error in form submission.
Please try to submit the form again.
Our Designs Are Loved Globally
The logo for the publication PACKAGING OF THE WORLD, featuring the word 'PACKAGING' in bold black capital letters and 'OF THE WORLD' in a smaller font size.
ITC Bingo Chatpat Kairi is featured in ‘Packaging Of The World', 2025
A product photograph showing a green bottle of 'Bingo! Chatpat Kairi' drink, surrounded by glasses of mango juice, a woven basket filled with raw green mangoes, and slices of mango.
The logo for the World Brand Design Society, which includes a black geometric symbol, the Royal Coat of Arms of the United Kingdom, and the words 'WORLD BRAND DESIGN SOCIETY'.
WhatABite is featured in ‘World Brand Design Society’, 2025
Close-up of a bag of orange-red 'WhatABite Chicken Chips (Barbecue)' resting on a bright yellow surface, surrounded by a laptop, an open book, a black vintage-style camera, a red thermos, and a small white bowl holding some of the chips.
The logo for the packaging editorial Dieline, represented by a black circle containing a stylized white 'D' shape.
AIM Nutrition is featured on ‘Dieline, 2025’, a globally reputed packaging editorial
A flat lay photograph of several products from AIM Nutrition's 'MeltinStrips' line, including blue boxes for 'Sleep' and white boxes for 'Beauty,' along with small orange sachets for 'Energy,' all scattered on a light background
The logo for the publication PACKAGING OF THE WORLD, featuring the word 'PACKAGING' in bold black capital letters and 'OF THE WORLD' in a smaller font size.
ITC B Natural is featured in ‘Packaging Of The World', 2025
A light green bottle of B Natural Tender Coconut Water sits on a blue and white patterned tile table next to a half coconut shell filled with a drink and garnished with a grapefruit slice and rosemary. The background is a bright seaside landscape with a blue ocean and distant cliffs.
The logo for the publication PACKAGING OF THE WORLD, featuring the word 'PACKAGING' in bold black capital letters and 'OF THE WORLD' in a smaller font size.
Pawsible Foods is featured in ‘Packaging Of The World', 2025
A smiling Golden Retriever dog wearing a green tag, leaning on a table next to a large green box of Pawsible Foods Core Wellbeing Nutritional Topper and a stainless steel bowl containing the food. The background is a blurred, lush green outdoor setting.
The logo for the publication PACKAGING OF THE WORLD, featuring the word 'PACKAGING' in bold black capital letters and 'OF THE WORLD' in a smaller font size.
Miduty is featured in ‘Packaging Of The World', 2025
A set of three black-lidded supplement bottles from the Miduty brand, labeled Estrogen Balance, Liver Detox, and Methyl B-12 & Folate, displayed against a sleek, light blue, clinical-style background.
The logo for the publication PACKAGING OF THE WORLD, featuring the word 'PACKAGING' in bold black capital letters and 'OF THE WORLD' in a smaller font size.
Swizzle is featured in ‘Packaging Of The World', 2025
A visually striking product photo featuring three cans of Swizzle Premium Mocktails (Pineapple Mojito, Blue Lagoon, and Desi Lemonade), each bearing a polar bear mascot wearing sunglasses. They are arranged on a pink surface next to a red cloth and a bowl of salad, with a hand reaching for the can on the right.
The logo for the publication PACKAGING OF THE WORLD, featuring the word 'PACKAGING' in bold black capital letters and 'OF THE WORLD' in a smaller font size.
ITC Bingo Chatpat Kairi is featured in ‘Packaging Of The World', 2025
A product photograph showing a green bottle of 'Bingo! Chatpat Kairi' drink, surrounded by glasses of mango juice, a woven basket filled with raw green mangoes, and slices of mango.