Taking a story from print to web


Published on

For the Wyoming Press Association, January 2013

Published in: News & Politics
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • My background. Taught myself web. Either way, it’s about being an advocate for the user experience.
  • My newsroom has 2-3 times the number of unique visitors online each day as it has print subscribers.
  • We’ve all seen charts like this. Newspapers aren’t just trying to keep the readers they have. They’ve got to figure out how to get those readers’ children and grandchildren. And that means going where those potential readers are.
  • Static design versus interactive design
  • Static design versus interactive design
  • We’re in a hurry. And we don’t NEED to read everything.We click on the first reasonable option. Think about search results.
  • This first part is not about design in the traditional, print sense. Not about pixels, typography, balance, colors. About designing a user experience and guiding them through the information.The second part will showcase some exciting trends in interactive design.
  • So much is possible online that isn’t possible in print. Think of these as opportunities to enhance the reader experience.
  • Show them what they didn’t know was there. Access the archive. Keep them on the site. Show your value.
  • Being a resource to readers means being a one-stop shop. Make it easy for them to find more information, even if it’s not on your site.
  • Lunch menus. Meeting agendas. Copies of emails or memos. Contracts. If you don’t have a way to add them as media on your site, consider google drive. http://www.columbiamissourian.com/m/40962/larry-james-resumecv/http://www.columbiamissourian.com/a/157450/abu-ghraib-figure-larry-james-is-finalist-for-mu-position/ADD EXAMPLE
  • https://maps.google.com/maps?saddr=Denver+International+Airport%2C+8500+Pe%C3%B1a+Boulevard%2C+Denver%2C+CO&daddr=Golden%2C+CO+to%3ANederland%2C+CO+to%3ABoulder%2C+CO+to%3ACheyenne%2C+WY&hl=en&ie=UTF8&ll=40.010787%2C-104.996338&spn=1.42836%2C2.664185&sll=39.802206%2C-104.949646&sspn=0.358186%2C0.666046&geocode=FWANYAId283C-SFqnLU1tDtYSSn_RP-YKn9shzFqnLU1tDtYSQ%3BFRefXgIdFHS6-Sn3bGiHEphrhzHcVYAgVEbGFA%3BFSDDYQIdUQi2-SlbUkVOxMZrhzGyTOyqmFxkjQ%3BFYqUYgId7rK5-SnTr40nTo1rhzFYgBugfDs5yA%3BFQ2_cwId6pHA-SmT73MudjhvhzErLZePQTAKsQ&oq=cheyenne&mra=ls&t=m&z=9
  • Easy ways to get in touch. Know the people behind the names. Suggest future stories.What to share: involvement around town, the kind of journalism we work on, where we’ve been before, any disclosures
  • Sometimes, it’s not about the perfect photo edit. It’s about lots of faces.In case you don’t have an easy gallery option … explain Flickr. Click through to slideshow.
  • Storify.com
  • Readers can talk back.
  • In a comment. Or through staff contact info.
  • NOT A LINKExplaingoogle forms. Same as quiz.If you’re revamping something, taking on a new topic, preparing questions to ask, etc.Talk about KatieK, revamping a section.
  • Iterative news.
  • In print, we know who our most loyal customers are. We can ask them what they want in a focus group (and decide whether to believe them).
  • Do you try to peek at people to see what they’re actually reading, and how they move around the paper?But more specific data about actual behavioris available online (though it’s anonymous).
  • What might Target want to know, beyond sales? What can online patterns tell them?What pages people see but don’t buy.Whether they read reviews.How long they spend comparison shopping.How many buy off wish lists.What page they exit from.How many come to look for a job or a store.
  • Where geographically, and where online
  • What kinds of stories do people share?Do people watch the whole video? Read the whole series?What percentage of the people who saw the quiz took it?How local is my audience?How loyal? Do they come back multiple times a day? Or week?Which pages do they have bookmarked? (Our obits page)
  • Many of you now are still print-focused. What will it look like as we all become more web-focused?
  • We can design mobile and tablet applications, which create different versions for each device. Or we can invest in websites that display effectively on each device.
  • And we can’t possible imagine what devices are coming, and design new interfaces for each of them.
  • Ubiquitous augmented reality.http://techland.time.com/2012/11/01/best-inventions-of-the-year-2012/slide/google-glass/
  • The best responsive news website.
  • Think of the planning and coordination between departments.Think of the way stories have to be conceived.
  • Taking a story from print to web

    1. 1. Digital design: Taking a storyfrom print to web Joy Mayer mayerj@missouri.edu @mayerjoy
    2. 2. Who’s reading online?
    3. 3. What’sdifferent about presenting news online?
    4. 4. Static design• Control lies with the designer• Designer decides how the information should be navigated and consumed• Designer decides on a beginning, middle and end• Designer decides on platform and medium• Space is finite
    5. 5. Interactive design• Control lies with the user• User decides how the information should be navigated and consumed• User decides where to begin, and where to stop• User selects the platform on which to view the project• Space is often infinite
    6. 6. We don’t read web pages;we scan them.
    7. 7. Questions to ask yourself as you gofrom print to Web:
    8. 8. Question 1:What can I add?
    9. 9. What can I add? Links to related stories
    10. 10. What can I add? Links toother websites
    11. 11. What can I add? Original documents
    12. 12. What can I add? MapsMade for print | Made for Web
    13. 13. What can I add?Contact information and staff profiles
    14. 14. What can I add?A lot more photos
    15. 15. What can I add?A lot more photos
    16. 16. What can I add? Quizzes/polls
    17. 17. What can I add? Quizzes/polls
    18. 18. What can I add?A reflection of online conversation
    19. 19. Question 2:What can I ask for?
    20. 20. What can I ask for?Sources and news tips
    21. 21. What can I ask for?Opinions on coverage
    22. 22. What can I ask for? Reporting help
    23. 23. What can I ask for?Readers’ own stories
    24. 24. Question 3: What do I knowabout my readers?
    25. 25. What do businesseswant to know about theircustomers?
    26. 26. What do I know about my readers?• What do they read, and for how long?• Where do they come from?• When do they come?• What search terms bring them to me?• What do they search for on my site?
    27. 27. What do I know about my readers?• What devices are they using?• How often do they come?• How long do they stay on the site?• How many pages do they read?• What makes them leave?
    28. 28. Why should I careabout web analytics?
    29. 29. Key analytics terms• Hit• Page view• Visit• Unique visitor• Time on site
    30. 30. Reader information is especially helpful as you invest more inthe online experience.
    31. 31. From designer Brad Frost
    32. 32. From designer Brad Frost
    33. 33. From designer Brad Frost
    34. 34. Google’s “Project Glass”
    35. 35. A news interface
    36. 36. Benefits of device-specific design
    37. 37. What about news?
    38. 38. What’s already possible:
    39. 39. What interaction do you wish were possible?What kind of journalism could you be doing?
    40. 40. -30- Joy Mayermayerj@missouri.edu @mayerjoy