{"course":{"slug":"visual-storytelling","title":"Making It Say Something","url":"https://addaly.com/learn/visual-storytelling","level":"beginner","track":"create"},"lesson":{"slug":"where-the-eye-goes","title":"You see far less at once than you think","url":"https://addaly.com/learn/visual-storytelling/where-the-eye-goes","position":12,"of":64,"minutes":9,"answer":"Detailed vision covers only about two degrees, so viewers navigate by coarse peripheral cues (contrast.","keyIdea":"Detailed vision covers only about two degrees, so viewers navigate by coarse peripheral cues (contrast, shape and especially motion) which is why a blur simulates what pulls the next glance and why the F-pattern describes pages with no hierarchy rather than prescribing one."},"body":{"format":"markdown","text":"## The sharp part of your vision is about the size of a thumbnail\n\nDetailed vision comes from the fovea, a small central region of the retina, and it covers roughly two degrees of your visual field: about the width of your thumbnail held at arm's length. Everything outside that is progressively blurrier. You do not notice, because the eye moves three to four times a second in rapid jumps called saccades, and your brain assembles a stable impression from the samples.\n\nTwo consequences that matter for everything you make:\n\n- **A viewer never sees your whole design in detail.** They see a sequence of thumbnail-sized samples, and a low-resolution impression of everything else.\n- **The periphery still works, but it only reports coarse information**: contrast, motion, gross shape, edges. It cannot report which typeface you used or what the small print says. So the periphery decides *where to look next*, and it decides on the basis of the coarse stuff.\n\nThis is the whole justification for the blur test. Blurring a design is a crude simulation of peripheral vision, and what survives the blur is what will pull the next saccade.\n\n## Entry, path, exit\n\nA composition should be able to answer three questions:\n\n1. **Where does the eye land first?** Usually the highest-contrast or largest element, modified by reading habit. If two elements compete, the viewer's entry point is effectively random, which means you have no control over anything that follows.\n2. **Where does it go next?** Movement between elements is driven by alignment, direction, grouping and implied lines: a face looking towards the headline, an arrow, a strong edge, a row of items that reads as a sequence.\n3. **Where does it leave?** Something has to be last, and it should be the thing you want them to act on. If the last stop is the logo and the action is the phone number, you have arranged for people to finish in the wrong place.\n\nDraw these three as arrows on a printout. It is a two-minute exercise and it exposes the layout where everything is beautifully arranged and nothing leads anywhere.\n\n## The F-pattern is not a law\n\nYou will be told that people read screens in an F shape. That came from eye-tracking studies of text-heavy pages: long, largely unformatted prose with little visual hierarchy. Under those conditions the F shape is a real and repeatable finding.\n\nWhat it describes is behaviour in the absence of design. Give people a strong hierarchy, a photograph, a pull quote or a clear entry point, and the pattern changes completely, because contrast overrides habit. Treating the F as a template (jamming everything important along the top and left) is applying a finding outside the conditions that produced it, and it produces exactly the unformatted page the F describes.\n\nThe honest version: in the absence of anything stronger, reading direction sets a weak default. Your job is to supply something stronger.\n\n## Motion outranks almost everything\n\nPeripheral vision is disproportionately sensitive to movement: a legacy of needing to notice things approaching from the side. In practice, one moving element in a still layout captures the eye regardless of size, contrast or position, and will keep recapturing it.\n\nThis is why an auto-playing video beside body text means the body text does not get read, and why a blinking cursor animation next to a headline steals the headline's job. Use motion once, for the thing you want looked at, or not at all. And provide a way to stop it: for some people, including those with vestibular disorders, continuous motion causes genuine discomfort rather than mild annoyance, and most platforms expose a reduced-motion preference you can respect.\n\n## What this does not license\n\nKnowing how gaze works tells you how to direct attention. It does not tell you whether you have earned it, and the same mechanisms that make a public-health poster legible make a manipulative advertisement effective. A course on attention mechanics that stops here has taught half a subject; the second half (where directing attention turns into extracting it) has its own lesson later in this course.\n\nOne practical caution as well. Gaze is not comprehension. Eye-tracking shows where people looked, not what they understood or believed, and a design that reliably pulls the eye to a headline nobody finds credible has solved the easiest of the three problems. Attention is a precondition. It is not the result."},"check":{"question":"A landing page follows the F-pattern advice by stacking everything important along the top edge and the left column. Attention data shows people scanning in an F. Why is this weak evidence that the approach worked?","options":[{"text":"Eye-tracking measures fixation rather than comprehension, so the data cannot show whether the content was understood at all.","correct":false,"tempting":"A true and important caveat about gaze data in general, but it does not explain why this particular layout reproduced the pattern."},{"text":"The F was observed on pages with no hierarchy, so supplying none just recreates those conditions.","correct":true},{"text":"The sample was probably too small, since scan-path studies need many participants before a pattern is reliable.","correct":false,"tempting":"Questions the statistics when the problem is that the finding was designed into the page, and a larger sample would reproduce it just as faithfully."},{"text":"Reading direction varies between scripts, so the F only applies to left-to-right audiences.","correct":false,"tempting":"Correctly notes a cultural boundary, but a right-to-left audience would produce a mirrored version of the same uninformative result."}]},"prev":{"slug":"contrast-makes-meaning","title":"The eye reports differences, never values","url":"https://addaly.com/learn/visual-storytelling/contrast-makes-meaning"},"next":{"slug":"the-cost-of-an-element","title":"Every element you add taxes the ones already there","url":"https://addaly.com/learn/visual-storytelling/the-cost-of-an-element"},"authorship":"Founder and series editor: Dr Mustafa Mun. Written by AI models to a written standard. Exam keys checked blind by a second model: 3,665 of 3,666 agreed. Academic review invited.","review":{"status":"Draft, open for academic review"},"cite":"Addaly (2026) 'You see far less at once than you think', in Making It Say Something. Edited by M. Mun. Addaly. Available at: https://addaly.com/learn/visual-storytelling/where-the-eye-goes (Accessed: 13 October 2026).","licence":{"name":"CC BY-NC-SA 4.0","url":"https://creativecommons.org/licenses/by-nc-sa/4.0/"},"reader":{"schema":1,"title":"You see far less at once than you think","courseTitle":"Making It Say Something","module":{"index":2,"slug":"making-one-message-survive","title":"Making one message survive"},"answer":null,"keyIdea":"Detailed vision covers only about two degrees, so viewers navigate by coarse peripheral cues (contrast, shape and especially motion) which is why a blur simulates what pulls the next glance and why the F-pattern describes pages with no hierarchy rather than prescribing one.","hero":{"kind":"plate","image":null,"alt":null,"caption":null},"blocks":[{"t":"h2","id":"the-sharp-part-of-your-vision-is-about-the-size-of-a-thumbna","runs":[{"text":"The sharp part of your vision is about the size of a thumbnail"}]},{"t":"p","runs":[{"text":"Detailed vision comes from the fovea, a small central region of the retina, and it covers roughly two degrees of your visual field: about the width of your thumbnail held at arm’s length. Everything outside that is progressively blurrier. You do not notice, because the eye moves three to four times a second in rapid jumps called saccades, and your brain assembles a stable impression from the samples."}]},{"t":"p","runs":[{"text":"Two consequences that matter for everything you make:"}]},{"t":"ul","items":[[{"text":"A viewer never sees your whole design in detail.","b":true},{"text":" They see a sequence of thumbnail-sized samples, and a low-resolution impression of everything else."}],[{"text":"The periphery still works, but it only reports coarse information","b":true},{"text":": contrast, motion, gross shape, edges. It cannot report which typeface you used or what the small print says. So the periphery decides "},{"text":"where to look next","i":true},{"text":", and it decides on the basis of the coarse stuff."}]]},{"t":"p","runs":[{"text":"This is the whole justification for the blur test. Blurring a design is a crude simulation of peripheral vision, and what survives the blur is what will pull the next saccade."}]},{"t":"h2","id":"entry-path-exit","runs":[{"text":"Entry, path, exit"}]},{"t":"p","runs":[{"text":"A composition should be able to answer three questions:"}]},{"t":"ol","start":1,"items":[[{"text":"Where does the eye land first?","b":true},{"text":" Usually the highest-contrast or largest element, modified by reading habit. If two elements compete, the viewer’s entry point is effectively random, which means you have no control over anything that follows."}],[{"text":"Where does it go next?","b":true},{"text":" Movement between elements is driven by alignment, direction, grouping and implied lines: a face looking towards the headline, an arrow, a strong edge, a row of items that reads as a sequence."}],[{"text":"Where does it leave?","b":true},{"text":" Something has to be last, and it should be the thing you want them to act on. If the last stop is the logo and the action is the phone number, you have arranged for people to finish in the wrong place."}]]},{"t":"p","runs":[{"text":"Draw these three as arrows on a printout. It is a two-minute exercise and it exposes the layout where everything is beautifully arranged and nothing leads anywhere."}]},{"t":"h2","id":"the-f-pattern-is-not-a-law","runs":[{"text":"The F-pattern is not a law"}]},{"t":"p","runs":[{"text":"You will be told that people read screens in an F shape. That came from eye-tracking studies of text-heavy pages: long, largely unformatted prose with little visual hierarchy. Under those conditions the F shape is a real and repeatable finding."}]},{"t":"p","runs":[{"text":"What it describes is behaviour in the absence of design. Give people a strong hierarchy, a photograph, a pull quote or a clear entry point, and the pattern changes completely, because contrast overrides habit. Treating the F as a template (jamming everything important along the top and left) is applying a finding outside the conditions that produced it, and it produces exactly the unformatted page the F describes."}]},{"t":"p","runs":[{"text":"The honest version: in the absence of anything stronger, reading direction sets a weak default. Your job is to supply something stronger."}]},{"t":"h2","id":"motion-outranks-almost-everything","runs":[{"text":"Motion outranks almost everything"}]},{"t":"p","runs":[{"text":"Peripheral vision is disproportionately sensitive to movement: a legacy of needing to notice things approaching from the side. In practice, one moving element in a still layout captures the eye regardless of size, contrast or position, and will keep recapturing it."}]},{"t":"p","runs":[{"text":"This is why an auto-playing video beside body text means the body text does not get read, and why a blinking cursor animation next to a headline steals the headline’s job. Use motion once, for the thing you want looked at, or not at all. And provide a way to stop it: for some people, including those with vestibular disorders, continuous motion causes genuine discomfort rather than mild annoyance, and most platforms expose a reduced-motion preference you can respect."}]},{"t":"h2","id":"what-this-does-not-license","runs":[{"text":"What this does not license"}]},{"t":"p","runs":[{"text":"Knowing how gaze works tells you how to direct attention. It does not tell you whether you have earned it, and the same mechanisms that make a public-health poster legible make a manipulative advertisement effective. A course on attention mechanics that stops here has taught half a subject; the second half (where directing attention turns into extracting it) has its own lesson later in this course."}]},{"t":"p","runs":[{"text":"One practical caution as well. Gaze is not comprehension. Eye-tracking shows where people looked, not what they understood or believed, and a design that reliably pulls the eye to a headline nobody finds credible has solved the easiest of the three problems. Attention is a precondition. It is not the result."}]}],"check":{"question":[{"text":"A landing page follows the F-pattern advice by stacking everything important along the top edge and the left column. Attention data shows people scanning in an F. Why is this weak evidence that the approach worked?"}],"options":[{"text":[{"text":"Eye-tracking measures fixation rather than comprehension, so the data cannot show whether the content was understood at all."}],"correct":false,"tempting":[{"text":"A true and important caveat about gaze data in general, but it does not explain why this particular layout reproduced the pattern."}]},{"text":[{"text":"The F was observed on pages with no hierarchy, so supplying none just recreates those conditions."}],"correct":true,"tempting":null},{"text":[{"text":"The sample was probably too small, since scan-path studies need many participants before a pattern is reliable."}],"correct":false,"tempting":[{"text":"Questions the statistics when the problem is that the finding was designed into the page, and a larger sample would reproduce it just as faithfully."}]},{"text":[{"text":"Reading direction varies between scripts, so the F only applies to left-to-right audiences."}],"correct":false,"tempting":[{"text":"Correctly notes a cultural boundary, but a right-to-left audience would produce a mirrored version of the same uninformative result."}]}],"order":[2,0,3,1],"why":null},"prev":{"slug":"contrast-makes-meaning","title":"The eye reports differences, never values","minutes":9},"next":{"slug":"the-cost-of-an-element","title":"Every element you add taxes the ones already there","minutes":8}}}