HTML5 Roundtable for Publishers #doubleclickhtml5 HTML5 PUBLISHER ROUNDTABLE METRO INNOVATIONS: GOING RESPONSIVE DAVID JENSEN HEAD OF DEVELOPMENT @ELGROM
HTML5 Roundtable for Publishers #doubleclickhtml5 Metro.co.uk now provides an optimised experience for every one of the 3,638 devices that visited in the June 2014. Organisation of content, navigation and images scale to reflect the device being used. METRO.CO.UK
HTML5 Roundtable for Publishers #doubleclickhtml5 A responsive web design will fluidly change and respond to fit any screen or device size. RESPONSIVE DESIGN
HTML5 Roundtable for Publishers #doubleclickhtml5 Consistent experience Consistent URL Growth in mobile User centred-design Social referrals WHY METRO WENT RESPONSIVE
HTML5 Roundtable for Publishers #doubleclickhtml5 Key takeaway: if you give people a great experience on all devices they are much more likely to read, share and return to your content. KEY TAKEAWAY
HTML5 Roundtable for Publishers #doubleclickhtml5 Keep it simple: three breakpoints Not just CSS responsive, speed critical Device detection Dropping whole sidebar on mobile Dropping custom font on mobile Resize images Article preview in three versions OUR APPROACH
HTML5 Roundtable for Publishers #doubleclickhtml5 Small, medium and large ad units Only relevant size is requested from DFP Inactive units hidden with CSS Re-request ads if window crosses breakpoint Added complexity MANAGING ADS RESPONSIVELY