Web Banners Fundamentals — Questions and Answers

Question 1: What is the maximum initial file size recommended by IAB for a standard display banner (non-video) to ensure fast load times?

500 KB
150 KB (Correct answer)
2 MB
50 KB

Correct answer: 150 KB

IAB's updated guidelines recommend a maximum initial load of 150 KB for standard display banners, with additional polite-loaded assets not exceeding 2.2 MB total.

Question 2: What is the recommended number of CTAs in a single standard web banner ad?

Zero — CTAs are optional in banner design
One clear, focused CTA (Correct answer)
As many CTAs as the layout can accommodate
Two to three CTAs to give viewers options

Correct answer: One clear, focused CTA

A single, clear CTA prevents decision paralysis and focuses all viewer attention on one desired action, maximizing click-through potential.

Question 3: What does A/B testing in web banner design involve?

Comparing two banner versions to determine which performs better (Correct answer)
Testing the banner on two different browsers
Using two designers to create one banner
Testing file formats A and B

Correct answer: Comparing two banner versions to determine which performs better

A/B testing shows two variants of a banner to different audiences to identify which design drives better results.

Question 4: What is the maximum initial file load size recommended by IAB for most standard display ads?

500 KB
200 KB (Correct answer)
1 MB
100 KB

Correct answer: 200 KB

IAB recommends a maximum initial file load of 200 KB for standard display ads to prevent slowing page load times.

Question 5: What is a 'billboard' ad unit in IAB's New Ad Portfolio?

A 970×250 pixel large-format desktop display ad (Correct answer)
An ad displayed on streaming video platforms
A physical outdoor advertisement
A banner that covers the entire browser window

Correct answer: A 970×250 pixel large-format desktop display ad

The IAB billboard is a 970×250 pixel high-impact display unit designed for prominent placement on desktop pages.

Question 6: Which typographic practice is MOST critical when designing banners intended for both desktop and mobile viewports?

Setting minimum readable font sizes and fluid scaling (Correct answer)
Locking all text at 10px to save space
Using decorative script fonts throughout
Using all-caps for every text element

Correct answer: Setting minimum readable font sizes and fluid scaling

Setting minimum readable font sizes (typically 14–16px for body text) and allowing fluid scaling ensures legibility across the range of screen sizes and pixel densities.

Question 7: Which banner format is commonly known as a 'medium rectangle'?

160×600
300×600
300×250 (Correct answer)
728×90

Correct answer: 300×250

The 300×250 pixel format is the medium rectangle (MREC), one of the most widely used banner sizes online.

Question 8: For an animated web banner showcasing a foldable product design, which animation sequence most effectively demonstrates the product's key feature?

A static product with a blinking CTA button
A color-cycle animation on the background
Text appearing and disappearing rapidly
A smooth fold/unfold loop showing the product transforming (Correct answer)

Correct answer: A smooth fold/unfold loop showing the product transforming

Animating the fold/unfold sequence directly demonstrates the core functional benefit, letting the product's behavior sell itself.

Question 9: Which JavaScript API is commonly used for high-performance animation timing in HTML5 banners?

setTimeout
requestAnimationFrame (Correct answer)
XMLHttpRequest
setInterval

Correct answer: requestAnimationFrame

requestAnimationFrame synchronizes animation updates with the browser's repaint cycle for smooth, efficient rendering.

Question 10: Which of the following is a 'native' ad format as opposed to a traditional banner?

A pop-under ad
A 728×90 leaderboard
300×250 medium rectangle
In-feed sponsored content that matches page style (Correct answer)

Correct answer: In-feed sponsored content that matches page style

Native ads blend with the surrounding editorial content in format and style, unlike traditional display banners.

Question 11: What organization publishes the standard ad unit guidelines that define common web banner sizes?

W3C (World Wide Web Consortium)
IEEE
IAB (Interactive Advertising Bureau) (Correct answer)
FCC

Correct answer: IAB (Interactive Advertising Bureau)

The IAB publishes the New Ad Portfolio guidelines that standardize banner ad sizes used across the industry.

Question 12: What does 'VAST' stand for in digital video advertising?

