@whistle RETHINKING THE NEWS An insider’s look at NPR’s responsive redesign
Jul 28, 2015
@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