際際滷

際際滷Share a Scribd company logo
Digital design:
  Taking a story
from print to web
       Joy Mayer
   mayerj@missouri.edu
       @mayerjoy
Whos reading
  online?
Taking a story from print to web
Whats
different about presenting
       news online?
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
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
We dont read
 web pages;
we scan them.
Questions
  to ask yourself
     as you go
from print to Web:
Question 1:
What can I add?
What can I add?

     Links to
 related stories
What can I add?

   Links to
other websites
What can I add?

   Original
  documents
What can I add?

         Maps
Made for print | Made for Web
What can I add?

Contact information
 and staff profiles
What can I add?
A lot more photos
What can I add?
A lot more photos
What can I add?
 Quizzes/polls
What can I add?
 Quizzes/polls
What can I add?
A reflection of online
    conversation
Question 2:
What can I ask for?
What can I ask for?
Sources and news tips
What can I ask for?
Opinions on coverage
What can I ask for?
 Reporting help
What can I ask for?
Readers own stories
Question 3:
 What do I know
about my readers?
Taking a story from print to web
What do
 businesses
want to know
 about their
customers?
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?
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?
Why should I care
about web analytics?
Key analytics terms
   Hit
   Page view
   Visit
   Unique visitor
   Time on site
Reader information
  is especially helpful
 as you invest more in
the online experience.
From designer Brad Frost
From designer Brad Frost
From designer Brad Frost
Googles Project Glass
Taking a story from print to web
A news interface
Benefits of device-specific
          design
What about news?
Whats already possible:
What interaction do you
 wish were possible?

What kind of journalism
 could you be doing?
-30-
    Joy Mayer
mayerj@missouri.edu
    @mayerjoy

More Related Content

Taking a story from print to web

Editor's Notes

  • #2: My background. Taught myself web. Either way, its about being an advocate for the user experience.
  • #3: My newsroom has 2-3 times the number of unique visitors online each day as it has print subscribers.
  • #4: Weve all seen charts like this. Newspapers arent just trying to keep the readers they have. Theyve got to figure out how to get those readers children and grandchildren. And that means going where those potential readers are.
  • #5: Static design versus interactive design
  • #6: Static design versus interactive design
  • #8: Were in a hurry. And we dont NEED to read everything.We click on the first reasonable option. Think about search results.
  • #9: 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.
  • #10: So much is possible online that isnt possible in print. Think of these as opportunities to enhance the reader experience.
  • #11: Show them what they didnt know was there. Access the archive. Keep them on the site. Show your value.
  • #12: Being a resource to readers means being a one-stop shop. Make it easy for them to find more information, even if its not on your site.
  • #13: Lunch menus. Meeting agendas. Copies of emails or memos. Contracts. If you dont 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
  • #14: 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
  • #15: 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 weve been before, any disclosures
  • #16: Sometimes, its not about the perfect photo edit. Its about lots of faces.In case you dont have an easy gallery option explain Flickr. Click through to slideshow.
  • #20: Storify.com
  • #21: Readers can talk back.
  • #22: In a comment. Or through staff contact info.
  • #23: NOT A LINKExplaingoogle forms. Same as quiz.If youre revamping something, taking on a new topic, preparing questions to ask, etc.Talk about KatieK, revamping a section.
  • #24: Iterative news.
  • #26: 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).
  • #27: Do you try to peek at people to see what theyre actually reading, and how they move around the paper?But more specific data about actual behavioris available online (though its anonymous).
  • #28: What might Target want to know, beyond sales? What can online patterns tell them?What pages people see but dont 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.
  • #29: Where geographically, and where online
  • #31: 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)
  • #33: Many of you now are still print-focused. What will it look like as we all become more web-focused?
  • #35: 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.
  • #36: And we cant possible imagine what devices are coming, and design new interfaces for each of them.
  • #37: Ubiquitous augmented reality.http://techland.time.com/2012/11/01/best-inventions-of-the-year-2012/slide/google-glass/
  • #39: The best responsive news website.
  • #40: Think of the planning and coordination between departments.Think of the way stories have to be conceived.