Web Con 2026 / TL;DR — How to Write When No One’s Reading

TL;DR — How to Write When No One’s Reading

This presentation will teach you how to reduce cognitive load and create content that engages your audience.

Why We Web (www…?)

People doing lots of tasks on the internet.

Web Writing 101

TL;DR

  • Reducing cognitive load increases user success.

The 3-second rule

You have exactly three seconds to grab your website visitors’ attention.

A person experiencing cognitive overload in front of a computer.

We want to:

  • Write for the user’s goals.
    Understand why they are on the page.
  • Be concise, clear, and scannable.
    The average user reads only about 20% of the content on a page.
  • Respect their time.
    Good web writing gets out of the user’s way and helps them accomplish their task as quickly as possible.

Good web writing is inclusive, accessible, and better for all audiences

  • Brevity supports everyone
    Being concise helps neurodivergent users, dyslexic readers, and those with screen fatigue.
  • Plain language
    Plain language makes digital resources easier for non-native speakers and busy users.
  • Built-in, not bolted on
    Following these guidelines ensures equity and usability at the start of your project.

Understanding Your Audience

TL;DR

  • Define what problem you’re solving for your users.

A Successful Website is Audience-First

People go to your site with a specific goal or question in mind

Define their:

  • Pain points
  • Goals
  • Values
  • Common objections

Craft copy that directly addresses user concerns.

Shift from describing programs and features, to what problems you are going to solve.

Ensure users can:

  • Find what they need quickly
  • Meet their most pressing needs
  • Follow desired Calls to Action

The Paradigm Shift: Web vs. Editorial Style

TL;DR

  • Use web writing to help visitors find information and complete tasks quickly.

Understanding how people read on the web

People don’t read your content; they scan for the specific keyword, heading, or answer they need.

If your content doesn’t show they’re in the right place right away, they’ll leave in seconds.

A person experiencing digital cognitive overload surrounded by digital devices.
  • Cognitive load
    Reading on screens causes faster eye fatigue. We must reduce mental effort.
  • The F-shaped pattern
    Users scan down the left side and across the top, looking for keywords.
  • Web style
    Built for distraction, non-linear, interactive, action-oriented content.

AP Style vs. Web Style Grammar Rules

TL;DR

  • Following different grammar rules for web writing helps users avoid ambiguity.

Strict rules vs. UX readability

AP Style is formal and rigid. Web style uses different rules to improve scannability, accessibility, and user comprehension.

Martha Steward meme depicting here cooking, with the words "I love cooking my pets and my family." Don't be a serial killer. Use serial commas and love cooking, your pets, and your family.

Some key differences for speed and clarity

  • The serial comma
    Web style requires the serial comma to clarify lists and minimize ambiguity. They eliminate the possibility of misinterpretation and improve usability.
  • Numbers and symbols
    Use numerals (12) and symbols (%) instead of spelling them out (twelve, percent) to attract scanning eyes.
  • Paragraphs
    • Short paragraphs create visual breathing room, making your content much easier to scan than heavy blocks of text.
    • Aim for sentences that average 15–20 words
    • 3-5 sentences max
    • Stick to 1 topic per paragraph.
    • Front-load paragraphs and sentences with keywords.
  • Acronyms and abbreviations
    • Only use abbreviations if they are universally understood (internal department jargon doesn’t count).
    • Spell out the acronym or abbreviation the first time you use it within the content. Do not use them in headers.

Pro tip

It’s okay to break AP Style for web writing. If you plan to go against brand standards, make sure to post your web style guide on your website. Be sure to include why you’re breaking with brand standards.

Sample:

We use the serial comma on our website to ensure that each item in a list is distinctly separated. This reduces confusion and improves user understanding.

Resource

Plain Language Overview

TL;DR

  • Use plain language principles to better engage your audience.

Plain language is inclusive and accessible. It makes your content easier to find, read, and scan. It’s also easier to translate. 

