FORM

You make the world better.
We want to help.

We know you’re a one-woman army and you're crushing it. But imagine what you could do with our team of experts behind you. Let’s get together to exceed your goals, propel your mission, and do great work for the greater good.

Web Design Digital Marketing Branding + Graphic Design New Tech

Resonate with patrons, retain members, connect with leads. Contact us to learn how we can help you.Contact Us >

contact us

backArticles

Are you Best Friends with the F Pattern?

Eyetracking data shows us how people scan websites and gives us insights on how we can optimize our landing pages for maximum readability. The folks at the Nielsen Norman Grouphave identified the key points of how people consume website content:

  1. Users first read in a horizontal movement, usually across the upper part of the content area. This initial element forms the F’s top bar.
  2. Next, users move down the page a bit and then read across in a second horizontal movement that typically covers a shorter area than the previous movement. This additional element forms the F’s lower bar.
  3. Finally, users scan the content’s left side in a vertical movement. Sometimes this is a slow and systematic scan that appears as a solid stripe on aneyetracking heatmap. Other times users move faster, creating a spottier heatmap. This last element forms the F’s stem.

In a nutshell, the content at the top of the page receives the most views along with the first few words along the left side. How can we use this data to optimize our landing pages?

  1. Make sure the important text is at the top of the page. This could be the date/time/location of your event, your call for support, or compelling introduction text designed to inspire people to read on.
  2. Add your call-to-action to the left side of the page. This will ensure that your button or link for purchasing tickets or making a donation is in a location where it is most likely to be seen.
  3. Keep your text as concise as possible. The f pattern shows us that, the longer the text is, the more of it will be scanned rather than read. If you must have a large amount of text on the page, break it up with headings to keep readers engaged.
Ceci Dadisman

About Ceci

Ceci is the Digital Marketing Manager at FORM, a web development and creative services firm for Arts & Culture and Nonprofits. She has 14 years of experience working with arts organizations and nonprofits and she travels the country speaking at conferences and hosting workshops.

Related Articles