Web Banners Industrial Design 5 — Questions and Answers
Question 1: What role does 'affordance' from industrial design theory play in web banner CTA design?
- It sets the maximum number of fonts allowed
- It makes interactive elements visually communicate their clickability (Correct answer)
- It determines the banner's aspect ratio
- It controls animation speed
Correct answer: It makes interactive elements visually communicate their clickability
Affordance means a design element visually suggests how it should be used; a button-shaped CTA with a contrasting color and hover state signals to users that it is clickable.
Question 2: When adapting a landscape 728×90 leaderboard banner design to a 320×50 mobile banner, which content should be PRIORITIZED?
- The full legal disclaimer text
- The most essential message and CTA only (Correct answer)
- Background illustrations and decorative elements
- A multi-paragraph product description
Correct answer: The most essential message and CTA only
Mobile banners have far less real estate, so only the core value proposition and CTA should remain—all decorative or supplementary content should be removed.
Question 3: In banner design, what is 'banner blindness' and how does strong visual design help mitigate it?
- A technical error preventing banner display; fixed by CSS resets
- Users subconsciously ignoring banner-like areas; distinctive visuals disrupt the pattern (Correct answer)
- A color deficiency affecting ad perception; fixed by accessible palettes
- Slow loading causing banners to appear blank; fixed by compression
Correct answer: Users subconsciously ignoring banner-like areas; distinctive visuals disrupt the pattern
Banner blindness occurs when users habitually ignore ad placements; unexpected layouts, motion, or high-contrast visuals break the pattern and recapture attention.
Question 4: Which principle from industrial design's human-centered approach is demonstrated by user-testing banner designs before campaign launch?
- Mass production efficiency
- Iterative validation with real users to reduce design assumptions (Correct answer)
- Material cost reduction
- 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 5: What is the maximum initial file size recommended by IAB for a standard display banner (non-video) to ensure fast load times?
- 50 KB
- 150 KB (Correct answer)
- 500 KB
- 2 MB
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 6: In a design system for banner ads, what is the benefit of defining a 'design token' for brand colors instead of hardcoding hex values?
- It encrypts the color data for security
- It allows global brand color updates across all banner templates by changing one value (Correct answer)
- It reduces the number of colors visible in the design
- It automatically generates animation keyframes
Correct answer: It allows global brand color updates across all banner templates by changing one value
Design tokens centralize style values so that updating a single token (e.g., primary brand color) propagates the change across every template that references it.
Question 7: Which approach best demonstrates 'design for manufacturability' principles when applied to a large-scale banner ad campaign?
- Designing each ad size completely independently from scratch
- Building reusable component libraries and templates that streamline production of all sizes (Correct answer)
- Using only one ad size to minimize complexity
- Outsourcing all design work to reduce internal overhead
Correct answer: Building reusable component libraries and templates that streamline production of all sizes
Just as DFM in industrial design standardizes parts for efficient manufacturing, reusable component libraries allow ad teams to efficiently produce dozens of banner sizes from one system.
Web Banners Industrial Design 5
What role does 'affordance' from industrial design theory play in web banner CTA design?