osma online 2016
TRANSCRIPT
Coya
u/
Wik
imedia
Com
mons
/C
C-B
Y-S
A-3
.0
So you’re online
OHIO SCHOOL MEDIA
ASSOCIATION
APRIL 2016
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
The Big 5
• Timeliness
• Depth
• Responsiveness
• The Big Box of Crayons
• Interaction
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
TIMELINESS
• Scores before stories: AMAP ASAP
• Live tweeting
• Adjust design to your capabilities
• No zombies
Daniel Hollister | CC 2.0
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Don’t do this
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Do this
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Every day
• Did anything unexpected happen?
• Did stories post?
• Do links / images / video work?
• Do stories need updates?
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Every week
• Does the homepage reflect fresh content?
• Does the site reflect what students are
talking about?
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Don’t do this
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Every month
• Are regular features being updated?
• What should we preview?
• What should we follow up on?
• What are users looking at? What can we
learn from that?
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Every semester
• Move dead features off homepage
• Compare year-on-year traffic
• Re-evaluate site design
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
DEPTH
• Links
• Aggregation
Conspiritech
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Links
• Have we reported about this topic / person
/ place before?
• Can we direct readers to original
documents?
• Have other sites added information we
don’t have?
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Do this
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Aggregation
• Don’t write about what you don’t report
about
• Staying legal: Credit and link to original
source; directly quote no more than a few
paragraphs
• bit.ly/osma-aggregation
• bit.ly/osma-aggregation2
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
RESPONSIVENESS
• What are your users reading?
• What are they avoiding?
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Measurement
• At a minimum, you need a count of views
for every individual page
• Google.com/analytics
• Sitemeter.com
• Talk to your site host
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
OMG, no one’s looking
• Is print making online redundant?
• Are headlines boring / vague / labels?
• Are you promoting stories? Print: Promote
fresher news & more depth online.
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Don’t do this
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Social media promotion
• Match promotions to audience (Facebook
for parents?)
• Go where the audience is
• Do personalized promos, hoping for
retweets
USABILITY
BREAK TIME!
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Scrolls, rolls & seasickness
• Do you really need sliding images or text?
• From journoproblems.tumblr.com: “When
the website homepage is full of
slideshows”
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
What’s most important?
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
What’s most important?
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Bad design fits
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Do this: Responsive design
BACK TO THE SHOW
BREAK OVER!
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
BIG BOX OF CRAYONS
• Text
• Static images
• Moving images
• Audio
• Infographics
• Widgets
Johnine Byrne
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Proper tools
• Don’t repeat the same story just using
different tools
• Use each tool to tell the part of the story
it’s best suited to
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Do this
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Text
• Keep it short
• Captions: Identify and explain
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Static images
• Provide clickable images so users can see
them large
• Don’t steal
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Don’t steal
• Google Image Search:
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Don’t steal
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Don’t steal
• Creative Commons: Usually requires
attribution and indication of license: John
Kroll CC 4.0
• Wikipedia: Images housed on Wikimedia
Commons; still must check for individual
use license
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Don’t do this
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Don’t do this
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Multiple images
• “Red carpet” galleries: OK to have similar
shots, but MUST be fully ID’d.
• Storytelling: Vary images, put in a specific
order, AND fully ID.
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Life magazine formula
• Overall: Usually wide-angle or high-angle shot to establish the scene.
• Medium: Focuses on one activity or one group.
• Close-up: Zeroes in on one element, like person's hands or intricate detail of building.
• Portrait: Usually either dramatic, tight head shot or person in his environment.
• Interaction: People conversing or in action.
• Signature: Summarizes situation with all key elements in one photo.
• Sequence: How-to, before and after, or series with beginning, middle, and end.
• Clincher: Closer that would end the story.
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Moving images
• Don’t miss the obvious (dancer)
• Everyone takes video; ask
• Capture key moments with Vines or
animated GIFs: giphy.com
Eadweard Muybridge, via Wikimedia Commons
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Audio
• Short soundbites: 20-60 seconds
• Full audio of interviews
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Infographics
• Maps: Google.com/mymaps
• Charts: developers.google.com/chart or
www.jonwinstanley.com/charts/
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Widgets
• Twitter aggregation: Storify.com
• Annotation: Genius.com
• What does your site host offer?
• What are your students using?
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
INTERACTION
• User submissions
• User-driven interviews
• Polls: Have a point; connect to a story
• Comments: Are they worth it?
• Twitter questions
• What’s in it for the users?
April K
illin
gsw
ort
h/ F
lickr
/C
C-B
Y-2
.0
Kroll BoP
Do these!
• Use links to add depth
• Credit and caption every photo
• Learn your site’s capabilities
• Try out one new tool each month
• Use the Big Box of Crayons
• Go where your readers are