Visual Ad Scaling Technology
Verified Ad Serving Tool
Video Ad Serving Template (Correct answer)
Video Animation Standard Template

Correct answer: Video Ad Serving Template

VAST (Video Ad Serving Template) is an IAB standard XML schema for serving video ads across different players.

Question 13: What is the role of CSS animations in HTML5 web banners?

To animate elements using keyframes without requiring JavaScript (Correct answer)
To define the banner's pixel dimensions
To define the banner's click destination URL
To compress the banner's image assets

Correct answer: To animate elements using keyframes without requiring JavaScript

CSS animations use @keyframes rules to transition element properties over time without JavaScript for simple motion.

Question 14: What is an 'expandable' banner ad?

A banner that fills the entire screen on mobile
A banner that enlarges from its original size when a user interacts with it (Correct answer)
A banner that grows in file size over time
A banner served at higher resolution on retina displays

Correct answer: A banner that enlarges from its original size when a user interacts with it

Expandable banners start at a standard size and expand to a larger panel when a user hovers over or clicks them.

Question 15: What is a 'takeover' ad in digital banner advertising?

An ad displayed when a user's session times out
An ad campaign that covers multiple placements on a single page simultaneously (Correct answer)
An ad that takes over a competitor's ad slot
An ad that plays audio automatically

Correct answer: An ad campaign that covers multiple placements on a single page simultaneously

A page takeover is when a single advertiser purchases all ad slots on a given page to dominate the visual space.

Question 16: Which principle from industrial design's human-centered approach is demonstrated by user-testing banner designs before campaign launch?

Mass production efficiency
Material cost reduction
Iterative validation with real users to reduce design assumptions (Correct answer)
Patent filing for visual innovations

Correct answer: Iterative validation with real users to reduce design assumptions

Human-centered design emphasizes validating assumptions with real users through testing, ensuring the final design truly meets user needs and performance goals.

Question 17: Which metric measures the percentage of users who complete a desired action after clicking a banner ad?

View-through rate
Bounce rate
Engagement rate
Conversion rate (Correct answer)

Correct answer: Conversion rate

Conversion rate measures how many click-through visitors complete the desired action such as a purchase, signup, or form fill.

Question 18: What does a strong 'value proposition' in a web banner headline communicate to the viewer?

The company's founding history and mission
The unique benefit that makes the offer worth the viewer's attention (Correct answer)
The price of the product
The technical specifications of the product

Correct answer: The unique benefit that makes the offer worth the viewer's attention

A value proposition communicates the unique, specific benefit that differentiates the offer and gives the viewer a compelling reason to click.

Question 19: What is a 'power word' in the context of web banner copywriting?

The brand name used prominently in the headline
A word with strong emotional or persuasive impact, such as 'Free,' 'Exclusive,' or 'Guaranteed' (Correct answer)
A legal disclaimer required by FTC advertising standards
A technical term only industry insiders would recognize

Correct answer: A word with strong emotional or persuasive impact, such as 'Free,' 'Exclusive,' or 'Guaranteed'

Power words like 'Free,' 'Exclusive,' 'Guaranteed,' and 'Instantly' carry emotional weight that triggers a psychological response and makes the offer more compelling.

Question 20: What is the process of design's primary objective?

To make charts and graphs
To write reports
None of the above
To find solutions to problems (Correct answer)

Correct answer: To find solutions to problems

The primary objective of the design process is to find solutions to problems. Designers identify needs, challenges, or inefficiencies and then systematically develop creative and practical approaches to address them. Whether it's designing a product, a service, or a system, the ultimate goal is to resolve a specific issue or improve an existing situation for users.

Question 21: In the design process, specification means:

a summary of the most important details outlining the construction, components, aesthetics, etc., that your design must have (Correct answer)
An examination of every stage of the life and development of the product, from conception to expiration.
The job that a product is designed to do
Continuous evaluation throughout the process of developing a product

Correct answer: a summary of the most important details outlining the construction, components, aesthetics, etc., that your design must have

