Web Banners Product Design 2

Question 1

Which visual hierarchy principle should guide the arrangement of elements in a product banner?

Accepted Answer

Lead with the highest-priority element using size and contrast

Answer

Visual hierarchy uses size, contrast, and placement to direct the viewer's eye to the most important element first.

Question 2

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

Accepted Answer

14px

Answer

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

Question 3

A product banner for a luxury watch uses negative space extensively. What is the primary design benefit?

Accepted Answer

It creates a sense of exclusivity and lets the product breathe

Answer

Generous negative space signals premium quality and keeps focus on the product without visual clutter.

Question 4

When designing a product banner for an A/B test, which single element change provides the cleanest data?

Accepted Answer

Change only the CTA button color

Answer

Changing one variable at a time isolates the cause of any performance difference and yields actionable data.

Question 5

Which color contrast ratio does WCAG 2.1 AA require for normal text in a web banner?

Accepted Answer

4.5:1

Answer

WCAG 2.1 AA mandates a minimum 4.5:1 contrast ratio for normal text to ensure accessibility.

Web Banners Practice Test