4
Most read
6
Most read
11
Most read
Writing for the Web
Ujjwal Acharya




                      Most of the content is derived
                      from or based on writings of
                              Jakob Nielsen
                        http://www.useit.com/
This session
What we are going to discuss and do?

                  How and why are web writing different from news written for
                  newspapers, radios and televisions.

                  Discuss about headline and need to write teaser text


                  Discussion on paragraphing, sub-titling, visual aesthetics and use
                  of eye-friendly stuffs – photos / lists /info-boxes

                  Finally, try writing a small content for web using everything we
                  discussed
How Users Read on the Web
 • They don't read, they just scan the page.
 • 79 % of always scan page; only 16 % read word-by-word.




                     So what to do then?
                     Simple, write scannable text, using
                     • highlighted keywords

                     • meaningful sub-headings

                     • bulleted lists

                     • one idea per paragraph

                     • Concise text



                                      http://www.useit.com/alertbox/9710a.html
The F Theory
Of Pattern of Reading Web Content




    By the way: F is for FAST! What were you thinking?
Reading on computer screen




     Is it same as reading newspaper or book?
Headlines

   The average headline is mere 5   words and 34 characters.
   So,   good headlines are
         •   short
         •   rich in information scent
         •   front-loaded with the keywords
         •   understandable out of context
         •   predictable



                                       http://www.useit.com/alertbox/headlines-bbc.html
Teaser
The first paragraph of news is not the lead

  Teaser is important for two reasons

      • Users do not read much on the web
      • On index page (such as homepage), only
        headlines and teasers are displayed.

  Teaser is a paragraph that tells the details of the news story but should also leave lure
  user to click to read full story!

  It should contain many of 5WH to summarize story but could leave one or two to keep
  the interest!
Headlines & Teasers
Long story short
How to write news for web?

 PARAGRAPHING
 One idea per paragraph
 One or two short sentence per paragraph
 Blank line after each paragraph                              VISUAL STUFFS
 Break after 4 or 5 paragraphs by sub-title or visual stuff   • Photo

                                                              • Bulleted list

                                                              • Info box

                                                              • Hyperlink
 SUB-TITLE
 Could be simple ‘what to come’ summary or quote or
 simple two-word description
 No need to stress over to find clever sub-title
Example


          Watch out for

             • white spaces around
             • Length of paragraphs
             • Number of sentences in a paragraph
             • Use of photos
             • Use of sub-title
Let’s Begin!

Now,
Please write a
NEWS or
OPINION or
EXPERIENCE
on either
MEDIA or                    THANKYOU!
CONSTITUTIONAL ISSUE        ujjwal.acharya@gmail.com
                            www.facebook.com/ujjwal.acharya
Approximately   400 words   www.NepaliVoices.com

More Related Content

PDF
Writing for the web
PPTX
Inverted pyramid ppt
PPT
Writing for Media - Broadcast
PPTX
Headline Basics
PPTX
Print Journalism- EDITING
PPT
Sub editing and page designing
PPTX
The tabloid press
PPTX
New media
Writing for the web
Inverted pyramid ppt
Writing for Media - Broadcast
Headline Basics
Print Journalism- EDITING
Sub editing and page designing
The tabloid press
New media

What's hot (20)

PPTX
Associated Press Style
PPTX
Sources of news
PPT
ADVERTISING,PUBLICITY &PROPAGANDA
PPT
Presentation. bias in the news (2)
PPT
Writing for Media - Writing
PDF
Beat reporting
PPTX
Data Journalism
PPT
How to write a news package
PPTX
Broadcast news(1)
PPTX
Introduction to New Media Technologies
PPTX
Influencer Marketing Strategy - A Six Step Guide
PPTX
Media Management
PPTX
Chapter 2 - Media Literacy in the Digital Age
PPTX
Types of interview for news gathering and reporting
PPT
Copywriting
PPTX
Journalism
PPT
The sociology of news
PPTX
Newspaper designing
PDF
Adidas Social Media Analysis Q4 2015
PPTX
Feature writing
Associated Press Style
Sources of news
ADVERTISING,PUBLICITY &PROPAGANDA
Presentation. bias in the news (2)
Writing for Media - Writing
Beat reporting
Data Journalism
How to write a news package
Broadcast news(1)
Introduction to New Media Technologies
Influencer Marketing Strategy - A Six Step Guide
Media Management
Chapter 2 - Media Literacy in the Digital Age
Types of interview for news gathering and reporting
Copywriting
Journalism
The sociology of news
Newspaper designing
Adidas Social Media Analysis Q4 2015
Feature writing
Ad

