Tuesday, July 26, 2011

F-Shaped Pattern and Website Layout Suggestions!


Website layout is like map of a house. As we plan a house according to inhabitant, web layout should also be plan after taking user’s behavior in account.


As indicated back in April of 2006 by the Nielsen group, 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.


Users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe. This dominant reading pattern looks somewhat like an F and has the following three components:



·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.


·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.


· Finally, users scan the content's left side in a vertical movement. Sometimes this is a fairly slow and systematic scan that appears as a solid stripe on an eyetracking heatmap. Other times users move faster, creating a spottier heatmap. This last element forms the F's stem.


Marketing Takeaway:


Users won't read your text thoroughly in a word-by-word manner. You need to optimize the content accordingly to users’ behavior. The first two paragraphs must state the most important information. The information in left column has greater probability of getting spotted, hence placing entry points (links, navigation bar, notice etc.) is recommended.



5 comments:

  1. Học kế toán tổng hợp thực hành Tại cầu giấy
    Học kế toán tổng hợp thực hành Tại từ liêm
    Học kế toán tổng hợp thực hành Tại thanh xuân
    Học kế toán tổng hợp thực hành Tại hà đông
    Học kế toán tổng hợp thực hành Tại long biên
    Học kế toán tổng hợp thực hành Tại nguyễn chính thanh đống đa
    Học kế toán tổng hợp thực hành Tại minh khai hai bà trưng
    Học kế toán tổng hợp thực hành Tại bắc ninh
    Học kế toán tổng hợp thực hành Tại hải phòng
    Học kế toán tổng hợp thực hành Tại tphcm
    Học kế toán tổng hợp thực hành Tại quận 3
    Học kế toán tổng hợp thực hành Tại thủ đức
    Học kế toán tổng hợp thực hành Tại đà nẵng
    Học kế toán tổng hợp thực hành Tại biên hòa
    Học kế toán tổng hợp thực hành Tại đồng nai
    Học kế toán tổng hợp thực hành Tại nam định
    Học kế toán tổng hợp thực hành Tại thái bình
    Học kế toán tổng hợp thực hành Tại bắc giang
    Học kế toán tổng hợp thực hành Tại vĩnh phúc
    Học kế toán tổng hợp thực hành Tại thái nguyên
    Học kế toán tổng hợp thực hành Tại quảng ninh
    Học kế toán tổng hợp thực hành Tại hải dương
    Học kế toán tổng hợp thực hành Tại hưng yên
    Học kế toán tổng hợp thực hành Tại hà nam
    Học kế toán tổng hợp thực hành Tại ninh bình
    Học kế toán tổng hợp thực hành Tại nghệ an
    Học kế toán tổng hợp thực hành Tại vũng tàu

    ReplyDelete
  2. Your way to enlighten everything on this blog is actually pleasant, everyone manage to efficiently be familiar with it, Thanks a great deal.
    local website design company

    ReplyDelete
  3. Their communication-focused management approach ran projects smoothly and easily.
    best web designer

    ReplyDelete