Don't use a five-dollar word when a fifty-cent word will do. A quote by Mark Twain.
  • Write for a 7th to 8th-grade level
    • Even highly educated professionals prefer simple language when completing online tasks.
    • Use common, everyday words that your readers use in their own search queries.
  • Drive action with active voice
    “Tim taught the class” vs. “The class was taught by Tim.”
  • Be direct and concise
    • Reduce your word count. NN/g research shows that concise text and scannable layouts boost usability by over 120%.
    • Objective language also plays a key role.
  • Avoid promotional “marketese,” humor, and jargon
    • Skip promotional jargon, buzzwords, and exaggerated claims. Users tune out promotional fluff.
    • Not everyone gets slang, humor, sarcasm, or cleverness. These styles don’t connect with all ways of thinking or backgrounds. 
    • Explain jargon and technical terms in simpler words when you must use them. 
  • Tone matters
    • Match the tone to the user’s emotional state.
    • Be positive. 

Plain language guidelines

Tools to help with plain language

Web Writing is a Conversation

TL;DR

  • Talk to your users the way you converse with them.

Writing is easy. All you have to do is cross out all the wrong words. A quote by Mark Twain.
  • The “grab and go” approach
    Users come to your site with a question or a task. Give them the answer so they can move on.
  • Write like you speak
    Use a friendly, informal tone with contractions (e.g., “you’ll,” “don’t”) and personal pronouns (e.g., “you,” “we”) to build a connection.
  • Cut the pleasantries
    Users ignore “Welcome to our page!” filler text.
  • Krug’s Third Law of Usability
    • “Get rid of half the words on each page, then get rid of half of what’s left.”
    • PSA: Read Steve Krug’s book, Don’t Make Me Think
  • Communication, not decoration:
    Jakob Nielsen, Ph.D., is a retired principal and co-founder (with Dr. Donald A. Norman) of the Nielsen Norman Group. 

Inclusive + Conscious Language

TL;DR

  • Respect your users’ diverse backgrounds.

“At its core, inclusive language is based on kindness and curiosity—learning and caring about others as individuals.”

— Dr. Michele Kerulis, Counseling@Northwestern

Cultivating respect, diversity, empathy, and understanding

  • What is inclusive, conscious language?
    Language that values diversity, shows respect, and supports equal opportunities.
  • Person-centered focus
    Put the person first, not their condition. Use “person with a disability” instead of “disabled person.”
  • Recognizing intersectionality
    Understand how identities like race, class, and gender affect a person’s experience.
  • Continuous evolution
    Language evolves. We must avoid words that marginalize or reinforce stereotypes.
  • The 5 C’s of conscious language
    Guides word choices through Content, Context, Consequence, Complexity, and Compassion.
  • Designing for equity
    Focuses on minimizing harm and building welcoming environments for historically excluded communities.
  • A tool for self-awareness
    Encourages communicators to examine implicit biases and adapt as cultural norms naturally evolve.

PSA: Check out The Conscious Style Guide book and website, by Karen Yin.

Resources

Sources

Write for Scannability

TL;DR

  • People shy away from dense walls of text.

Make web pages easier to scan by breaking long paragraphs into shorter segments with descriptive subheadings.

Because screen space is limited, use more subheadings, lists, and other semantic structures to prevent walls of text.

  • Assume users are scanning
    The average user only reads about 20% of the content on a page.
  • Chunk your content
    Stick to one topic per paragraph. Cap paragraphs at 70 words or 1-3 sentences.
  • Choose lists over text
    Break up dense blocks with bulleted lists.

Resources

The Inverted Pyramid

TL;DR

  • Front-load the most important information.

  • Introductory sentences
    Your landing page intros are prime real estate.
  • Lead with the value
    Put your most critical message at the very top of the page.
  • Respect the scroll
    Content that requires vertical scrolling loses up to 80% of its readership.
  • Layer the details
    Save highly specialized or lengthy information for deeper, linked pages.
An inverted pyramid with the words "need to know" at the top, and "nice to know" at the bottom.

Source: https://www.nngroup.com/articles/inverted-pyramid/

Write Meaningful Headings

TL;DR

  • Meaningful headings help users in many ways.

  • Incorporate keywords
    Include keywords or search terms in your headings.
  • Use action phrases
    For instructions, choose verbs instead of static nouns.
  • Format for accessibility
    • Ensure web editors know the correct heading levels for HTML (H1, H2, H3). This creates a clear, semantic structure.
    • Use CamelCase for H1s. Capitalize the first letter of each word.
    • Use sentence case for H2-H6. Capitalize the first letter of the first word and any proper nouns.
  • Be direct
    Keep information short, clear, and free of acronyms or jargon.

