Why We Are Doing Fewer Interactives Por qu estamos haciendo menos - - PowerPoint PPT Presentation

why we are doing fewer interactives
SMART_READER_LITE
LIVE PREVIEW

Why We Are Doing Fewer Interactives Por qu estamos haciendo menos - - PowerPoint PPT Presentation

Why We Are Doing Fewer Interactives Por qu estamos haciendo menos grficos interactivos Archie Tse Deputy Graphics Director The New York Times @archietse Some things we used to do more frequently > Steppers > Tabs and fixies


slide-1
SLIDE 1

Archie Tse · Deputy Graphics Director · The New York Times · @archietse

Why We Are Doing Fewer Interactives

Por qué estamos haciendo menos gráficos interactivos

slide-2
SLIDE 2

Some things we used to do more frequently > Steppers > Tabs and fixies > Sliders

slide-3
SLIDE 3

Often just a way for the reader to see more stuff. Some things we used to do more frequently > Steppers > Tabs and fixies > Sliders

slide-4
SLIDE 4

But readers weren’t getting to all of the content. Some things we used to do more frequently > Steppers > Tabs and fixies > Sliders

v

slide-5
SLIDE 5

Why?

slide-6
SLIDE 6

Readers just want to scroll.

slide-7
SLIDE 7
slide-8
SLIDE 8

3 rules for visual storytelling (2016 edition)

slide-9
SLIDE 9

3 rules for visual storytelling (2016 edition)

  • 1. If you make the reader click or do

anything other than scroll, something spectacular has to happen.

slide-10
SLIDE 10

3 rules for visual storytelling (2016 edition)

  • 1. If you make the reader click or do

anything other than scroll, something spectacular has to happen.

  • 2. If you make a tooltip or rollover, assume no
  • ne will ever see it. If content is important

for readers to see, don’t hide it.

slide-11
SLIDE 11

3 rules for visual storytelling (2016 edition)

  • 1. If you make the reader click or do

anything other than scroll, something spectacular has to happen.

  • 2. If you make a tooltip or rollover, assume no
  • ne will ever see it. If content is important

for readers to see, don’t hide it.

  • 3. When deciding whether to make some-

thing interactive, remember that getting it to work on all platforms is expensive.

slide-12
SLIDE 12

And there was another big change in how we do things …

slide-13
SLIDE 13

Fewer small graphics embedded in articles. More stand-alone visual stories.

slide-14
SLIDE 14
slide-15
SLIDE 15

How has this changed us?

slide-16
SLIDE 16

How has this changed us? > Most visuals are static.

slide-17
SLIDE 17

How has this changed us? > Most visuals are static. > We are writing and editing a lot more text.

slide-18
SLIDE 18
slide-19
SLIDE 19
slide-20
SLIDE 20
slide-21
SLIDE 21

How has this changed us? > Most visuals are static. > We are writing and editing a lot more text. > If animation or motion is needed, try to trigger it when user scrolls.

slide-22
SLIDE 22

How has this changed us? > Most visuals are static. > We are writing and editing a lot more text. > If animation or motion is needed, try to trigger it when user scrolls. > We still do interactives, but the bar is now VERY high.

slide-23
SLIDE 23

A tool for making responsive graphics with Adobe Illustrator

slide-24
SLIDE 24

Thanks, I hope you had fun!

@archietse bit.ly/nytgraphics2015 ai2html.org