The surprising secret that keeps learners reading

Why layout choices decide whether people keep reading

Screens have replaced paper in most training rooms, yet many courses still look like scanned print from the 1990s. In early ExpertEdge pilots we watched 250 staff across technology, finance and engineering scroll through lessons that were identical in words but different in design. Some pages held attention to the final button while others lost readers after the first screen. That contrast sparked months of testing that turned team debates about font size and column width into hard numbers. Alongside our own work we gathered outside findings, including Baymard studies on shopping behaviour and Wikipedia eye-tracking experiments, that matched what we were seeing in our labs. The upshot is that small layout changes can give back minutes of focus and lift next-day quiz scores in a way new graphics or extra video never will.

The magic number of characters per line

We began by slimming and stretching the reading column across three versions of the same lesson. When a line carried around 95 characters, users scrolled less often but drifted away sooner, telling researchers the text felt heavy even though they could not say why. A second layout cut lines to about 50 characters, which looked neat but forced the eyes to jump so often that reading speed fell by a quarter. The middle option at roughly 65 characters made the difference. Readers finished lessons 17% faster and remembered 14% more detail in a quiz after twenty-four hours. Baymard usability work supports this window, showing that lines between 50 and 75 characters give the best balance of comfort and speed. With Open Sans set to 18px, the 65 character line sits inside a 780px column on a standard desktop, so we locked that as the ceiling. Tablets and phones compress the column to keep every line between 45 and 75 characters, letting the thumb scroll instead of the eye hunt for the next line start.

Our 780px rule for wide screens

Choosing 780px was not a coin toss. We ran eye-tracking on 30 volunteers who read technical how-to articles while cameras plotted every fixation. Wider columns pushed gaze into long horizontal sweeps, and when the eyes reached the right edge many struggled to snap back left, missing the first few letters of the next line. Narrower columns fixed the left return but created restless vertical flicks that looked tiring on playback. At 780px the scan paths settled into a steady ladder with even rungs. When we ported that width to real lessons, learners told us the page felt lighter without noticing the measurement behind the change.

Bigger letters and roomier lines mean sharper recall

Font size was the next question. Much online text still sits near 14px because designers fear scrolling, yet our first trials showed more rereads and lower comprehension at that size. Drawing on a Wikipedia eye-tracking study that found understanding rose steadily to 18px and levelled off through 22px, we stepped body text up in two-pixel jumps. At 18px test scores peaked and stayed stable, so we adopted that value. We adjusted spacing in lockstep. We tried ratios from 1.4 to 2 times the font and used webcam pupil-tracking to gauge effort. At a 32px line height, about 1.7 times the type, pupils dilated the least and back-tracking almost vanished, mirroring controlled experiments that link that spacing to lower fixation counts and smoother saccades. Readers in our pilot who used this setting posted quiz gains of six points two days later, compared with peers on tighter text.

Open Sans earns its place at the top

Typeface choice carries hidden weight. Verdana helped our earliest prototype score well on legibility but looked dense on modern retina displays, and a quarter of testers jumped straight to the zoom control. We swapped to Open Sans and retested with the same group. Task time dropped by 9% and no one asked to enlarge the page. Independent accessibility audits list Open Sans among the fonts with the clearest apertures and highest character differentiation at small sizes, so users with mild vision loss can stay in the default view. For headings we added the font 'Outfit' at a heavier weight. That contrast sets a clear hierarchy for skim readers and keeps cognitive load low.

Help eyes settle with smart page cues

Reading does not start in the middle of a paragraph. Our eye-tracking confirmed Jakob Nielsen's F-pattern, where users scan the first two lines and skim the left edge before deciding whether to commit. When early builds hid learning goals halfway down the screen, only one reader in three reached them. We pulled objectives and key terms into the upper left and saw full-page reads climb by 25%. A 2024 UX study reports the same, with similar engagement jumps when designers respect the 50 to 75 character rule and surface clear sub-heads near the top.

Less effort on letters means more power for memory

Working memory works like a small desk. When that desk fills with decoding tasks, little space remains for new ideas. To see the real-world effect of layout on load, we used a low-cost technique that tracks pupil size with a laptop camera while learners study. Cramped layouts drove larger, more frequent dilations that signal strain, while the optimised version kept pupils steady. The same learners scored six points higher in a delayed quiz and raised fewer support tickets over the next week. These findings line up with broader research linking readable text to lower help-desk demand and longer engagement sessions.

Static PDFs fall flat next to a living page

Many courses still ship as PDF or basic ePub files, and the format shows its age. Fixed pages ignore screen size, lock line length and often fail modern contrast tests. A recent VitalSource report notes that students spend longer in responsive readers than in static PDFs, crediting adjustable text and narrow columns for the extra minutes. Our own analytics agree. When we converted a 60-page guide into the ExpertEdge reader without rewriting a word, average time in module jumped 28% and users returned for in-task look-ups twice as often as they did with the PDF.

Putting the research to work in ExpertEdge

All of these lessons meet inside the finished player. Text columns lock at 780px on large screens and keep Open Sans at 18px with a 32px line height. On phones the wrapper scales so every line stays within the safe 45 to 75 character range. A single keypress shifts the size up or down, and the layout reflows without breaking the spacing ratios. Light and dark themes both clear European Accessibility Act contrast tests, so someone switching at dusk sees no drop in clarity.

Why ExpertEdge makes every word count

I admit we have gone deep into design detail, and I apologise if it felt nerdy at times, but these are the levers that move learning from passive skimming to real understanding. Our trials with 250 learners, backed by studies from Baymard, Wikipedia and VitalSource, show that layout changes alone can extend reading time by more than a quarter, lift recall by double-digit percentages and cut help requests when the pressure is on. ExpertEdge builds every screen on that evidence. Text never stretches past the comfort zone, line height keeps its breathing room, and contrast meets accessibility law in both light and dark themes. The result is a learning experience where reading feels easy, memory sticks and knowledge surfaces quickly during real work. That is why we think careful typography still changes digital learning, and why ExpertEdge puts text back at the core.

The wider framework is in our complete guide on book-to-course transformation.