Pro tips:

  • And ensure your HTML heading levels (H1, H2, H3) are semantically correct to support screen readers.
  • Outline your content to visualize headings
  • If you’re having trouble writing a heading, your content is probably isn’t clear enough or covers too many points. Rewrite!

Accessible and Actionable Links

TL;DR

  • Link text should convey an action.

  • Never use “click here”
    Link text should be clear and relevant. For example, use “View the University Print Policy” to tell the users what action they’re taking.
  • Front-load the action
    Start button/link text with strong verbs (Submit, Buy, Learn).
  • Optimize length
    Aim for descriptive links that are 4 to 8 words long.
  • Think of screen reader users
    • Screen readers can list all hyperlinks on a page. A list of “click here” and “read more” links provides zero context.
    • Do not use the same link text for more than one link unless they have the same url.

Resources

Writing Effective Alt Text

TL;DR

  • Alternative text helps screen reader users.

  • Determine the purpose
    Is the image Informative, Functional, or Decorative?
  • Inform
    Explain what the image really means, not just its appearance. Keep it short.
  • Functional (buttons)
    Describe the action (e.g., “search” instead of “magnifying glass”).
  • Decorative
    Use the decorative attribute (alt=”decorative”) so screen readers can safely skip it.
  • Skip redundancy
    Never start with “image of…” screen readers announce this automatically.
  • For infographics or images with a lot of text, spell out the text elsewhere in the communication.
What kind of alt text should you use? If the image communicates task-related information, you do not need alt text. If it does, ask if the images signifies a function or action. If it does, describe the function associated with the image. If not, use simple, informative messaging.

Source: https://www.nngroup.com/articles/write-alt-text/

Resources

Help Users Choose

TL;DR

  • Don’t make users play “Spot the Difference.”

  • Move from implicit to explicit
    Make the distinctions between options immediately obvious.
  • Reduce cognitive load
    Don’t force users to hold info in their working memory to play “spot the difference.”
  • Highlight differences, not similarities
    Use visual layouts (comparison tables) to draw the eye to what is unique.
  • Focus on what matters
    Emphasize the specific features or requirements that drive decision-making.
Explicit versus implicit differntiation. Explicit is fully explained with no confusion bewtween options. Implicit offers little or no explanation, and differences are assumed.

Source: https://www.nngroup.com/articles/explicit-differences/

Helpful Microcopy and Error Messages

TL;DR

  • Use clear microcopy to direct users.

  • Microcopy matters
    These tiny words on forms, buttons, and tooltips have a massive impact on user success. Be very intentional and direct.
  • Blame the system, not the user
    When writing error messages, avoid aggressive or blaming language. For example, don’t say, “You entered the wrong password.” Instead, be helpful and clear (e.g., “That password doesn’t match our records. Please try again.”).
  • Tell them how to fix it
    A good error message tells the user what went wrong and exactly what they need to do to proceed.

Using AI as Your UX Co-Writer

TL;DR

  • Following different grammar rules for web writing helps users avoid ambiguity.

  • The problem with AI
    Generative AI tools like Copilot, Gemini, and ChatGPT often create long, formal “happy talk.” They rarely follow the best web practices.
  • Prompting for UX
    You must guide the AI on how to write. Instead of saying, “Write an announcement about Wi-Fi,” use clear instructions:
    • “Act as a UX writer. Rewrite this paragraph for an 8th-grade level.”
    • “Take this 300-word policy and cut it by 50% without losing the deadline.”
    • “Turn these three paragraphs into a bulleted list.”
  • The first draft assistant
    Use AI to tackle the blank page. Let it draft your initial alt text, suggest H2 headers, or create your meta descriptions.
  • The rule of human review
    Never copy and paste without checking. You are the editor; the AI is just the intern.

Bonus Content: Campus Resources for SEO + AEO

TL;DR

  • Use the same principles we’ve covered in your SEO and AEO keywords, meta descriptions, and schemas.

Campus Resources

The End!

What Did We Learn?

Simplify, simplify, simplify. By Henry David Thoreau.

Thank you!

For questions, feedback, fan/hate mail: es20@illinois.edu

Liz Shalenberger
Website Management Center of Expertise
Email: web-coe@illinois.edu