In the design process, 'specification' refers to a detailed summary outlining the essential requirements and characteristics a design must possess. This includes critical details about construction, components, materials, dimensions, aesthetic qualities, and performance criteria. Specifications serve as a blueprint, guiding the design and development team to ensure the final product meets all necessary standards and user needs.

Question 22: For a banner advertising a smart home device ecosystem, showing all compatible products together in one banner most effectively communicates:

Warranty information for each product
The system's interoperability and ecosystem value (Correct answer)
Each product's technical specifications
Individual product pricing

Correct answer: The system's interoperability and ecosystem value

Grouping compatible products together visually implies integration and invites the viewer to imagine owning the complete, connected ecosystem.

Question 23: What is 'preloading' in the context of HTML5 banner development?

Pre-testing banners in a staging environment
Loading critical assets before the animation begins to prevent lag (Correct answer)
Pre-approving banners with ad networks before launch
A technique to show banners before the page content loads

Correct answer: Loading critical assets before the animation begins to prevent lag

Preloading ensures all fonts, images, and scripts are loaded before the animation sequence starts to avoid choppy playback.

Question 24: Which file format is the current industry standard for animated web banners?

Flash (SWF)
Animated GIF
MPEG-4
HTML5 (Correct answer)

Correct answer: HTML5

HTML5 replaced Flash as the standard for animated banners because it works across all browsers and devices without plugins.

Question 25: What is a 'floating' or 'overlay' web banner?

An ad that appears on top of the page content, overlaying it (Correct answer)
A banner positioned inside a floating iframe
A banner that stays fixed as the user scrolls
A banner served only to mobile users

Correct answer: An ad that appears on top of the page content, overlaying it

Floating or overlay ads appear directly on top of page content, often with a close button, creating high visibility.

Question 26: What is 'frame rate' (fps) and what is a typical target for smooth HTML5 banner animation?

The number of clicks per frame; target is 1 fps
The file size per second of animation; target is 10 KB/fps
The number of ad requests per second; target is 100 fps
The number of frames displayed per second; target is 24–60 fps (Correct answer)

Correct answer: The number of frames displayed per second; target is 24–60 fps

Frame rate (fps) is how many frames display per second; 24–60 fps produces smooth animation in HTML5 banners.

Question 27: What is the added advantage of digital web banners?

They can be used for international audiences.
There is no limit to the number of views.
They can target a particular location. (Correct answer)
They can be used for people of all ages.

Correct answer: They can target a particular location.

A significant advantage of digital web banners is their ability to target specific locations. Unlike traditional advertising, digital platforms allow advertisers to precisely define geographic areas, ensuring their ads are shown only to relevant audiences in particular cities, regions, or even neighborhoods. This precise targeting maximizes campaign efficiency and relevance for local businesses or geographically focused promotions.

Question 28: What is the purpose of ad 'polite loading' as defined by IAB standards?

Displaying a polite message to users before showing the ad
Deferring ad file loading until the host page has fully loaded (Correct answer)
Asking user permission before showing animated ads
Loading the ad only during off-peak hours

Correct answer: Deferring ad file loading until the host page has fully loaded

Polite loading delays the ad's subload (additional files) until after the host page content has finished loading.

Question 29: What is the recommended minimum font size for body text in a standard web banner to ensure legibility?

10px
20px
14px (Correct answer)
8px

Correct answer: 14px

14px is generally the minimum readable body text size on screen; smaller text strains readability especially on mobile.

Question 30: What is the purpose of an 'exit event' in a rich media HTML5 banner?

To track and execute a click-through action when a user clicks the banner (Correct answer)
To close the browser tab when the ad loads
To log when a user leaves the webpage
To remove the banner from the page after a set time

Correct answer: To track and execute a click-through action when a user clicks the banner

An exit event is a defined clickable area in a rich media banner that fires a tracking call and redirects to the landing page.

Question 31: What is the key characteristic of a 'sticky' banner ad?

It sticks to the top of search results
It cannot be closed by the user
It uses adhesive-style visual effects
It remains fixed in view as the user scrolls down the page (Correct answer)

Correct answer: It remains fixed in view as the user scrolls down the page

