+ All Categories
Home > Marketing > Using The F Pattern

Using The F Pattern

Date post: 28-Jul-2015
Category:
Upload: seriously-simple-marketing
View: 74 times
Download: 0 times
Share this document with a friend
Popular Tags:
10
Using The “F Pattern”
Transcript
Page 1: Using The F Pattern

Using The “F Pattern”

Page 2: Using The F Pattern

Reading Online

• People will generally read from top to bottom but…

• Readers online will follow an “F pattern”

Page 3: Using The F Pattern

What Is The F Pattern?

• First, you will read across the full length of the page—from left to right

• Next, you will probably bring your eyes back to the left side of the page and give the vertical length of the page a quick scan and again, read from left to right

• Finally, your eyes will skim through the rest of the page going down

Page 4: Using The F Pattern

What Does The F Pattern Tell You?

• Most readers don’t read long blocks of text

• It takes visitors just a few seconds to decide whether they like your content or not

Page 5: Using The F Pattern

How Can You Use The F Pattern To Your Advantage?

Page 6: Using The F Pattern

The Top Bar Should Give Important Information Visitors Are

Looking For

• Contact information (for “Contact Us” pages)

• A good headline (for blogs, sales pages, etc.)

• Provide relevant information

Page 7: Using The F Pattern

Short Horizontal Bar Should Have A Compelling Sub-Headline

• Provide supporting text that reinforces your headline

• Use this spot to add copy that can engage your audience

Page 8: Using The F Pattern

Vertical Length Should Feature Bite Size Content Pieces

• Use bullets, numbers and block texts to break up content

• Use bold font to draw attention important content

Page 9: Using The F Pattern

Final Note…

While the F Pattern is a common browsing behavior, there are still exceptions to the rule.

ALWAYS, ALWAYS, ALWAYS SPLIT TEST!


Recommended