Web Banners Industrial Design 2 — Questions and Answers
Question 1: Which design principle ensures that a web banner's visual hierarchy guides the viewer's eye toward the CTA?
- Symmetry
- Contrast and scale (Correct answer)
- Monochromatic color scheme
- Equal element sizing
Correct answer: Contrast and scale
Contrast and scale differences direct the viewer's gaze by making key elements—like the CTA—stand out from the rest of the composition.
Question 2: In industrial design methodology applied to banner ads, what does 'form follows function' mean?
- Decorative shapes should dominate the layout
- The banner's visual form should serve its conversion goal (Correct answer)
- Typography should always be in sans-serif fonts
- Animations must be added to every banner
Correct answer: The banner's visual form should serve its conversion goal
'Form follows function' means every visual choice in the banner—layout, color, typography—should support the primary objective, such as clicks or conversions.
Question 3: What is the recommended maximum animation duration for a looping web banner to maintain user attention without annoyance?
- 5 seconds
- 15 seconds (Correct answer)
- 30 seconds
- 60 seconds
Correct answer: 15 seconds
IAB guidelines recommend looping animations complete within 15 seconds to hold attention without fatiguing or irritating users.
Question 4: Which ergonomic principle from industrial design is most relevant when sizing a banner's CTA button?
- Fitts's Law (Correct answer)
- Gestalt proximity
- The rule of thirds
- Miller's Law
Correct answer: Fitts's Law
Fitts's Law states that larger, closer targets are easier to click, so applying it to CTA button sizing reduces friction and improves click-through rates.
Question 5: When designing a 300×250 medium rectangle banner, which layout zone typically achieves the highest visual impact for a headline?
- Bottom-right corner
- Upper-left quadrant
- Center-top area (Correct answer)
- Far right edge
Correct answer: Center-top area
The center-top area of a 300×250 banner captures first-glance attention since Western readers scan top-to-bottom, placing the headline in the natural entry point.
Question 6: Which color contrast ratio is the WCAG AA minimum standard that industrial designers should meet for banner text legibility?
- 2:1
- 3:1
- 4.5:1 (Correct answer)
- 7:1
Correct answer: 4.5:1
WCAG AA requires a minimum 4.5:1 contrast ratio for normal text to ensure readability for users with visual impairments.
Question 7: In modular banner design systems, what is the primary advantage of using a consistent design grid across multiple ad sizes?
- It forces identical layouts on all sizes
- It enables scalable, cohesive creative production across formats (Correct answer)
- It eliminates the need for responsive design
- It reduces the number of colors used
Correct answer: It enables scalable, cohesive creative production across formats
A consistent grid system allows design teams to scale and adapt banner assets across different dimensions while maintaining visual coherence and brand consistency.
Web Banners Industrial Design 2
Which design principle ensures that a web banner's visual hierarchy guides the viewer's eye toward the CTA?