A sticky banner (also called a fixed or anchored banner) stays in a constant screen position as the user scrolls.

Question 32: What is the process of applying design to mass-produced products called?

Landscape architecture
Industrial and product design (Correct answer)
Service design
Graphic design

Correct answer: Industrial and product design

The process of applying design principles to mass-produced products is specifically called industrial and product design. This field focuses on optimizing the form, function, and value of goods intended for large-scale manufacturing. It bridges the gap between art, engineering, and business to create consumer products that are aesthetically pleasing, user-friendly, and economically viable.

Question 33: A designer is creating a banner showcasing a skincare product. Which photography approach best drives purchase intent?

Abstract geometric patterns only
Close-up lifestyle shot showing product in use on skin (Correct answer)
Product floating on a white background with no context
Stock photo of a generic person smiling

Correct answer: Close-up lifestyle shot showing product in use on skin

Lifestyle shots that show the product in realistic use build emotional connection and help shoppers visualize results.

Question 34: Why are retina/HiDPI assets important in modern HTML5 banner design?

They reduce file size on mobile devices
They ensure images appear sharp on high-resolution screens (Correct answer)
They are required by Google Display Network
They enable animation to run at higher frame rates

Correct answer: They ensure images appear sharp on high-resolution screens

Retina displays have twice the pixel density, so @2x images prevent logos and photos from appearing blurry.

Question 35: What is 'banner blindness' and why is it relevant to web banner design?

A legal restriction on certain banner placements
The tendency of users to ignore banner ads through habituation (Correct answer)
A color vision deficiency affecting banner viewers
A technical rendering bug that hides banners

Correct answer: The tendency of users to ignore banner ads through habituation

Banner blindness describes users subconsciously ignoring ad-like elements, making creative and placement strategy critical.

Question 36: What are the pixel dimensions of a standard leaderboard banner?

320×50
728×90 (Correct answer)
300×250
160×600

Correct answer: 728×90

The leaderboard banner measures 728×90 pixels and typically appears at the top of a webpage.

Question 37: What is the purpose of a 'manifest file' in an HTML5 banner package?

To store user interaction data
To declare all files included in the banner package for the ad server (Correct answer)
To define animation timings and sequences
To list all click destinations for the banner

Correct answer: To declare all files included in the banner package for the ad server

A manifest file lists every asset in the banner package so the ad server can correctly assemble and serve the creative.

Question 38: The phrase 'Limited Time Offer — Expires Tonight!' in a banner ad primarily leverages which psychological principle?

Social proof from peer behavior
Reciprocity and giving
Scarcity and urgency (Correct answer)
Authority and credibility bias

Correct answer: Scarcity and urgency

Time-limited messaging leverages scarcity and urgency, triggering fear of missing out (FOMO) and prompting viewers to act before the window closes.

Question 39: What does 'SVG' stand for and why is it used in HTML5 banners?

Standard Video Graphics; used for video backgrounds
Static Vector Graphic; used for photos
Scalable Video Graphics; used for animated video
Scalable Vector Graphic; used for resolution-independent logos and icons (Correct answer)

Correct answer: Scalable Vector Graphic; used for resolution-independent logos and icons

SVG is an XML-based vector image format that scales perfectly at any size, ideal for logos and icons in responsive banners.

Question 40: Which HTML5 element is primarily used to render animated graphics and interactive banner content?

<video>
<svg>
<iframe>
<canvas> (Correct answer)

Correct answer: <canvas>

The <canvas> element provides a drawing surface for JavaScript-based animations commonly used in HTML5 banners.

Question 41: What does 'easing' refer to in the context of HTML5 banner animation?

Making the banner accessible to screen readers
The acceleration and deceleration of an animated element over time (Correct answer)
Simplifying the HTML code structure
Reducing the overall file size of the banner

Correct answer: The acceleration and deceleration of an animated element over time

Easing controls how an animation speeds up or slows down, making motion feel natural rather than mechanical.

Question 42: What is 'ad fatigue' in web banner advertising?

