Writing for the web is different: Why and how

Anyone who regularly writes on the web should learn some basic web writing techniques – this is a belief that gets stronger and stronger with my daily reading of blog posts and online articles.

Some well-written materials and posts are just too difficult to read on the computer screen: chunks upon chunks of long paragraphs, a reader easily loses track after several paragraphs into the reading.

Writing for the web is different from writing for the print: people read in a different way on the computer screen, and some simple techniques can dramatically improve the readability of the web texts.

Why reading on the computer is different?

Online usability expert Jacob Nielsen did an eye-tracking visualizations study which shows that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe.

The images above show the study participants’ viewing pattern on three different pages. The areas where users looked the most are colored red; the yellow areas indicate fewer views, followed by the least-viewed blue areas. Gray areas didn’t attract any fixations.

This study shows that people don’t “read” everything on a web page. They pay more attention to something that interests them, and disregard other contents that (they think) are not useful or interesting.

People get frustrated with contents not optimized for on-screen reading

Web pages with big chunks of text will just turn people away – online readers have much less patience than readers of print materials such as book or magazine. It frustrates readers if they have to read through all the texts to know what the article talks about.

Looking at a blog post that is better written and formatted, we can find some traits that make blogs easy on the eyes:

  • short paragraphs
  • proper white space
  • use of list
  • selected use of boldface as emphasis
  • proper use of graphics and images

Writing tips that facilitate reading (scanning) of web contents

When people come to a new web page, they initially do not “read,” they actually scan for tips of information that would be of interest to them; what people scan is usually the page heading and subheads.

Here’s some guidelines I discussed with students in my writing class:

  • In the first paragraph, summarize the key points or highlights of the article.
  • Break your articles up into two or three levels of headings–a general page heading, plus some subheads, and, occasionally, some sub-subheads.
  • Insert more headings than you feel comfortable with on paper. This is especially useful for long articles and posts.
  • The group of headings and subheads alone should be able to inform the user; which means you should carefully draft a meaningful and descriptive subhead for each section.
  • Use lists where appropriate: bullet list or number list.
  • Keep each paragraph short (three or four lines of text at most).

Related posts:

About Mu Lin

Dr. Mu Lin is a digital journalism professional and educator in New Jersey, United States. Dr. Lin manages an online marketing company. He also manages MulinBlog Online J-School (www.mulinblog.com/mooc), a free online journalism training program, which offers courses such as Audio Slideshow Storytelling; Introduction to Social Media Marketing; Writing for the Web; Google Mapping for Communicators; Introduction to Data Visualization; Introduction to Web Metrics and Google Analytics.
This entry was posted in Writing for the web. Bookmark the permalink.

21 Responses to Writing for the web is different: Why and how

  1. Pingback: Sept. 30: Leads & story organization/forms | SLU News Writing Fall 2013

  2. Pingback: How to “wow” readers with your web writing | Emma Goldschmidt

  3. Pingback: A Word is Worth, A Million Thought | Keilah Johnson

  4. Pingback: Top 5 Simple Rules to Follow When Writing Online – Event Cue

  5. Pingback: Online writing tips from a couchsurfing newsie – Casey Waughn

  6. Pingback: 5 Critical Tips for Online Writing – Meagan Barbeau

  7. Pingback: Syllabus – Computer Assisted Reporting

  8. Pingback: Week 4-5: Writing for the web – Computer Assisted Reporting

  9. Pingback: Writing for 2017: Top 5 Must-Know Tips for Your Blog – Molly Daily

  10. Pingback: 5 Tips and Tricks for Online Writing – Sarah Richardson

  11. Pingback: 5 Online Writing Tips You Need to Know Now – Ashley Steibel

  12. Pingback: Online Writing Must Haves | Monica Ryan

  13. Pingback: Five foolproof tips for online writing – Kendra Ruether

  14. Pingback: 5 Ways to Ensure Your Voice is Heard Online – Justin Parramore

  15. Pingback: 5 quick and easy tips for online writing – Fiona Clair

  16. Pingback: 5 Tips to Elevate YOUR Online Writing – Grace Hambuchen

  17. Pingback: Five Online Writing Tips – Brenna Wall Journalism Portfolio

  18. Pingback: READ This To WRITE Online! – Becca Cary

  19. Pingback: 5 tips for journalists writing for mobile – Melanie Spence

  20. Pingback: Online Writing Tips – Journalism for a Mobile Readership – Kelly Blewitt

  21. Pingback: My 5 favorite online writing tips – Keleigh O'Neill

Leave a Reply