readability Articles & Videos

  • Product-Specific GenAI Needs to Write for the Web

    Generative-AI outputs need to be concise, scannable, follow the inverted pyramid, and use plain language.

  • 5 Formatting Techniques for Long-Form Content

    Techniques like summaries, bullet points, callouts, bolding, and helpful visuals improve comprehension and engagement with content exceeding 1,000 words.

  • Accessibility and Inclusivity: Study Guide

    Unsure where to start? Use this collection of links to our articles and videos to learn more about accessible and inclusive design.

  • Dark Mode: How Users Think About It and Issues to Avoid

    Dark mode is popular, but not always a critical feature. Users behave similarly without it. They think about it at the system level, not the application level.

  • Best Font for Online Reading: No Single Answer

    Among high-legibility fonts, a study found 35% difference in reading speeds between the best and the worst. People read 11% slower for every 20 years they age.

  • Three Methods to Increase User Autonomy in UX Design

    Designers should help people use interfaces in ways that align with personal preferences and priorities.

  • Privacy Policies and Terms of Use: 5 Common Mistakes

    Policy pages often fail to follow basic usability guidelines: they are not readable, lack high-level summaries and inside-policy navigation, have poor formatting, and are not available in expected places.

  • Text Scanning Patterns: Eyetracking Evidence

    Eyetracking research shows that there are 4 main patterns that people use to scan textual information on webpages: F-pattern, spotted pattern, layer-cake pattern, and commitment pattern.

  • The Layer-Cake Pattern of Scanning Content on the Web

    When headings and subheadings visually stand out on the page and are descriptive, users engage in an efficient scanning pattern that allows them to quickly find the information that they need.

  • What Parallax Lacks

    Parallax-scrolling effects add visual interest, but they often create usability issues, such as content that is slow to load or hard to read. Consider if the benefits are worth the cost.

  • Imagery in Newsletters: Make Your Marketing Emails Visual But Don’t Sacrifice Usability

    Newsletter recipients expect high-quality images, but excessive focus on graphic design can result in emails that are illegible, unusable, and can’t deliver on business goals.

  • Typography for Glanceable Reading: Bigger Is Better

    Fonts to support glancing at individual words should be larger, in noncondensed widths, and uppercase over lowercase.

  • F-Shaped Pattern of Reading on the Web: Misunderstood, But Still Relevant (Even on Mobile)

    Eyetracking research shows that people scan webpages and phone screens in various patterns, one of them being the shape of the letter F. Eleven years after discovering this pattern, we revisit what it means today.

  • Horizontal Attention Leans Left

    Users spend 80% of the viewing time on the left half of the page vs. 20% on the right half. Standard designs will maximize user efficiency and company profits.

  • Reading Content on Mobile Devices

    Readers can understand short, simple text content on mobile devices just as well as on computers, but they slow down when reading difficult text on mobile.

  • Legibility, Readability, and Comprehension: Making Users Read Your Words

    Users won’t read web content unless the text is clear, the words and sentences are simple, and the information is easy to understand. You can test all of this.

  • Ensure High Contrast for Text Over Images

    If you place text over a background image, make sure it’s readable by providing adequate contrast. Subtle tweaks can increase the contrast without affecting the overall aesthetic of the site.

  • User-centric vs. Maker-centric Language: 3 Essential Guidelines

    To engage users, website copy must speak to readers and not at them. Include words people can relate to, and avoid jargon, business speak, and feature-driven language.

  • Serif vs. Sans-Serif Fonts for HD Screens

    Decent computer screens with pixel densities of 220 PPI or more lead to new usability guidelines for on-screen typography.

  • 10 High-Profit Redesign Priorities

    Several usability findings lead directly to higher sales and increased customer loyalty. These design tactics should be your first priority when updating your website.