3. Media forms are changing, becoming more interactive and wide-ranging. The audience is changing, accessing content from many different devices and locations at all times of the day. The relationship between the audience and news organizations is changing, becoming more like a conversation among equals than a lecture. Source: Foust – Online Journalism

8. One way flow of information Lack of interaction between the newspapers and their readers Comments Discussion board, live chat Third-party social networking sites: Facebook, Twitter, Instagram…

9. CriteriaAdvantages Audience controlGives users more power to choose the information they want Time and place accessReaches users at a variety of times and places NonlinearityAllows stories without a predefined linear order Storage and retrievalStores a vast amount of information and makes it easily retrievable Unlimited spaceOvercomes spatial and temporal limitations of traditional media ImmediacyAllows information to be published instantaneously Multimedia capabilityAllows the inclusion of text, graphics, audio, video and other media Audience participationProvides for a greater level of audience involvement in the journalistic product

10. Studies show that online readers are about 25% slower reading on a computer than the printed page. Reading on mobile devices is even slower.

11. Chunking is breaking information into blocks so the reader can consume the information more easily. Journalists need to think in terms of dividing content into consumable amounts.

12. Distilling information helps the reader get an overview of the story through well-written headlines, subheads, summaries and links.

14. Elements Headlines: Overview of the story Simple and direct Descriptive Able to stand on their own without requiring additional context Maximize SEO (Search engine optimization) effectiveness

15. Example of weak headlines “Useful contacts for everyone” “An Update” How can we make those better for searching key words?

16. Subheads: Place under the headline to provide additional details on the story’s topic Stay concise, direct and detailed as possible Not as critical from SEO (search engine optimization) point of view Elements

17. Summaries: A block of several lines providing an overview of the story’s main points Be cautious about pulling blocks of texts verbatim from a story especially where reader is likely to read both the summary and the story Typically ranges from 150-200 characters

19. Organize your story before you write the first word The Post-it Note method

20. Inverted pyramid Chronological Thematic Narrative

21. Inverted Pyramid

22. Short sentences and paragraphs Sentences should be simple, straight forward Use spacing and paragraph deliberately Section headings and bolding Bullet points and lists

23. Example

24. Easing into the story : On Monday, 4 th August, 2014, we went to the office of the chancellor Assadullah Rahman, for a brief discussion with a colleague about.... Does this interest the reader?

25. Better? A chancellor who sparked a political storm over his views on the admission of degree students has been appointed to a new committee that will report to the Ministry of Higher Education.

26. Writing style Writing for the Web should be a cross between broadcast and print — tighter and punchier than print, but more literate and detailed than broadcast writing. Write actively, not passively. -- Poynter Institute

27. Writing style Good broadcast writing uses primarily tight, simple declarative sentences and sticks to one idea per sentence. It avoids the long clauses and passive writing of print. Every expressed idea flows logically into the next. Using these concepts in online writing makes the writing easier to understand and better holds readers attention. -- Poynter Institute

28. Writing style Strive for lively prose, leaning on strong verbs and sharp nouns. Inject your writing with a distinctive voice to help differentiate it from the multitude of content on the Web. Use humor. Try writing in a breezy style or with attitude. Conversational styles work particularly well on the Web. Online audiences are more accepting of unconventional writing styles. -- Poynter Institute

29. Illustrations Link to article: http://www.bbc.com/news/world- middle-east-28290018 http://www.bbc.com/news/world- middle-east-28290018 Link to BBC homepage: http://www.bbc.com/news/

30. What are the best ways to tell your story? Text Links Audio Video Clickable graphics Or all of the above

31. Links Provide information that aids you in investigating and writing your story Provide additional information for users to explore on their own Background Backing up information Alternate points of view Further exploration

32. In-text Links Side bar Links

33. Problems with links Links issues Permission to links Link maintenance Taking users away from your story

34. Ending the web story Ending the post: Leaving the reader engaged and contributing to improve the journalism. “This is the latest in a series of interviews with Olympic sponsors. You can read the rest here, and follow future updates on ourFacebook page, Twitter account, and mailing list.”read the rest hereFacebook page, Twitter account, mailing list “Next week we’ll be interviewing Graham Gordon on his role in the process. If you have any questions you’d like us to ask, please post a comment, or email us at…” “Have we missed anything? Please let us know in the comments.” “We’ll be discussing this at our next meetup at … – sign up to attend on our Meetup page.”sign up to attend

35. Using multimedia Graphics Sound Video

36. Graphics Photographs: “a picture is worth a thousand words” Produced graphics: Maps Technical illustrations: Illustrate how a complex system or structure works Informational graphic (Infographic): Show the relationship between a number of concepts

37. Sound Deciding when to use sound Integrating sound with the story

38. Video Deciding when to use video Integrating video with the story

39. Example of an in-depth article (long form) that integrates all news elementsin-depth article http://www.nytimes.com/2014/07/13/us/how-one-college-handled-a-sexual- assault-complaint.html?_r=0

40. Good visual examples http://www.nytimes.com/newsgraphics/2013/12/30/year- in-interactive-storytelling/ http://www.nytimes.com/newsgraphics/2013/12/30/year- in-interactive-storytelling/

41. Your assignment Group 1: Headline writing for Web Group 2: Lead writing for Web Group 3: Subhead writing for Web Group 4: Using links for Web Group 5: General story writing for Web Group 6: Information boxes/sidebar text for Web Write up the assignment in a clear, concise way and tell students how their work will be evaluated.

43. http://www.nytimes.com/2014/07/13/technology/amazon-a-friendly-giant-as-long-as-its- fed.html?action=click&contentCollection=Opinion&module=MostEmailed&version=Full&region=Mar ginalia&src=me&pgtype=article Example of an article on NY Times with different headlines between print and online version