Similar to Writing for the web (20)

PPT
Online journalism tips for copy editors
PPT
Online journalism
PDF
Writing for the Web (tips for journalism students)
PPT
Online Writing
PPTX
Websites and multimedia
PDF
Writing for the Web, It's Not the Same!
PDF
Test pdf ppt
PPT
Web Usability Content Design
PPT
Writing for the web
PPT
Writing for the Wired World
PPT
Creating online learning resources for schools for uploading
PPT
Writing for the Web
PPTX
Writing for the Web
PPT
Web Writing Presentation
PPT
5 Feb 09 Online Journalism – Multimedia Packages&Writing Class Notes Feb5 2009
PPTX
Blog and finding stories
PDF
Day4 online-adapt(1)
KEY
Writing For The Web
 
PPT
Web writing 30
PDF
Online journalism tips for copy editors
Online journalism
Writing for the Web (tips for journalism students)
Online Writing
Websites and multimedia
Writing for the Web, It's Not the Same!
Test pdf ppt
Web Usability Content Design
Writing for the web
Writing for the Wired World
Creating online learning resources for schools for uploading
Writing for the Web
Writing for the Web
Web Writing Presentation
5 Feb 09 Online Journalism – Multimedia Packages&Writing Class Notes Feb5 2009
Blog and finding stories
Day4 online-adapt(1)
Writing For The Web
 
Web writing 30
Ad

More from Ujjwal Acharya (20)

PPTX
Nepal's Social Media Bill 2025: How Not to Regulate Social Media?
PPTX
Internet is not for Innocents: Risks for Children Online
PPTX
20240704 डिजिटल मिडिया: अवसर र चुनौती Digital Media
PPTX
Identifying & Combating Misinformation w/ Fact Checking Tools
PPT
मिथ्या सूचना र लोकतन्त्र [Misinformation and Democracy] 2022]
PPTX
मिथ्या सूचना [Misinformation] 2021
PPTX
Misinformation: Identifying and Responding
PPTX
Misinformation Ecosystem in Nepal
PDF
A Challenge to Authenticity of Mass Media Communication: A Case Study of Misi...
PPTX
Misinformation during 2022 Elections in Nepal
PDF
Misinformation, Hate Speech & Us
PDF
Fact-Checking A Primer
PPT
मिडिया र सूचना साक्षरता [Media and Information Literacy]]
PPTX
डिजिटल मिडिया: अवसर र चुनौती [Digital Media: Opportunities and Challenges]]
PPTX
Social Media for Political Communication
PPT
Basic Digital Security
PPTX
Social media & journalism
PPT
Self-introduction at ISS UIO 2011
PPTX
South Asia Press Freedom Report 2016 Presentation
PPTX
South Asia Press Freedom Report 2018 Presentation
Nepal's Social Media Bill 2025: How Not to Regulate Social Media?
Internet is not for Innocents: Risks for Children Online
20240704 डिजिटल मिडिया: अवसर र चुनौती Digital Media
Identifying & Combating Misinformation w/ Fact Checking Tools
मिथ्या सूचना र लोकतन्त्र [Misinformation and Democracy] 2022]
मिथ्या सूचना [Misinformation] 2021
Misinformation: Identifying and Responding
Misinformation Ecosystem in Nepal
A Challenge to Authenticity of Mass Media Communication: A Case Study of Misi...
Misinformation during 2022 Elections in Nepal
Misinformation, Hate Speech & Us
Fact-Checking A Primer
मिडिया र सूचना साक्षरता [Media and Information Literacy]]
डिजिटल मिडिया: अवसर र चुनौती [Digital Media: Opportunities and Challenges]]
Social Media for Political Communication
Basic Digital Security
Social media & journalism
Self-introduction at ISS UIO 2011
South Asia Press Freedom Report 2016 Presentation
South Asia Press Freedom Report 2018 Presentation

Recently uploaded (20)

