Incomplete reading

Websites, landing pages, and emails are now predominantly scanned rather than read. Users skim content and make relevance decisions within seconds. The intuitive assumption is that highlighting important information attracts more attention. However, designers report a paradox: excessive highlighting reduces comprehension, and users overlook central messages despite optimal placement. The question is: How does selective perception work when scanning text? Which patterns determine what gets read and what gets ignored—and what does the evidence tell us?

Studies

The F-Pattern: How Users Read Websites

Jakob Nielsen conducted a groundbreaking eye-tracking study at the Nielsen Norman Group in 2006. As 232 users read various web pages, cameras recorded their eye movements. Analysis of thousands of heat maps revealed a consistent F-shaped pattern: users read the top lines horizontally, then scan vertically down the left margin, with occasional shorter horizontal movements. The striking finding: on average, users read only 20-28% of the text. The first two words of each line received 69% more attention than words in the middle of the line. In 90% of cases, content in the bottom right was completely ignored.

Mobile User Scanning Patterns

In 2017, Kara Pernice and the Nielsen Norman Group investigated reading behavior on mobile devices. Using eye-tracking technology, they observed 120 participants as they performed typical smartphone tasks, including product searches, reading news, and completing forms. The findings were striking: on mobile devices, users followed a Z-pattern—scanning horizontally across the top line, moving diagonally down to the left, then scanning horizontally again. Participants read only 16% of the displayed text on average. In 84% of cases, users read only the first line of paragraphs longer than three lines. Lists and bullet points increased reading depth by 2.3 times compared to continuous text. The first 11 characters of each line captured 80% of users' total attention for that line.

Principle

Which principle for Customer Experience Design can be derived from this? The principle of scan-optimized design recognizes that digital content is primarily consumed in fragments—the first words of each line, headings, and visually highlighted elements determine whether communication succeeds or fails. In information-rich environments such as e-commerce sites, news portals, and B2B websites, core messages and calls-to-action must be positioned at the critical points of F- and Z-patterns to be noticed at all. However, this principle applies primarily to text-heavy content and becomes less relevant when visual elements, videos, or interactive features dominate. The following guidelines demonstrate how to implement this principle in practice.

Guidelines

Frontloading: Important Things First

Lead every line, paragraph, and heading with your most important information. Users scan left to right—content at the beginning of a line gets read with 69% higher probability. Cut introductory filler words. Instead of "To help you, we offer..." write "Free consultation within 24h." Instead of "In our range you will find..." write "Over 500 products available."

Scannable structure through lists

# Formatting Guidelines for Maximum Readability ## Core Principle Replace long paragraphs with lists, bullet points, and short paragraphs (maximum 3 lines each). ## Why This Matters Eye-tracking research reveals a powerful insight: Lists increase reading depth by 2.3x compared to dense paragraphs. ## Implementation Rules **Structure Requirements:** - Each list item must be independently understandable - Use meaningful bullet points or numbering systems - Keep related items grouped logically **Writing Style:** - Start each point with a keyword - Front-load the most important information - Eliminate unnecessary filler words ## Example Transformation ❌ **Weak:** "You will receive access to..." ✓ **Strong:** "Instant access to all modules" This approach prioritizes clarity, scannability, and reader engagement.

Hot Zone: Optimize top left

The first 11 characters of the top 3 lines capture 80% of total attention. Position your strongest value proposition here—not your logo or navigation. On mobile devices, the visible area without scrolling (above the fold) is critical. Use a 5-second test to determine what resonates. Your headline must independently communicate the core benefit. Avoid generic greetings like "Welcome to our site."

3-line rule for paragraphs

Keep paragraphs to a maximum of three lines. Research shows that 84% of readers only engage with the first line of longer paragraphs, skipping the rest. Limit each paragraph to one thought. Use blank lines generously—they signal scannability and reduce cognitive load. For longer explanations, break content into multiple short paragraphs with subheadings. Each subheading creates a new entry point for scanning readers.