BEYOND THE BAR CHART Visual journalism for a digital audience - - PowerPoint PPT Presentation

beyond the bar chart
SMART_READER_LITE
LIVE PREVIEW

BEYOND THE BAR CHART Visual journalism for a digital audience - - PowerPoint PPT Presentation

BEYOND THE BAR CHART Visual journalism for a digital audience Adam Marton Emma Patti Harris Senior editor of interactive design, Baltimore Sun Digital products manager, Baltimore Sun adammarton.com | @adam_marton emmapattiharris.com |


slide-1
SLIDE 1

BEYOND THE BAR CHART

Visual journalism for a digital audience

Adam Marton

Senior editor of interactive design, Baltimore Sun adammarton.com | @adam_marton

Emma Patti Harris

Digital products manager, Baltimore Sun emmapattiharris.com | @emmapattiharris

slide-2
SLIDE 2

INTERACTIVE DESIGN TEAM

http://www.baltimoresun.com/data

slide-3
SLIDE 3

UNDUE FORCE

http://data.baltimoresun.com/news/police-settlements/

slide-4
SLIDE 4

45 MINUTE MYSTERY OF FREDDIE GRAY

http://data.baltimoresun.com/freddie-gray/

slide-5
SLIDE 5

“Human minds yield helplessly to the suction of

  • story. No matter how hard

we concentrate, no matter how deep we dig in our heels, we just can’t resist"

  • Jonathan Gottschall, The Storytelling Animal
slide-6
SLIDE 6

STORIES ARE IMPORTANT

to how we as humans see the world around us

slide-7
SLIDE 7

A STORY IS NOT JUST FACTS

A story is a series of events that happened to someone and how they respond. It is facts mixed with emotion.

slide-8
SLIDE 8

THE KING DIED

slide-9
SLIDE 9

THE KING DIED AND THEN THE QUEEN DIED...

slide-10
SLIDE 10

THE KING DIED

(E.M. FORSTER)

... OF GRIEF AND THEN THE QUEEN DIED...

slide-11
SLIDE 11

DESIGN TOOLS FOR STORYTELLING

Symbolism Color Composition Typography Design style

slide-12
SLIDE 12

WORDS+IMAGES

Show and tell. Juxtapose words and images for maximum impact.

H/t: Storytelling for Designers, Stacey Williams-Ng

slide-13
SLIDE 13
slide-14
SLIDE 14
slide-15
SLIDE 15

“The purpose of visualization is insight, not pictures"

  • Ben Shneiderman
slide-16
SLIDE 16

INFOGRAPHICS

present information. They tell stories designed by communicators.

slide-17
SLIDE 17

VISUALIZATION

  • ffers visual tools that readers

use to explore and analyze data

  • sets. Helps readers discover

stories themselves.

slide-18
SLIDE 18

WHY CHOOSE?

The best graphics and visualizations tell a story but also allow for reader exploration.

slide-19
SLIDE 19

GUIDING PRINCIPALS

Start with a question. Tell a story. Form should assist function. Do not glorify aesthetics. Aspire for knowledge.

slide-20
SLIDE 20

JOURNALISM

We are journalists first

slide-21
SLIDE 21
  • 1. Seek Truth and Report It

Ethical journalism should be accurate and fair.

  • 2. Minimize Harm

Ethical journalism treats sources, subjects, colleagues and members of the public as human beings deserving of respect.

  • 3. Act Independently

The highest and primary obligation of ethical journalism is to serve the public.

  • 4. Be Accountable and Transparent

Ethical journalism means taking responsibility for one’s work and explaining

  • ne’s decisions to the public.

Source: Society for Professional Journalists

slide-22
SLIDE 22

Reader reactions: http://data.baltimoresun.com/ugc-maps/baltimore-riots/?new Mapping equality: http://www.baltimoresun.com/bal-graphic-mapping-inequalities-in-baltimores-neighborhoods-20150504- htmlstory.html Segregation in Baltimore: http://www.baltimoresun.com/news/data/bal-baltimore-segregation-map-20150710-htmlstory.html Examining post unrest violent crime: http://www.baltimoresun.com/news/data/bal-examining-post-unrest-violent-crime-in-baltimore-20150814- htmlstory.html 45 Murders: http://www.baltimoresun.com/news/maryland/investigations/bal-remembering-the-victims-of-homicides- in-july-20150827-htmlstory.html video: http://www.baltimoresun.com/news/maryland/investigations/bal-baltimore-homicides-for- july-2015-20150828-premiumvideo.html Homicide Map: http://data.baltimoresun.com/bing-maps/homicides/

NEWS PROJECTS

slide-23
SLIDE 23

Fitness Heroes: http://data.baltimoresun.com/b/fitness-heroes-2015/ Farmers Market: http://data.baltimoresun.com/maps/farmers-market/ Orioles: http://data.baltimoresun.com/orioles/roster/ Banned License Plates: http://data.baltimoresun.com/banned-license-plates/ Gift Guide: http://data.baltimoresun.com/gift-guide-2014/

FEATURES/SPORTS PROJECTS

slide-24
SLIDE 24

WHERE DO IDEAS COME FROM?

slide-25
SLIDE 25

WHERE DO IDEAS COME FROM?

Everywhere

CRAFT DISTILLING:

http://www.baltimoresun.com/entertainment/music/ midnight-sun-blog/bal-craft-distilling-presentation- htmlstory.html

slide-26
SLIDE 26

OUR PROCESS

Brainstorm Research Mocks Tech Testing Publish

slide-27
SLIDE 27

QUESTIONS?

Thank you!

All links at adammarton.com FOLLOW US: Data Desk @baltsundata Adam @adam_marton Emma @emmapattiharris