PPTX
MMW-CHAPTER-1-final.pptx major Elementary Education
PPT
Acidosis in Dairy Herds: Causes, Signs, Management, Prevention and Treatment
PDF
Lecture on Viruses: Structure, Classification, Replication, Effects on Cells,...
PDF
Chevening Scholarship Application and Interview Preparation Guide
PDF
0520_Scheme_of_Work_(for_examination_from_2021).pdf
PPTX
operating_systems_presentations_delhi_nc
PPTX
Diploma pharmaceutics notes..helps diploma students
PPTX
Key-Features-of-the-SHS-Program-v4-Slides (3) PPT2.pptx
PPT
hsl powerpoint resource goyloveh feb 07.ppt
PPTX
ACFE CERTIFICATION TRAINING ON LAW.pptx
PDF
Hospital Case Study .architecture design
PPTX
BSCE 2 NIGHT (CHAPTER 2) just cases.pptx
PDF
African Communication Research: A review
PDF
Laparoscopic Imaging Systems at World Laparoscopy Hospital
PPTX
Power Point PR B.Inggris 12 Ed. 2019.pptx
PPTX
PLASMA AND ITS CONSTITUENTS 123.pptx
PDF
CAT 2024 VARC One - Shot Revision Marathon by Shabana.pptx.pdf
PDF
Fun with Grammar (Communicative Activities for the Azar Grammar Series)
PPT
hemostasis and its significance, physiology
PDF
Kalaari-SaaS-Founder-Playbook-2024-Edition-.pdf
MMW-CHAPTER-1-final.pptx major Elementary Education
Acidosis in Dairy Herds: Causes, Signs, Management, Prevention and Treatment
Lecture on Viruses: Structure, Classification, Replication, Effects on Cells,...
Chevening Scholarship Application and Interview Preparation Guide
0520_Scheme_of_Work_(for_examination_from_2021).pdf
operating_systems_presentations_delhi_nc
Diploma pharmaceutics notes..helps diploma students
Key-Features-of-the-SHS-Program-v4-Slides (3) PPT2.pptx
hsl powerpoint resource goyloveh feb 07.ppt
ACFE CERTIFICATION TRAINING ON LAW.pptx
Hospital Case Study .architecture design
BSCE 2 NIGHT (CHAPTER 2) just cases.pptx
African Communication Research: A review
Laparoscopic Imaging Systems at World Laparoscopy Hospital
Power Point PR B.Inggris 12 Ed. 2019.pptx
PLASMA AND ITS CONSTITUENTS 123.pptx
CAT 2024 VARC One - Shot Revision Marathon by Shabana.pptx.pdf
Fun with Grammar (Communicative Activities for the Azar Grammar Series)
hemostasis and its significance, physiology
Kalaari-SaaS-Founder-Playbook-2024-Edition-.pdf

Writing for the web

  • 1. Writing for the Web Ujjwal Acharya Most of the content is derived from or based on writings of Jakob Nielsen http://www.useit.com/
  • 2. This session What we are going to discuss and do? How and why are web writing different from news written for newspapers, radios and televisions. Discuss about headline and need to write teaser text Discussion on paragraphing, sub-titling, visual aesthetics and use of eye-friendly stuffs – photos / lists /info-boxes Finally, try writing a small content for web using everything we discussed
  • 3. How Users Read on the Web • They don't read, they just scan the page. • 79 % of always scan page; only 16 % read word-by-word. So what to do then? Simple, write scannable text, using • highlighted keywords • meaningful sub-headings • bulleted lists • one idea per paragraph • Concise text http://www.useit.com/alertbox/9710a.html
  • 4. The F Theory Of Pattern of Reading Web Content By the way: F is for FAST! What were you thinking?
  • 5. Reading on computer screen Is it same as reading newspaper or book?
  • 6. Headlines The average headline is mere 5 words and 34 characters. So, good headlines are • short • rich in information scent • front-loaded with the keywords • understandable out of context • predictable http://www.useit.com/alertbox/headlines-bbc.html
  • 7. Teaser The first paragraph of news is not the lead Teaser is important for two reasons • Users do not read much on the web • On index page (such as homepage), only headlines and teasers are displayed. Teaser is a paragraph that tells the details of the news story but should also leave lure user to click to read full story! It should contain many of 5WH to summarize story but could leave one or two to keep the interest!
  • 9. Long story short How to write news for web? PARAGRAPHING One idea per paragraph One or two short sentence per paragraph Blank line after each paragraph VISUAL STUFFS Break after 4 or 5 paragraphs by sub-title or visual stuff • Photo • Bulleted list • Info box • Hyperlink SUB-TITLE Could be simple ‘what to come’ summary or quote or simple two-word description No need to stress over to find clever sub-title
  • 10. Example Watch out for • white spaces around • Length of paragraphs • Number of sentences in a paragraph • Use of photos • Use of sub-title
  • 11. Let’s Begin! Now, Please write a NEWS or OPINION or EXPERIENCE on either MEDIA or THANKYOU! CONSTITUTIONAL ISSUE [email protected] www.facebook.com/ujjwal.acharya Approximately 400 words www.NepaliVoices.com