Kellie 80 on 2008-05-23
I wonder, with the exposure kids have to web content, if this impacts how they view a textbook page. If so, will they be "missing" sections because the textbook page is not designed for this type of eye pattern?
This link has been bookmarked by 159 people . It was first bookmarked on 10 Jun 2006, by Alex Ilyin.
-
10 Nov 09
-
29 Oct 09
-
24 Oct 09
-
08 Oct 09
-
11 Sep 09
-
05 Sep 09
-
25 Aug 09
-
17 Jul 09
Gabi WitthausEyetracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe.
-
03 Jul 09
Jin TsubotaEyetracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe.
-
25 Jun 09
-
19 Jun 09
-
05 May 09
-
28 Apr 09
-
24 Apr 09
-
15 Apr 09
-
10 Apr 09
-
08 Apr 09
-
20 Mar 09
-
10 Mar 09
-
08 Mar 09
-
09 Feb 09
-
08 Feb 09
-
17 Jan 09
-
23 Dec 08
Maru del CampoAn article useful to design our future BaeL website. Shows how people read webpages, the F pattern.
-
F for fast. That's how users read your precious content. In a few seconds, their eyes move at amazing speeds across your website’s words in a pattern that's very different from what you learned in school.
-
This dominant reading pattern looks somewhat like an F and has the following three components:
- 3 more annotations...
-
-
If you squint and focus on the red (most-viewed) areas,
-
The first two paragraphs must state the most important information.
-
Start subheads, paragraphs, and bullet points with information-carrying words that users will notice when scanning down the left side of your content in the final stem of their F-behavior.
-
-
-
22 Dec 08
-
08 Dec 08
-
04 Dec 08
-
24 Nov 08
-
05 Nov 08
-
06 Sep 08
-
13 Aug 08
Alexis KrystenHow eyes move across the Web page when reading.
webdesign usability reading design eyetracking research webdev
-
-
11 Aug 08
-
10 Aug 08
-
11 Jul 08
Tania Shekoscanning behaviours of webpages; hints about what to write where in order to get read
usability webdesign eyetracking design reading web research visualization Web2.0 communication colour brain blogging websites
-
07 Jul 08
-
03 Jul 08
-
10 Jun 08
-
29 May 08
-
09 May 08
-
28 Apr 08
-
24 Apr 08
Sam BachertEye-tracking software was used to determine on several web pages the pattern people view the pages. Consistently it is in a F-Shaped pattern. Do students do the same with web content?
-
- Users won't read your text thoroughly in a word-by-word manner. Exhaustive reading is rare, especially when prospective customers are conducting their initial research to compile a shortlist of vendors. Yes, some people will read more, but most won't.
- The first two paragraphs must state the most important information. There's some hope that users will actually read this material, though they'll probably read more of the first paragraph than the second.
- Start subheads, paragraphs, and bullet points with information-carrying words that users will notice when scanning down the left side of your content in the final stem of their F-behavior. They'll read the third word on a line much less often than the first two words.
Implications of the F Pattern
The F pattern's implications for Web design are clear and show the importance of following the guidelines for writing for the Web instead of repurposing print content: - Users won't read your text thoroughly in a word-by-word manner. Exhaustive reading is rare, especially when prospective customers are conducting their initial research to compile a shortlist of vendors. Yes, some people will read more, but most won't.
-
The biggest determinant for content usability is how users read online - and because people read differently, you have to write differently.
-
-
Joel ZehringThis article details reading patterns with online text. Readers tend to read the top of the article more thouroghly, then cherry-pick important points later in the article. Great quick-read article. [via David Warlick]
-
Diane QuirkInteresting research about the way we read web pages and how that effects the design of pages.
-
-
- The F pattern's implications for Web design are clear and show the importance of following the guidelines for writing for the Web instead of repurposing print content:
- Users won'
t read your text thoroughly in a word-by-word manner. Exhaustive reading is rare, especially when prospective customers are conducting their initial research to compile a shortlist of vendors. Yes, some people will read more, but most won't . - The first two paragraphs must state the most important information. There's some hope that users will actually read this material, though they'll probably read more of the first paragraph than the second.
- Start subheads, paragraphs, and bullet points with information-carrying words that users will notice when scanning down the left side of your content in the final stem of their F-behavior. They'll read the third word on a line much less often than the first two words.
- Users won'
-
-
23 Apr 08
-
-
Generally, however, reading patterns roughly resemble an F, though the distance between the top and lower bar varies.
-
-
Andy Beaumont on 2008-12-11
This is a really interesting question.
-
-
On the SERP (right example), the second crossbar of the F is longer than the top crossbar, mainly because the second headline is longer than the first. In this case, both headlines proved equally interesting to users, though users typically read less of the second area they view on a page
-
Kellie 80 on 2008-05-23
This is a Google search page. As blogs & wikis become more & more prevalent, will that change reading patterns? And how much of our eye pattern is due to the limitations of .html?
-
- 3 more annotations...
-
-
Exhaustive reading is rare, especially when prospective customers are conducting their initial research to compile a shortlist of vendors
-
Kellie 80 on 2008-05-23
I know this is about designing a web page that is more conducive to readability, but what are implications for the novel? Do we need to make kids cognizant of how their eyes move while they read? Would that be a cognitive step in learning how to vary pace?
-
-
For example, users scan in a different, more directed way when they're looking for prices or other numbers, and an interesting hot-potato behavior determines how users look at a list of search engine ads.
-
because people read differently, you have to write differently.
-
Kellie 80 on 2008-05-23
And by extension, will we need to teach reading differently?
-
-
-
-
David WarlickEyetracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe.
-
07 Apr 08
-
02 Apr 08
-
20 Mar 08
-
05 Mar 08
-
12 Feb 08
-
- Users won't read your text thoroughly in a word-by-word
manner. Exhaustive reading is rare, especially when prospective customers are
conducting their initial research to compile a shortlist of vendors. Yes, some
people will read more, but most won't. - The first two paragraphs must state the most important
information. There's some hope that users will actually read this
material, though they'll probably read more of the first paragraph than the
second. - Start subheads, paragraphs, and bullet points with
information-carrying words that users will notice when scanning down
the left side of your content in the final stem of their F-behavior. They'll
read the third word on a line much less often than the first two words.
- Users won't read your text thoroughly in a word-by-word
-
-
11 Feb 08
-
03 Feb 08
-
08 Jan 08
-
Eyetracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe.
-
-
04 Dec 07
-
21 Nov 07
-
16 Nov 07
-
Eyetracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe.
-
- 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.
- 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.
- 1 more annotations...
-
-
- Users won't read your text thoroughly in a word-by-word manner. Exhaustive reading is rare, especially when prospective customers are conducting their initial research to compile a shortlist of vendors. Yes, some people will read more, but most won't.
- The first two paragraphs must state the most important information. There's some hope that users will actually read this material, though they'll probably read more of the first paragraph than the second.
- Start subheads, paragraphs, and bullet points with information-carrying words that users will notice when scanning down the left side of your content in the final stem of their F-behavior. They'll read the third word on a line much less often than the first two words.
- Users won't read your text thoroughly in a word-by-word manner. Exhaustive reading is rare, especially when prospective customers are conducting their initial research to compile a shortlist of vendors. Yes, some people will read more, but most won't.
-
-
-
21 Oct 07
-
18 Sep 07
-
14 Sep 07
-
12 Sep 07
-
05 Sep 07
-
28 Aug 07
-
17 Jun 07
-
06 Jun 07
-
30 May 07
-
13 May 07
-
Users won't read your text thoroughly in a word-by-word manner. Exhaustive reading is rare, especially when prospective customers are conducting their initial research to compile a shortlist of vendors.
-
The first two paragraphs must state the most important information. There's some hope that users will actually read this material, though they'll probably read more of the first paragraph than the second.
- 5 more annotations...
-
-
Eyetracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe.
-
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.
-
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.
-
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.
-
Start subheads, paragraphs, and bullet points with information-carrying words that users will notice when scanning down the left side of your content in the final stem of their F-behavior. They'll read the third word on a line much less often than the first two words.
-
-
-
08 May 07
-
26 Apr 07
Tami BrassEyetracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe.
-
17 Apr 07
-
16 Mar 07
-
07 Mar 07
-
12 Feb 07
-
08 Jan 07
-
08 Nov 06
-
25 Oct 06
-
25 Sep 06
-
14 Sep 06
-
04 Sep 06
-
22 Aug 06
-
15 Aug 06
-
11 Aug 06
-
10 Aug 06
-
08 Aug 06
-
06 Aug 06
-
28 Jul 06
-
22 Jun 06
-
13 Jun 06
-
Eyetracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe.
-
-
10 Jun 06
-
25 May 06
-
23 May 06
-
01 May 06
Public Stiky Notes
Page Comments
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.