• Skip to primary navigation
  • Skip to main content
  • Skip to footer

LimeCuda

Enterprise-level web solutions lovingly crafted, strategically positioned.

  • Services
  • Our Work
  • About Us
    • About LimeCuda
    • Partners
    • Our Philosophy
    • FAQs
  • Contact Us
  • Blog
Blog Usability F or Z Pattern in Web Design?

F or Z Pattern in Web Design?

May 27, 2010 by Blake Imeson Leave a Comment

LinkedinTweetShareEmailPrint

Ever notice that you read things differently online than you do with offline reading material?

Usability experts have traditionally seen the way people scan a web page as going in a “Z” shape with the end being a Call To Action.

Z pattern reading

The latest research using eyetracking and heatmaps shows that this may actually be more in the shape of an “F”.

 

F pattern reading

While this is just a guideline for how people scan, it is a good idea to keep it in mind when placing your CTAs for highest conversion.

Takeaways

[arrowlist]

  • Use titles
  • Bold important text
  • Use lists

[/arrowlist]

Remember, people do not read everything you write on a page. Stick the most important information early in the paragraphs.

…because people read differently, you have to write differently. ~ Jakob Nielson

Resources:

[arrowlist]

  • F-Shaped Pattern For Reading Web Content
    • Guru of Web Usability, Jakob Nielson
  • 10 Usability Tips for Web Designers

[/arrowlist]

LinkedinTweetShareEmailPrint

Filed Under: Usability Tagged With: CTA, eyetracking, usability

About Blake Imeson

I wear many hats running the day-to-day operations of LimeCuda. I enjoy strategy and seeing theory turn into real wins. I'm a confessed INTJ.

When not playing in the web work world I enjoy woodworking, pretentious beer, and living in East Lansing, MI with my wife, our two sons, and theoretically a cat...

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Footer

LimeCuda

P.O. Box 4829

East Lansing, MI 48826

United States (US)

Phone: +1.724.870.4742
Email: info@limecuda.com

  • About Us
    • Our Philosophy
    • Partners
    • FAQs
    • Our Clients
    • Testimonials
  • Services
    • Design & Development
    • Hosting & Caretaking
    • WordPress Expertise
    • Agency Partnering
    • LimeLight Electric Cooperative Websites

Copyright © 2023 · LimeCuda · Sitemap · Privacy Policy

Website Development by LimeCuda