@whistle

RETHINKING THE NEWS

An insider’s look at NPR’s responsive redesign

@whistle

DRIVEWAY MOMENTSHappen all the time

@whistle

WHAT HAPPENS NEXT?Searching Discovery Sharing Interacting

@whistle

ANALYTICSBrace yourself for some left brain stuff

@whistle

SOCIAL DIRECTSEARCH

42% 15%26%

Traffic Sources

@whistle

WEEKDAYS VS. WEEKENDSDevice usage can be significantly different

@whistle

DESKTOP TABLETMOBILE

55% 10%35%

Weekdays

@whistle

DESKTOP TABLETMOBILE

40% 10%50%

Weekends

@whistle

71% OF ALL SESSIONS LANDED ON STORIES

@whistle

IMPROVING THE READING EXPERIENCE

1760 PX

1000 PX

@whistle

60-90 CHARACTERS PER LINEAverage with competitive analysis was 70 characters per line

@whistle

1000-1200 PIXELS

@whistle

1201-1760 PIXELS

@whistle

TABLET

@whistle

PHONE

@whistle

APPROACH + PROCESSAgile + Lean UX User Testing Browser Support

@whistle

BUILDING TOURSAre used for routine User Testing

@whistle

BROWSER SUPPORT

@whistle

RESPONSIVE CONTENTNPR publishes as widely as possible using APIs

@whistle

ARE WE “RESPONSIFYING”Instead of asking hard questions?

@whistle

THE MOST DANGEROUS PHRASE IN THE LANGUAGE IS,"We've always done it this way."

— Grace Hopper

“

@whistle

THE CURRENT STATE OF ONLINE NEWSDisruptive Advertising Link Bait Registration Walls

@whistle

MAINTAINING TRUSTContent & experience must build trust Supporters (not advertisers) No promotional offers

@whistle

NPR PROGRAMSNews Magazines Interview Shows Episodic Shows

@whistle

DEPLOYMENTSLarge vs. small

@whistle

NPR NEWSTopics Authors Columns Special Series Tags

@whistle

NPR MUSICAggregations Live Events

@whistle

RESPONSIVE TOOLS

@whistle

PATTERN LIBRARYRe-use patterns Live style guides Identify areas to refactor

@whistle

DESIGN TO DEVWhiteboard sketching Visual design

@whistle

BACK TO THE DRIVEWAYIt’s time to turn the car on again

@whistle

IT’S TIME TO DRIVEFind the right users Learn from your users Ask hard questions Build and maintain trust Make small/fast deployments

@whistle

MAKING THE PROCESS EASY IS NOT THE GOAL;making the product great is the goal.

— Ed Catmull

“

@whistle

THANKS, I’M @WHISTLE.You can follow me on Twitter