A technical issue causing banner load errors
When an ad server is overloaded with requests
Banner animation slowing down over time
Declining performance as users become desensitized to seeing the same banner repeatedly (Correct answer)

Correct answer: Declining performance as users become desensitized to seeing the same banner repeatedly

Ad fatigue occurs when repeated exposure to the same banner causes users to ignore it, leading to declining CTR and engagement.

Question 43: Which of the following is true about animated web banners?

They should not contain too much information. (Correct answer)
Instead, choose a consistent style for your banners.
The brain is able to process color faster than text.
They can help you to advertise your business.

Correct answer: They should not contain too much information.

While animated web banners can be effective at capturing attention, they should be concise and to the point. Overloading them with too much text or complex animations can make them difficult to read and understand quickly, diminishing their impact and potentially frustrating viewers. The goal is to convey a clear message efficiently without overwhelming the audience.

Question 44: Why did the ad industry transition from Flash to HTML5 for animated banners?

Flash was more expensive to produce
Flash was deprecated and unsupported on mobile devices and modern browsers (Correct answer)
HTML5 banners have larger file sizes
HTML5 cannot support video in banners

Correct answer: Flash was deprecated and unsupported on mobile devices and modern browsers

Flash required a browser plugin unsupported on iOS and was officially deprecated by Adobe and all major browsers by 2020.

Question 45: Why should HTML5 banner code avoid inline styles where possible?

Ad networks block banners with inline styles
Separating CSS from HTML improves maintainability and allows easier ad-server overrides (Correct answer)
Inline styles are not supported in banner environments
Inline styles increase render time significantly

Correct answer: Separating CSS from HTML improves maintainability and allows easier ad-server overrides

Keeping styles in a stylesheet separates concerns, makes edits easier, and allows ad servers to override values when needed.

Question 46: A demand-side platform (DSP) is used by whom in the programmatic advertising ecosystem?

Publishers selling their ad space
Verification vendors measuring viewability
Ad networks managing placements
Advertisers and agencies buying ad inventory (Correct answer)

Correct answer: Advertisers and agencies buying ad inventory

A DSP allows advertisers and agencies to purchase display ad inventory across multiple ad exchanges through a single unified interface.

Question 47: What does 'skyscraper' refer to in web banner advertising?

A full-page takeover ad
A banner that appears above all other page content
A banner displayed only on high-traffic websites
A tall, narrow vertical banner format (Correct answer)

Correct answer: A tall, narrow vertical banner format

A skyscraper is a tall vertical banner, commonly 160×600 pixels (wide skyscraper) or 120×600 pixels.

Question 48: What does 'viewability' mean as a standard in banner advertising measurement?

The user must scroll past the ad
At least 50% of the ad pixels are visible for 1+ continuous second (Correct answer)
The ad must load completely on the page
The ad is seen by the target demographic

Correct answer: At least 50% of the ad pixels are visible for 1+ continuous second

The MRC/IAB viewability standard requires that at least 50% of a display banner's pixels are in-view for a minimum of one continuous second.

Question 49: Which banner size is most commonly used for mobile advertising?

300×250
160×600
320×50 (Correct answer)
728×90

Correct answer: 320×50

The 320×50 mobile banner (mobile leaderboard) is the most common size for smartphone display advertising.

Question 50: Which targeting method segments audiences based on their online browsing behavior and interests over time?

Day-parting
Contextual targeting
Geographic targeting
Behavioral targeting (Correct answer)

Correct answer: Behavioral targeting

Behavioral targeting uses cookie data and browsing history to group users by interests, serving ads aligned to their demonstrated online behavior.

Web Banners Fundamentals

A comprehensive assessment of web banner advertising knowledge covering design principles, IAB industry formats and standards, and HTML5 animation techniques used in digital display advertising campaigns.

Questions

60 min

Time Limit

70%

To Pass

Checking for saved progress...

Exam Rules

You can skip questions and return to them later
Flag questions for review before submitting
No feedback shown until you submit the entire exam
Unanswered questions count as wrong — answer everything
10 pretest questions are mixed in and don't affect your score
Timer auto-submits when time runs out
Your progress is auto-saved every 30 seconds