Inbound Marketing Certification

Tuesday, February 7, 2012

Website Layout Suggestions Part1: F-Shape

According to a research done by Nielsen group in 2006, readers focus hard at the top left corner, and progressively less to the right and down the page. This means that you’ve got a relatively small piece of your total real-estate to both get your readers hooked on your content and to teach them how to use your site.


Figure1: Heat Map for F-shape pattern illustration

From above illustration we can infer that:
  1. Visitors start at the top left of the page. 
  2. Then they scan the top of the site (navigation, subscription, search, etc.) 
  3. Next they move down, reading the next full row of content… all the way to the sidebar. 
  4. Last, surfers enter a “scanning pattern” once they hit the bulk of the site content. 
Figure 2: Illustration of Eye Movement 

Marketing Lessons:

  1. If you need to say something, you absolutely must say it at the top. 
  2. Images and Headlines are only reliable if they are interesting and engaging. 
  3. Sidebar could be an advertisement, a listing of “related articles”, a Social Media widget, etc. 
  4. Use Sidebar as a tool for users to find specific content. The obvious example is a search bar, but it would also be a category listing, a tag cloud, a “popular posts” widget, etc. 
2.
3.
4.
Example of F-shape Layout:


Figure 3: Home Page of www.alibaba.com

This type of layout is generally useful for the websites in which content spreads vertically.These type of websites are mostly heavy content websites like portals,auction websites,forums,blogs and deal websites.


6 comments:

  1. I don`t speak on many sites that I come across but I felt I couldn’t pass up the opportunity with this one. Excellent post. I can only imagine what you will be writing in the future.

    Thanks.
    ----
    b2b trading

    ReplyDelete
  2. Thanks for encouraging words Mike..Do visit the blog for post titled "Website Layout Suggestions Part 2;Z-shape" regards,vinaytosh

    ReplyDelete
  3. When it comes to really BABYdoLL liNGErie, Forplay realizes that what you wants is style that will not only get you noticed but will help you to remain in the spotlight. With many very sexy and feminine looks, Forplay has masterminded a line that is not only seductive and alluring but is designed to both flatter your figure and bring out yor inner confidence. Even if your red carpet is only found right in your bedroom, Everyone knows how important really good Forplay is to feeling sexy–make sure and get yours today! PARTy WiGS can also make you fashionable and elegant.

    ReplyDelete
  4. Giá Dịch vụ làm báo cáo tài chính cuối năm tại quảng ninh
    Giá Dịch vụ làm báo cáo tài chính cuối năm tại thái bình
    Giá Dịch vụ làm báo cáo tài chính cuối năm tại bắc giang
    Giá Dịch vụ làm báo cáo tài chính cuối năm tại thái nguyên
    Giá Dịch vụ làm báo cáo tài chính cuối năm tại am định
    Giá Dịch vụ làm báo cáo tài chính cuối năm tại thanh hóa
    Giá Dịch vụ làm báo cáo tài chính cuối năm tại hà nam
    Giá Dịch vụ làm báo cáo tài chính cuối năm tại ninh bình
    Giá Dịch vụ làm báo cáo tài chính cuối năm tại hà tĩnh
    Giá Dịch vụ làm báo cáo tài chính cuối năm tại nghệ an
    Báo giá Dịch vụ làm báo cáo tài chính
    Báo giá Dịch vụ làm báo cáo tài chính tại quận cầu giấy
    Báo giá Dịch vụ làm báo cáo tài chính tại quận tại từ liêm
    Báo giá Dịch vụ làm báo cáo tài chính tại quận thanh xuân
    Báo giá Dịch vụ làm báo cáo tài chính tại quận hà đông
    Báo giá Dịch vụ làm báo cáo tài chính tại quận long biên
    Báo giá Dịch vụ làm báo cáo tài chính tại quận đống đa
    Báo giá Dịch vụ làm báo cáo tài chính tại quận ba đình
    Báo giá Dịch vụ làm báo cáo tài chính tại quận tây hồ
    Báo giá Dịch vụ làm báo cáo tài chính tại quận hoàng mai
    Báo giá Dịch vụ làm báo cáo tài chính tại thanh trì
    Báo giá Dịch vụ làm báo cáo tài chính tại quận hoàn kiếm
    Báo giá Dịch vụ làm báo cáo tài chính tại quận hai bà trưng
    Báo giá Dịch vụ làm báo cáo tài chính tại quận thủ đức
    Báo giá Dịch vụ làm báo cáo tài chính tại quận bình thạnh
    Báo giá Dịch vụ làm báo cáo tài chính tại quận tân phú

    ReplyDelete
  5. Your posts are too powerful preferred to feature and easy to understand.
    http://projectprofitacademyreview.com/

    ReplyDelete