8. 2009-2013: Desktop vs Mobile 2014+: more
complex
Non-Mobile
Mobile
@work
Non-
Touch
All
Touch
@home
9.
10. Flash (.SWF) doesn’t work on mobile devices
IAB has asked advertisers to demand
ad agencies build in HTML5…
“To guarantee the ads you pay for
actually appear and look great on all
screens, you should insist to your ad
agencies that your advertising creative
be developed in a mobile-compatible
format. And the one open, industry-
standard, universal format for building
mobile-ready creative is HTML5.”
http://www.iab.net/mobilecenter/makemobilework/letter
14. USER INTERACTION IS KEY
• Unique to HTML5
• Engagement and interaction metrics
• Not just my opinion, engaging experiences
perform better
• Relevant interactivity
15. Animated Ads on Mobile = BETTER PERFORMANCE
HIGHER CTR
3.5
x
.5 -15
%
ENGAGEMENTRATES
*industry averages
17. • Industry currently uses fixed ad sizes (300x250, 728x90
etc) that don’t work well with responsive design
• Responsive sized & larger HTML5 ads may replace fixed
ad size units
• RWD improves ad view-ability due to using more ‘above
the fold’ screen real estate.
Responsive Web Design (RWD)
What is RWD? - One codebase that adapts to many devices
19. “ANYWHERE” (Cross-Device) AD UNIT
• Cost Effective
• Better Monetization of Impressions
• Growing towards 100% Ubiquity and Adoption
• HTML5 is Not an Option, but a Requirement
20. Step 3. Generate URL for creative
• URL can be trafficked in any ad server
• No change to current reporting process
Step 1. Add Creative Components Step 2. Optimize Layout
- Creative responds to
any ad size.
- Image files are
optimized.
• Allows for responsive ads that resize to any ad unit or resolution
• Responsive ad size creative doesn’t require a responsive website
“ANYSIZE” (Responsive) AD UNIT
DEMO responsive ad examples
22. HTML5 Challenges
• No SWF
• Performance & Optimization Across Devices
• Cross Browser Support
• Production/QA Lead Times
• Requires a Different Skillset
• Lack of Tools for Rapid Development
• Lack of Industry Specs & Guidelines
23. MATURATION & ADOPTION OF TOOLS
• Scale & Cost
• Engage & Collaborate with Industry Leaders
• Adobe Edge
• Google Web Designer
• Famous
• CreateJS
• GreenSock Animation Platform
24. IAB HTML5 Working Group
• Establish True Specs
• Responsive Ad creation & Serving
• Widespread Industry Collaboration
and Participation is Vital
25. US IAB HTML5 Ad Standards – in development
http://www.iab.net/html5
HTML5 for Digital Advertising 1.0: Guidance for
Ad Designers & Creative Technologists